/** | |
* 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"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment