Skip to content

Instantly share code, notes, and snippets.

@old-campos
Created October 11, 2012 05:14
Show Gist options
  • Save old-campos/3870311 to your computer and use it in GitHub Desktop.
Save old-campos/3870311 to your computer and use it in GitHub Desktop.
CSS: sample style
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
img {
border: 0;
}
/*This is called a reset, it normalizes inconsistencies that plague all the major browsers, Chome, Firefox, Safari and IE*/
/*LAYOUT STYLES*/
body {
background-color: white;
}
.container {
width: 960px;
margin: 0 auto;
}
.header {
margin: 0 auto;
background-color: #9ec7ed;
height: 80px;
border-radius: 8px;
box-shadow: 0 0 5px #777777;
}
.feature {
width: 460px;
float: left;
margin: 10px;
}
/*END LAYOUT STYLES*/
/*HERE I STYLE THE TYPOGRAPHY*/
h1, h2 {
font-family: "century gothic", arial, sans-serif;
font-size: 41px;
font-weight: normal;
text-align: center;
padding-top: 10px;
text-shadow: 0 0 5px #777777;
}
h2 {
font-size: 24px;
font-family: courier, sans-serif;
text-shadow: 0 0 5px #777777;
}
h3 {
font-family: "Century Gothic", arial, courier;
font-weight: normal;
font-size: 21px;
text-align: center;
}
p {
font-family: arial, sans-serif;
font-size: 14px;
}
footer {
font-family: courier, arial;
font-size: 14px;
text-align: center;
padding-top: 50px;
}
/*END Typography styles*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment