public

alefranz / dabblet.css

Created 2011-12-21

/**
 * 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;
}

<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>

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