public
Created

Homepage

  • Download Gist
dabblet.css
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
/**
* 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
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
<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
JSON
1
{"view":"split","prefixfree":"1","page":"css"}

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.