MichaelArestad · April 13, 2012 14:56
diff --git a/dabblet.css b/dabblet.css
 /* The glass is half something */

 .glass {
 	position: relative;
 	border: 1px solid grey;
 	width: 200px;
 	height: 380px;
 	margin: 50px auto;
 }
 .glass > .water {
 	position: absolute;
 	top: 50%;
 	bottom: 0;
 	background: blue;
 	width: 100%;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div class="glass">
 	<div class="water">
 	</div>
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","seethrough":"","prefixfree":"1","page":"css"}
	<!-- content to be placed inside <body>…</body> -->
	<div class="glass">
	<div class="water">
	</div>
	</div>