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;
}