HomePage RecentChanges

BrainsCss

/* disable some stupid browser defaults */ html, body { height: 100%; width: 100%; margin: 0; padding: 0; } a img { border: none; } a { font: inherit; text-decoration: none; text-decoration: inherit; color: inherit; } em { font: inherit; font-style: inherit; } strong { font: inherit; font-weight: inherit; } hr { border: none; } input, textarea, select { border: none; background: transparent; font: inherit; color: inherit; line-height: inherit; font-size: inherit; } ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, pre { margin: 0; padding: 0; font-weight: inherit; font-size: inherit; }

/* Change the colors. */ html { color: #5b0; background: #000; } hr { color: #a00; background: #a00; } a:link { color: #d00; background: #100; } a:visited { color: #c40; background: #000; } a:hover { color: #f00; background: #300; } a.url:link { color: #36d; background: #001 } a.url:visited { color: #639; background: #000 } a.url:hover { color: #88f; background: #005 } em, .new, h2, h3, h4, h5, h6 { color: #7f0; } .old, .old strong { color: #290; } strong { background: #231; } input, textarea, select { background-color: #231; color: #6b0; } i, b { color: #000; background: #f00; font: inherit; } h1 a:link { color: #a00; } h1 a:hover { color: #d00; }

/* Set fonts */ html { font-family: “DejaVu? Sans”, Verdana, sans-serif; font-size: medium; } tt, var, code, pre, input, textarea, select { font-family: “DejaVu? Sans Mono”, “Lucida Console”, monospace; font-size: inherit; } code { font-style: italic; } em { font-weight: bold; } h1 { font-weight: bold; font-size: xx-large; font-variant: small-caps; font-family: “Winks”, “Impact”, fantasy; } h2 { font-weight: bold; font-size: large; } h3 { font-weight: bold; } h4 { } h5 { font-style: italic; } h6 { font-style: italic; } input[type=“text”] { cursor: text; width: 8em;} input[type=“submit”] { cursor: pointer; color: #d00; } input[type=“submit”]:hover { color: #f00; background: #500; }

/* Layout */ body { background: url(http://static.flickr.com/50/132049455_e58826b7e0.jpg?v=0) no-repeat 90% 90% #000; } div.comment, div.content, div.header, div.footer, div.rc, div.edit, div.diff { width: 40em; margin: 0 auto; } div.header { padding-top: 6em; } span.gotobar { display: block; text-align: right; float: right; padding-bottom: 2em; } div.footer br { display: none; } div.footer span.time { display: block; text-align: left; clear: both; } span.edit.bar { display: block; float: left; } span.gotobar a { margin-left: 0.5em; } span.edit.bar a, .trail a { margin-right: 0.5em; } h1 { margin-bottom: 0.25em; border-bottom: 2px solid #a00; margin-top: 1em; clear: both; } div.comment { border-top: 2px solid #a00; margin-top: 1em; padding-top: 1em; } h1 a { display: block; } hr { height: 2px; width: 40em; margin: 0.5em auto; } li diff { display: inline; } div.footer span.trail { display: none; } div.footer span.gotobar { display: none; } div.sidebar { position: absolute; left: 0.5em; top: 1em; width: 10em; overflow: hidden; } div.trail { float: left; } div.content, div.rc { width: 38em; padding: 1em; } h2, h3, h4, h5, h6 { margin-left: -0.5em; margin-bottom: 1em; margin-top: 1.5em; } div.content hr, div.rc hr { margin-left: -1em; } div.edit textarea, div.comment textarea { width: 40em; } div.comment textarea { height: 8em; } form.search { position: absolute; top: 0.5em; right: 50%; width: 17em; margin-right: -20em; } a.logo { margin-bottom: 1em; display: block; background: transparent; } div.footer { margin-bottom: 1.2em; } img.smiley { cursor: text; vertical-align: baseline; max-height: 1em;} pre { white-space: pre-wrap; word-wrap: break-word; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; } div.month { float: right; padding: 1em; } div.cal div.month { float: left; } div.footer { clear: both; }

/* Contents */ div.content p + p { margin-top: 1em; } div.content p { text-align: justify; } div.content a.edit { font-size: x-small; vertical-align: super; } div.month pre a.edit { font-size: inherit; vertical-align: inherit; } ul , ol { padding-left: 1em; } ul li { list-style: square outside; }