Site: CSS Reset
04/25/15
Okay, I think the time has come for me to redo my site's CSS setup. Let's just straight up start from scratch, and empty the current stylesheets of content.
All right, let's do a reset.
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
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;
}
All right, let's see what this looks like without any other styling.
I think the first thing I'll want to do is reimplement that browse bar. I tried it out as a static thing on the left, but now let's have it be a horrizontal thing on top of the page. I think devoting so much screen real-estate to it at all times isn't ideal.
It occurs to me that I should actually make the browse bar a list of items, and simply restyle the list.
This is clearly something that will take some time, and I shouldn't switch over until it looks better. So, let's just have this reset file set aside, and keep my current CSS for right now.