[UI] New reset CSS to deal with firefox's abysmal and evil defaults

This commit is contained in:
rainydaysavings 2020-08-20 01:48:01 +01:00 committed by Hugo Sales
parent b624359b9a
commit 33832297bd
No known key found for this signature in database
GPG Key ID: 7D0C7EAFC9D835A0

View File

@ -1,40 +1,27 @@
html, body, div, span, applet, object, iframe, /* link underlines tend to make hypertext less readable,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, because underlines obscure the shapes of the lower halves of words */
a, abbr, acronym, address, big, cite, code, :link,:visited { text-decoration:none }
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, /* no list-markers by default, since lists are used more often for semantics */
b, u, i, center, ul,ol { list-style:none }
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, /* avoid browser default inconsistent heading font-sizes */
table, caption, tbody, tfoot, thead, tr, th, td, /* and pre/code too */
article, aside, canvas, details, embed, h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, /* remove the inconsistent (among browsers) default ul,ol padding or margin */
time, mark, audio, video { /* the default spacing on headings does not match nor align with
margin: 0; normal interline spacing at all, so let's get rid of it. */
padding: 0; /* zero out the spacing around pre, form, body, html, p, blockquote as well */
border: 0; /* form elements are oddly inconsistent, and not quite CSS emulatable. */
} /* nonetheless strip their margin and padding as well */
html, body { ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,textarea
width: 100%; { margin:0; padding:0; border:none; }
height: auto;
} /* whoever thought blue linked image borders were a good idea? */
article, aside, details, figcaption, figure, a img,:link img,:visited img { border:none }
footer, header, hgroup, menu, nav, section {
display: block; /* de-italicize address */
} address { font-style:normal }
ol, ul {
list-style: none; /* more varnish stripping as necessary... */
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}