SGD-DESIGN
7/15/2012 - 9:32 PM

The first commented line is your dabblet’s title

The first commented line is your dabblet’s title

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
<!-- content to be placed inside <body>…</body> -->
<div id="box_two" class="light"></div>
<div id="box_one" class="dark"></div>

/**
 * The first commented line is your dabblet’s title
 */
body{
background: #fff;
min-height: 100%;
}
#box_one,
#box_two{
width:480px; height:220px;
}
.dark{
background:#f00;
border:3px solid rgba(0,0,0,.5);
float:left;
-webkit-box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, .25);
box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, .25);
}
.light{
background:#00f;
border:2px solid rgba(0,0,0,.5);
float:right;
-webkit-box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, .25);
box-shadow: inset 0px 0px 0px 3px rgba(0, 0, 0, .25);
}