dziudek · April 3, 2012 18:00
diff --git a/dabblet.css b/dabblet.css
 /**
 * Tabs
 */

 #tabs {
 	background: #aaa;
 	position: relative;
 	transition: all 1s linear;
 }

 #d1,
 #d2,
 #d3 {
 	position: absolute;
 }

 #d1 {
 	z-index: 1; position: relative;
 }

 #d2 {
 	z-index: 2; 
 	top: 0;
 	height: 40px;
 	border: 3px solid #a00;
 }

 #d3 {
 	z-index: 3; 
 	top: 0;
 	height: 50px;
 	border: 1px solid #ccc;
 }


diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div id="tabs">
 	<div id="d1">Lorem ipsum dolor</div>
 	<div id="d2">Sit amet</div>
 	<div id="d3">Nunciam polunciam</div>
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split","seethrough":"","prefixfree":"1","page":"css"}
	<!-- content to be placed inside <body>…</body> -->
	<div id="tabs">
	<div id="d1">Lorem ipsum dolor</div>
	<div id="d2">Sit amet</div>
	<div id="d3">Nunciam polunciam</div>
	</div>