Team:UChicago/stylesheets/reset

From 2013.igem.org

/* `XHTML, HTML4, HTML5 Reset


*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {

 border: 0;
 margin: 0;
 padding: 0;
 font-size: 100%;

}

html, body {

 height: 100%;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { /*

 Override the default (display: inline) for
 browsers that do not recognize HTML5 tags.
 IE8 (and lower) requires a shiv:
 http://ejohn.org/blog/html5-shiv
  • /
 display: block;

}

b, strong { /*

 Makes browsers agree.
 IE + Opera = font-weight: bold.
 Gecko + WebKit = font-weight: bolder.
  • /
 font-weight: bold;

}

img {

 color: transparent;
 font-size: 0;
 vertical-align: middle;

/*

 For IE.
 http://css-tricks.com/ie-fix-bicubic-scaling-for-images
  • /
 -ms-interpolation-mode: bicubic;

}

ol, ul {

 list-style: none;

}

li { /*

 For IE6 + IE7:
 "display: list-item" keeps bullets from
 disappearing if hasLayout is triggered.
  • /
 display: list-item;

}

table {

 border-collapse: collapse;
 border-spacing: 0;

}

th, td, caption {

 font-weight: normal;
 vertical-align: top;
 text-align: left;

}

q {

 quotes: none;

}

q:before, q:after {

 content: "";
 content: none;

}

sub, sup, small {

 font-size: 75%;

}

sub, sup {

 line-height: 0;
 position: relative;
 vertical-align: baseline;

}

sub {

 bottom: -0.25em;

}

sup {

 top: -0.5em;

}

svg { /*

 For IE9. Without, occasionally draws shapes
 outside the boundaries of <svg> rectangle.
  • /
 overflow: hidden;

}