CSS Resource – Base CSS File
I am very interested in anyones comments, input, critics etc, so we can refine this further and have it for anyone to use.
I have split colours from the main styles for organisational reasons, this may or maynot appeal to some of you but that comes down to personal work flow.
Ive left some values in mainly for example. Obviously on launch you would optimise the file.
CSS File:
/* ------------------------------------------------------------------------------ Reset */
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; }
:focus { outline:0; }
body { line-height:1; }
ol, ul { list-style:none; }
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:"" ""; }
/* ---------------------------------------------------------------------------- Tags */
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; text-align:center; }
a,a:visited { text-decoration:none; }
a:hover,a:active,a:focus {}
h1,h2,h3 { font-family:Georgia, "Times New Roman", Times, serif; }
h1 { font-size:1.5em; margin:0 0 15px 0; }
h2 { font-size:1.2em; margin:0 0 5px 0; }
h3 { font-size:1.1em; margin:0 0 5px 0; }
p { margin:15px 0; }
strong { font-weight:bold; }
/* --------------------------------------------------------------------------- Structural ID's */
#secDiv,#mainDiv,#thirdDiv{ float:left; }
#wrapper,#footer { width:990px; }
#wrapper { margin:0 auto; text-align:left; }
#secDiv { width:264px; }
#mainDiv { width:430px; padding:0 12px 0 26px; }
#thirdDiv { width:258px; }
#footer { clear:both; margin:10px auto; font-size:.8em; text-align:center; }
#footer ul, #footer ul li {}
#footer ul {}
#footer ul li a {}
#footer p {}
/* --------------------------------------------------------------------------- Content ID's */
#nav {}
#nav li a {}
#nav li a:hover, #nav li a.sel {}
/* --------------------------------------------------------------------------- Classes */
.clear { clear:both; }
/* --------------------------------------------------------------------------- Misc */
/* --------------------------------------------------------------------------- Overrides */
/* --------------------------------------------------------------------------- Colours */
/* --------------- Font colour ----------- color:#fff; */
body,#nav li a { color:#000; }
a,h1,h2,h3,#nav li a:hover,#nav li a.sel { color:#ff0000; }
a:visited { color:#990000; }
a:hover,a:active,a:focus{ color:#ccc; }
/* --------------- Background colour ----- background-color:#fff; */
body { background-color:#fff; }
#nav { background-color:#ccc; }
/* --------------- Border colour --------- border-color:#fff; */
/* --------------- Misc colour ----------- ??? */
View full post on Webmaster-Talk.com
Base, file, Resource
RSS Site Feed