/* utilities.css */
html,body,h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,table,tr,td,img,form,input,textarea,pre,blockquote { margin: 0; padding: 0; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { *display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }
/* page.css */
body { background: #660000 url(/static/background.png) top left repeat-x; } #page { width: 980px; margin: 0 auto 0 auto; background: #FFFFFF; } #main { min-height: 300px; } #logo { position: absolute; top: 20px; left: 20px; z-index: 100; } #header { position: relative; height: 150px; background: #1E1E1E; color: #666666; } #footer { background: #999999 url(/static/shadow_darkgrey.png) top center no-repeat; color: #777777; } #sub-footer { height: 30px; background: #660000 url(/static/shadow_red.png) top center no-repeat; }
/* content.css */
body { font-family: arial, helvetica, san-serif; font-size: 0.8em; color: #333333; } h1, h2, h3, h4, h5, h6 { font-family: "trebuchet ms", san-serif; color: #CC3300; } h2 { font-size: 2em; font-weight: normal; } h3 { font-size: 2.6em; font-weight: normal; } h4 { font-size: 1.4em; font-weight: normal; } a, a:link, a:visited { color: #CC3300; text-decoration: none; } a:hover { color: #FF6633; } #footer a, #footer a:link, #footer a:visited { color: #666666; } #footer a:hover { color: #333333; } .subtitle { font-family: arial, helvetica, san-serif; font-size: 0.9em; text-transform: uppercase; } .right { text-align: right; } img { max-width: 100%; border: 0; } ul, ol { list-style: square inside; } h4 + *, p + *, ul + *, ol + *, img + *, table + *, code + *, pre + * { margin-top: 10px; } pre, code { padding: 5px; font-size: 1.2em; background: #EEE; } table, th, td { padding: 5px; border: solid 1px #DDDDDD; border-collapse: collapse; color: #777777; } table th { background: #F3F3F3; } blockquote { padding: 0.5em 0.6em; background: #EEEEEE; } blockquote + * { margin-top: 10px; } .small { font-size: 0.8em; }
/* layout.css */
.columns { position: relative; } .columns-one-whole { width: 940px; margin-left: 20px; float: left; min-height: 1px; position: relative; } .columns-one-half { width: 460px; margin-left: 20px; float: left; min-height: 1px; position: relative; } .columns-one-third { width: 300px; margin-left: 20px; float: left; min-height: 1px; position: relative; } .columns-one-quarter { width: 220px; margin-left: 20px; float: left; min-height: 1px; position: relative; } .columns-one-eight { width: 100px; margin-left: 20px; float: left; min-height: 1px; position: relative; } .columns-two-eights { width: 220px; margin-left: 20px; float: left; min-height: 1px; position: relative; } .columns-three-eights { width: 340px; margin-left: 20px; float: left; min-height: 1px; position: relative; } .columns-four-eights { width: 460px; margin-left: 20px; float: left; min-height: 1px; position: relative; } .columns-five-eights { width: 580px; margin-left: 20px; float: left; min-height: 1px; position: relative; } .columns-six-eights { width: 700px; margin-left: 20px; float: left; min-height: 1px; position: relative; } .columns-seven-eights { width: 820px; margin-left: 20px; float: left; min-height: 1px; position: relative; } .columns-six-eights-special { width: 720px; margin-left: 0px; float: left; min-height: 1px; position: relative; } .columns-blank { height: 1px; } .columns-seven-eights { width: 820px; margin-left: 20px; float: left; min-height: 1px; position: relative; } .columns-no-margin { margin-left: 0; min-height: 1px; position: relative; } .margin-bottom-none { padding-bottom: none; min-height: 1px; } .margin-bottom-extra-small { padding-bottom: 5px; min-height: 1px; } .margin-bottom-small { padding-bottom: 10px; min-height: 1px; } .margin-bottom-medium { padding-bottom: 20px; min-height: 1px; } .margin-bottom-large { padding-bottom: 30px; min-height: 1px; } .bottom { position: absolute; bottom: 0; } .bottom-right { position: relative; left: 720px; }
/* buttons.css */
.buttons-vertical { list-style-type: none; border-bottom: dotted 1px #CCCCCC; } .buttons-vertical li { padding: 5px 0 5px 0; border-top: dotted 1px #CCCCCC; font-family: arial, helvetica, san-serif; font-size: 0.9em; text-transform: uppercase; } .buttons-vertical.buttons-dark { border-bottom: dotted 1px #444444; } .buttons-vertical.buttons-dark li { border-top: dotted 1px #444444; }
/* comments.css */
.comments { background: #EEEEEE url(/static/shadow_lightgrey.png) top center no-repeat; color: #888888; } .comment-info { color: #BBBBBB; } .comments blockquote { background: #DDDDDD; }
/* error.css */
.error { font-family: arial, helvetica, san-serif; font-size: 0.8em; text-transform: uppercase; color: #CC3300; } .error li { list-style-type: none; } .error input[type='text'], .error input[type='password'], .error textarea { background: #FFCCCC; border: solid 1px #CC3300; color: #990000; }
/* form.css */
form label { display: block; font-family: arial, helvetica, san-serif; font-size: 0.9em; text-transform: uppercase; } form .field { margin-bottom: 5px; } input[type='text'], input[type='password'], textarea { padding: 3px; width: 98%; vertical-align: middle; border: solid 1px #CCCCCC; background: #FAFAFA; color: #555555; } input[type='submit'], input[type='reset'] { padding: 3px; vertical-align: middle; font-family: arial, helvetica, san-serif; font-size: 0.9em; text-transform: uppercase; border: solid 1px #CCCCCC; background: #DDDDDD; color: #666666; cursor: pointer; } input[type='submit']:hover, input[type='reset']:hover { background: #EEEEEE; color: #999999; } a.button { padding: 4px; vertical-align: middle; font-family: arial, helvetica, san-serif; font-size: 0.9em; text-transform: uppercase; border: solid 1px #CCCCCC; background: #DDDDDD; color: #666666; } a.button:hover { background: #EEEEEE; color: #999999; } form .help-text { font-family: arial, helvetica, san-serif; font-size: 0.8em; text-transform: uppercase; color: #999999; } form .inline-field { width: 66%; } #id_related_trademarks { height: 50px; } #id_field_honeypot { display: none; }
/* infobox.css */
.infobox-icon { display: block; float: left; width: 40px; } .infobox-body { float: left; margin-left: 10px; }
/* jquery.autocomplete.css */
.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; } .ac_loading { background: white url(indicator.gif) right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: white; }
/* navigation.css */
.navigation { display: inline; list-style: none; list-style-type: none; } .navigation li { display: inline; margin-left: 10px; padding-left: 10px; list-style: none; list-style-type: none; border-left: solid 1px #777777; } .navigation li.last { margin-bottom: 0; } .navigation-current a:link, .navigation-current a:hover, .navigation-current a:visited { color: #FFFFFF; }
/* paginator.css */
.paginator { } .paginator-pages { line-height: 2.3em; text-align: center; } .paginator-page { padding: 0.3em 0.5em 0.3em 0.5em; background: #EEEEEE; color: #999999; } .paginator-page:hover { background: #E6E6E6; } .paginator-page.current { border: 1px solid #DDDDDD; background: #FFFFFF; color: #666666; font-weight: bold; }
/* separators.css */
.separator-large { margin-bottom: 10px; border-bottom: solid 1px #DDDDDD; } .separator-small { margin-bottom: 10px; border-bottom: dotted 1px #CCCCCC; } .separator-extra-small { margin-bottom: 5px; border-bottom: dotted 1px #CCCCCC; }
/* stfu.css */
.stfu { position: relative; height: 650px; background: #670000 url(/static/stfu.png) top left no-repeat; color: #FFCC00; } .stuf-left { position: absolute; top: 50px; left: 50px; width: 300px; text-align: justify; line-height: 1.8em; } .stuf-right { position: absolute; top: 50px; right: 50px; width: 300px; text-align: justify; line-height: 1.8em; }
/* stream.css */
#stream-form textarea#id_body { height: 100px; width: 932px; } #stream-posts { width: 940px; table-layout: fixed; background: #FFF; } #stream-posts td { vertical-align: top; } #stream-posts .info { width: 200px; background: #F6F6F6; } #stream-posts .avatar { width: 50px; background: #F6F6F6; text-align: center; } #stream-posts .body { overflow: auto; background: #FFF; } #stream-posts .body img { max-width: 150px; } #stream-posts .body .thumb-wrap { position: relative; } #stream-posts .body .thumb-wrap .icon { position: absolute; bottom: 5px; right: 3px; width: 16px; height: 16px; z-index: 10; background: transparent url(/static/magnify_icon.gif) top left no-repeat; } #stream-posts .highlight td { background: #FFFFE9; }
/* tabs.css */
.tabs { padding: 8px 0 8px 0; list-style-type: none; font-family: arial, helvetica, san-serif; font-size: 0.9em; text-transform: uppercase; } .tabs li { display: inline; } .tabs li a { padding: 8px 10px 8px 10px; margin-right: 5px; background: #333333; color: #666666; } .tabs li a:hover { background: #444444; color: #999999; } .tabs li.current a { background: #FFFFFF; color: #666666; } .tabs li.current.special a { background: #670000; color: #CC3300; } .subtabs { padding: 5px 0 5px 0px; } .subtabs li a { padding: 5px 7px 5px 7px; border: solid 1px #DDDDDD; background: #EEEEEE; color: #999999; } .subtabs li a:hover { background: #F6F6F6; color: #CCCCCC; } .subtabs li.current a { border-bottom: solid 1px #FFFFFF; background: #FFFFFF; color: #666666; } .subtabs-bottom { border-bottom: solid 1px #DDDDDD; height: 7.5em; }
/* tag.css */
.tag { display: block; padding: 10px; margin-bottom: 10px; background: #EEEEEE; } .tag:hover { background: #E6E6E6; } .tag img { margin-right: 10px; vertical-align: middle; }
/* thumbnail.css */
.thumbnail { display: block; padding: 10px; text-align: center; background: #EEEEEE; } .thumbnail-small { display: block; padding: 5px; text-align: center; background: #EEEEEE; } .thumbalizer img { width: 200px; height: 160px; }
/* trademark.css */
/* voter.css */
.voter { text-align: center; background: #EEEEEE; } .voter .voter-up { display: block; padding: 10px; } .voter .voter-down { display: block; padding: 10px; } .voter .voter-tally { font-size: 3em; }