Created
October 9, 2012 18:37
-
-
Save rareyman/3860590 to your computer and use it in GitHub Desktop.
Snippet: CSS Starter
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
---------------------------------------- | |
untitled | |
Created by NAME on DATE | |
Copyright (c) YYYY. All rights reserved. | |
(Put commonly used hex color values here) | |
*/ | |
/* reset everything first (Eric Meyer) | |
---------------------------------------- */ | |
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, | |
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, | |
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { | |
margin: 0; | |
padding: 0; | |
border: 0; | |
outline: 0; | |
font-weight: inherit; | |
font-style: inherit; | |
font-size: 100%; | |
font-family: inherit; | |
vertical-align: baseline; | |
} | |
/* remember to define focus styles! */ | |
:focus { | |
outline: 0; | |
} | |
body { | |
line-height: 1; | |
color: black; | |
background: white; | |
} | |
ol, ul { | |
list-style: none; | |
} | |
/* tables still need 'cellspacing="0"' in the markup */ | |
table { | |
border-collapse: separate; | |
border-spacing: 0; | |
} | |
caption, th, td { | |
text-align: left; | |
font-weight: normal; | |
} | |
blockquote:before, blockquote:after, q:before, q:after { | |
content: ""; | |
} | |
blockquote, q { | |
quotes: "" ""; | |
} | |
/* re-define the standard tags | |
---------------------------------------- */ | |
body { | |
font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; | |
font-size: 62.5%; /* resets all text to 10px */ | |
} | |
h1, h2, h3, h4, h5, h6 { | |
font-family: Georgia, Palatino, 'Times New Roman', serif; | |
} | |
h1 { | |
font-size: 1.8em; | |
} | |
h2 { | |
font-size: 1.5em; | |
margin-bottom: 0.1em; | |
} | |
h3 { | |
font-size: 1.3em; | |
margin-bottom: 0.5em; | |
} | |
p { | |
font-size: 1.1em; | |
line-height: 1.6em; | |
margin: 0 0 0.9em 0; | |
} | |
ul { | |
} | |
ol { | |
} | |
li { | |
} | |
blockquote { | |
} | |
a { | |
} | |
a:link { | |
} | |
a:visited { | |
} | |
a:hover { | |
} | |
a:active { | |
outline: none; /* fixes dotted outline in Firefox */ | |
} | |
:focus { | |
-moz-outline-style: none; | |
} | |
/* fixes dotted outline in Firefox */ | |
/* clearfloat - for parent blocks containing floating children */ | |
.clearfloat { | |
overflow: auto; | |
} | |
/* layout blocks | |
---------------------------------------- */ | |
/* specific ids and classes | |
---------------------------------------- */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment