Homepage

dabblet.css

/**
 * Homepage
 */
body {
  background: #eef;
  background: linear-gradient(45deg, #ccd, #eef);
  min-height:100%;
}

h1 {
  /*font-family: 'Trade Winds', cursive;*/
  /*font-family: 'Tienne', serif;*/
  font-family: 'Vollkorn', serif;
  font-weight: 700;
  font-style: italic;

  padding: 40px 0;
  font-size: 30pt;
  text-align: center;
  text-shadow: 1px 1px 2px #88d; 

}

.box-container {
  width: 960px;
  margin:auto;

}

.box {
  background: #bbb;
  background: linear-gradient(45deg, #eee, #ddd);
  border-radius: 10px;
  width: 280px;
  height: 160px;
  margin: 20px;
  float: left;
  box-shadow: 0 0 4px 4px white;
}

dabblet.html

<link href='http://fonts.googleapis.com/css?family=Trade+Winds' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Tienne:700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
<h1>
Long Titleofthepage
</h1>

<div class="box-container">

<div class="box">
</div>

<div class="box">
</div>

<div class="box">
</div>

</div>

settings.json

{"view":"split","prefixfree":"1","page":"css"}