Elegant layout

dabblet.css

/**
 * Elegant layout
 */
*{
margin: 0 ; padding: 0;

}
body{
  background: url(http://static.tumblr.com/ajnepim/ERnmskide/pw_maze_white.png);
}
article{
  display: block;
  background: white;
  width: 60%;
  height: 200px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  margin: 45px auto 5px 0;
}

.footer{
  background: #f9f9f9;
  width: 100%;
  height: 200px;
  margin: 50px auto;
  border-top: 1px solid darken(#ececec, 10%);
  border-bottom: 1px solid darken(#ececec, 10%);

}

dabblet.html

<!--Elegant layout -->
<article></article><article></article><article></article><article></article>
<div class="footer"></div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}