After much tinkering with my default template CSS style-sheet I have come up with something which I think is fairly elegant and extensible. It includes a modified version of Eric Meyers CSS Reset followed by a set of my own CSS rules for default elements which have evolved over the past few years.
/*=================================*/
/* CSS Reset
/* May 2010
/* By: Gilbert Pellegrom
/* http://www.gilbertpellegrom.co.uk
/*=================================*/
/*====================*/
/*=== Reset Styles ===*/
/*====================*/
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;
}
body {
line-height:1;
color:black;
background:white;
}
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:"" "";
}
/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
font:14px/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#000;
background:#fff;
}
a, a:visited {
color:blue;
text-decoration:none;
border-bottom:1px solid blue;
}
a:hover, a:active {
color:#000;
text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
line-height:1.2;
margin-bottom:0.6em;
}
h1 { /* Assume used once for page title */
font-size:2.2em;
}
h2 { /* Assume used for page headings */
font-size:1.9em;
}
h3 { /* Assume used for sub-headings */
font-size:1.7em;
margin-top:2em;
}
h4 {
font-size:1.5em;
}
h5 {
font-size:1.3em;
}
h6 {
font-size:1.2em;
}
p {
margin-bottom:1em;
}
ol, ul {
padding-left:30px;
margin-bottom:1em;
}
b, strong {
font-weight:bold;
}
i, em {
font-style:italic;
}
u {
text-decoration:underline;
}
abbr, acronym {
cursor:help;
border-bottom: .1em dotted;
}
code {
font-family:Courier,"Courier New",Monaco,Tahoma;
background:#eee;
color:#000;
padding:0px 2px;
}
pre {
background:#eee;
padding:20px;
margin-bottom:1em;
}
blockquote {
font-style:italic;
margin:0 0 1em 15px;
padding-left:10px;
border-left:5px solid #000;
}
