CSS Reset and Restart

This is my own personal reset and restart. It is a combination of several online resets, bug fixes and then a general css framework. The html is a slightly edited version of the YUI demo page: (http://developer.yahoo.com/yui/examples/reset/reset-simple_source.html)

by lovromar

HTML

<h1>H1 H1 H1 H1 H1 H1 H1 H1 H1 H1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, volutpat. </p>
<h2>H2 H2 H2 H2 H2 H2 H2 H2 H2 H2 H2 H2 H2 H2 H2 H2 H2 H2 H2 H2 H2</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
<h3>H3 H3 H3 H3 H3 H3 H3 H3 H3 H3 H3 H3</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
<h4>H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H4 H</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
<h5>H5 H5 H5 H5 H5 H5 H5 H5 H5 H5 H5 H5</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
<h6>H6 H6 H6 H6 H6 H6 H6 H6 H6 H6 H6</h6>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
<h2>Basic block level elements</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh...

CSS

/***************************************************************
    
    Project title.
    Version: 0.0.0
    Pallette:
    two versions? namespaced or not?
    INSTRUCTIONS - ie read, edit then delete blah blah
    
    ***************************************************************/ 
    
    /*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, b, u, i, center, 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; vertical-align:baseline; background:transparent;}
    ul,ol {list-style: none;}
    blockquote, q {quotes: none;}
    blockquote:before, blockquote:after, q:before, q:after {content:"";content: none;}
    table { border-collapse: collapse;border-spacing:0;}    
    
    /*BUGFIXES*/
    * {zoom:1;} /* IE has layout fix*/
    a:hover{visibility:visible;} /* IE 6 gnores child hover bug */
    * {font-size: 100.01%} /* IE text size bug */
    input{overflow:visible;} /* firefox padding bug */
    
    /*RESTART - includes setting all positionable elements to position:relative;*/
    div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, dl, ol, ul, li, fieldset, form, label {position:relative;}
    
    html{background:red; overflow-y:scroll;}
    body{font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size:11px; line-height:1.4; width:960px; margin:0 auto; background:white;}    
    
    h1,h2,h3,h4,h5,h6,p,ul,ol,dl{padding-bottom:10px;}
    table,input,textarea,select{margin-bottom:10px;}
    ol{list-style:decimal; margin-left:30px;}
    dl dt{font-weight:bold;}
    
    strong,bold{font-weight:bold}
    em,i,cite,q{font-style:italic;}
   ...