/* ************************************************************************** */ /* fontface */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 18, 2011 08:11:13 AM America/New_York */ @font-face { font-family: AllerDisplay; src: url('fonts/allerdisplay-webfont.ttf'); } @font-face { font-family: Aller; src: url('fonts/aller_rg-webfont.ttf'); font-weight: normal; font-style: normal; } /* */ /* Last update: */ /* TODO: * torrent table anything but music stylings * add hover styles to dropdowns (including artist autocomplete) * graph poll images (homepage) * torrent table cat images * artist page link box * wiki! * * give some shadow/definition to main nav bar css letterpress? * input type text * torrent table images (snatched, leechers, seeders) * text shadow everything black 0 blur * DL / RP buttons images? * torrent table ?order_way= bg images * collage images hover styles * * * */ /* icons by http://glyphicons.com/ */ /* font by http://www.fontsquirrel.com/fonts/Aller */ /* palette http://www.colourlovers.com/palette/1214478/GTFO_Spaceship! */ /* nav menu http://www.cssplay.co.uk/menus/centered.html */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } :focus { outline: #000 dotted thin; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } ins { text-decoration: underline; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* // end reset */ /* ************************************************************************** */ /* element colors */ body { color: #bebbb7; } a, a:visited, a:active { color: #01A9D3; } a:hover { color: #FB1462; } input { margin: 3px 0 2px; } /* [type="button"],input[type="submit'],input[type="reset"] input[type="submit"] { */ input[type="submit"], input[type="reset"], input[type="button"], button { font-family: Arial, Sans-Serif; line-height: 13px !important; font-size:12pt; -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-border-radius:5px 5px 5px 5px; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); background: #8E2FA4 url("images/overlay-button.png") repeat-x scroll 0 0; border: 0 none; border-bottom:1px solid rgba(0, 0, 0, 0.25); color:#FFF; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; overflow:visible; padding: 3px 15px; position:relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); width:auto; display: inline-block; } /* [type="button"]:hover,input[type="submit']:hover,input[type="reset"] input:hover {*/ input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover { background-color:#6e257f; } /* ************************************************************************** */ /* element layout */ /* Aller needs to be a minimum of 14 pt to not look like trash */ h1, h2, h3, h4 { margin-top: 0; padding: 0; margin-bottom: 10px; font-family: Aller, sans-serif; font-size: 14pt; } h1 { font-size: 20pt; } h2 { font-size: 18pt; } h3 { font-size: 16pt; } img { border: 0 none; } a img { border: 0 none; position: relative; top: 1px; } table td { padding: 2px; } ol, ul { list-style-position: inside; } blockquote { background: transparent url("images/quote.png") no-repeat scroll 0 0; padding: 15px 10px 20px 60px; margin: 8px 2px 15px 15px; border: 1px dotted #555; } /* ************************************************************************** */ /* global */ body { background: #060709 url("images/purple-jizz.jpg") no-repeat scroll center top; font-family: Arial,Sans-Serif; font-size: 11pt; } #wrapper { width: 960px; position: relative; margin: 0 auto; } #content ol, #content ul { list-style-type: square; } #content ol.nobullet, #content ul.nobullet { list-style-type: none; } #content li { padding: 3px 0; } #content a { text-decoration: none; } div.sidebar { float: right; width: 250px; } div.sidebar div.box div.center, div.sidebar div.box .stats, div.sidebar div.box .poll { font-size: 9pt; } div.sidebar .stats { padding-left: 5px; } div.sidebar .stats li { padding: 2px 0; } div.sidebar .poll { padding: 5px 0 0 15px; } div.main_column { width: 650px; } div.main_column div.pad { line-height: 110%; } div.box { margin: 0 0 45px 0; } div.head { font-size: 18pt; padding: 10px 0 5px 0; border-top: 1px solid #CCC; position: relative; } div.sidebar div.head { background: none; padding-left: 0; } div.head span.time { position: absolute; right: 0; bottom: 7px; font-size: 10pt; } div.head a { text-decoration: none; } /* Aller */ div.head strong { font-family: Aller; font-weight: normal; } div.pad { padding: 15px 5px 5px; } div.linkbox { text-align: center; margin-bottom: 10px; } #content h2 { border-bottom: 1px solid #CCC; text-transform: capitalize; } .min_padding { margin: 0; } /* tables */ table { width: 100%; } tr.colhead, tr.colhead_dark { border: 1px solid #b93dd6; } tr.colhead td, tr.colhead_dark td { background: #8E2FA4; color: #FFF; font-weight: bold; font-size: 125%; text-shadow: 1px 1px 1px #000; padding: 5px 2px; white-space: nowrap; } table tr.rowa td { background-color: #1a1f25; border-top: 1px solid #5F7187; } /* ************************************************************************** */ /* header */ #header { height: 235px; overflow: visible; position: relative; margin-top: 21px; clear: both; } #header a { text-decoration: none; color: #272726; } #header a:hover { text-decoration: underline; } #logo { position: absolute; top: 0; left: 0; width: 112px; height: 30px; } #logo a { display: block; width: 112px; height: 30px; } /* ************************************************************************** */ /* menubar */ /* left = x pos - 164 */ /* userinfo_username li a * userinfo_minor li a * alerts div a * alertbar.blend div "a | a" */ /* common borders/padding/background for dropdowns */ ul#userinfo_username li, ul#userinfo_minor li, #alerts .alertbar, #alerts .alertbar.blend a { padding: 2px 0 2px 6px; display: none; position: relative; z-index: 10; background-color: #05B4C5; } #userinfo { padding-left: 123px; } /* username */ ul#userinfo_username { float: left; background: transparent url("images/chevroni-axxion.png") no-repeat scroll right 0; cursor: pointer; } ul#userinfo_username:hover { padding-bottom:3px; } ul#userinfo_username li { } ul#userinfo_username:hover li { display: block; } ul#userinfo_username a { display: block; } ul#userinfo_username:hover li:first-child { } ul#userinfo_username li:first-child { height: 30px; display: block; padding:0 29px 0 7px; background-color: transparent; } /* Aller */ ul#userinfo_username li:first-child a { font-size: 14pt; font-weight: bold; padding: 6px 0 0 0; text-shadow: 1px 1px 1px #2AC4D1; font-family: Aller; } ul#userinfo_username li:last-child { } /* minor */ ul#userinfo_minor { float: left; height: 30px; width: 53px; background: transparent url("images/prong-dawg.png") no-repeat scroll 8px 0; cursor: pointer; overflow: visible; padding-right: 8px; } ul#userinfo_minor li { } ul#userinfo_minor:hover { height: auto; background-image: url("images/prong-dawg.png"); padding: 30px 8px 3px 0; } ul#userinfo_minor:hover li { display: block; width: 100px; } ul#userinfo_minor:hover li a { display: block; } /* alerts*/ #alerts { float: left; height: 30px; width: 53px; padding-left: 8px; background: transparent url("images/z0mg-look.png") no-repeat scroll 0 0; cursor: pointer; overflow: visible; } #alerts .alertbar { } #alerts:hover { padding: 30px 0 3px; width: 300px; height: auto; /*background-image: url("images/z0mg-look-hover.png");*/ } #alerts:hover .alertbar { display: block; /*width: 300px;*/ } /* admin tools */ /* sigh, this would be so much nicer if it wasn't a descendant of #alerts. */ #alerts .alertbar.blend { position: absolute; right: 117px; top:0; display: block; background: transparent url("images/my-dictator-in-a-box.png") no-repeat scroll right 0; width: 55px; width:150px; height: 30px; cursor: pointer; overflow: hidden; color: #333; text-align: right; text-indent:9999px; } /* override shared padding */ div#header div#alerts .alertbar.blend a { padding-left: 3px; padding-right: 3px; } #alerts .alertbar.blend:hover { height: auto; text-indent:0; padding:33px 0 2px; background-image: url("images/my-dictator-in-a-box-hover.png"); } #alerts .alertbar.blend:hover * { display:inline; } /* major */ ul#userinfo_major { } /* floating right would be easier but then icons would be reversed and i dont feel like reworking my sprites */ ul#userinfo_major li#nav_store a { position: absolute; right: 0; top:0; display: block; background: transparent url("images/store.png") no-repeat scroll 0 0; width: 24px; height: 30px; text-indent: -9999px; } ul#userinfo_major li#nav_donate a { position: absolute; right: 30px; top:0; display: block; background: transparent url("images/much-luv.png") no-repeat scroll 0 0; width: 32px; height: 30px; text-indent: -9999px; } ul#userinfo_major li#nav_invite a { position: absolute; right: 68px; top:0; display: block; background: transparent url("images/yo-dawg-i-heard-you-like-cds.png") no-repeat scroll 0 0; width: 39px; height: 30px; text-indent: -9999px; } ul#userinfo_major li#nav_upload a { position: absolute; right: 115px; top:0; display: block; background: transparent url("images/icanhaztm.png") no-repeat scroll 0 0; width: 29px; height: 30px; text-indent: -9999px; } /* stats */ ul#userinfo_stats { position: absolute; top: 32px; left: 15px; opacity: 0.4; font-size: 8pt; color: #FFF; text-shadow: 1px 1px 0 #000; } ul#userinfo_stats:hover { opacity: 1; } ul#userinfo_stats a { color: #FFF; } ul#userinfo_stats li { display: inline; margin-right: 10px; } /* ************************************************************************** */ /* searchbar */ #searchbars { /*position: absolute; left: -9999px;*/ position: absolute; left: 130px; top: 55px; background: transparent url("images/hey-you-guys.png") no-repeat scroll 0; float: none; clear:both; width: 719px; height: 41px; } #searchbars ul { overflow: visible; position: absolute; top: 0; left: 0; padding-left: 3px; height: 41px; } #searchbars ul li { overflow:visible; width: 719px; } /* torrents */ /* Aller */ #searchbars ul li form input { position: absolute; top: 0; left: 50px; height: 35px; width: 80px; opacity: 0.5; padding-left: 5px; padding-top: 2px; border: none; color: #807784; /* #5e5761 */ background: transparent none; font-family: Aller, Serif; font-size: 14pt; } /* artists */ #searchbars ul li + li form input {left: 160px; width: 65px;} /* requests */ #searchbars ul li + li + li form input { left: 252px; width: 80px;} /* forums */ #searchbars ul li + li + li + li form input { left: 360px; width: 70px;} /* log */ #searchbars ul li + li + li + li + li form input { left: 475px; width: 50px;} /* users */ #searchbars ul li + li + li + li + li + li form input { left: 570px; width: 60px;} #searchbars ul li form { display: inline; } /* active / torrents */ #searchbars ul li form input:focus { position: absolute; top: 0; left: 0; width: 637px; opacity: 1; outline: 0; margin: 0; padding-left: 42px; padding-right: 40px; z-index: 2; color: #FFF; font-size: 14pt; background: transparent url("images/hey-you-guys-T.png") no-repeat scroll 0; } /* artists */ #searchbars ul li + li form input:focus { background-image: url("images/hey-you-guys-A.png");} /* requests */ #searchbars ul li + li + li form input:focus { background-image: url("images/hey-you-guys-R.png");} /* forums */ #searchbars ul li + li + li + li form input:focus { background-image: url("images/hey-you-guys-F.png");} /* log */ #searchbars ul li + li + li + li + li form input:focus { background-image: url("images/hey-you-guys-L.png");} /* users */ #searchbars ul li + li + li + li + li + li form input:focus { background-image: url("images/hey-you-guys-U.png");} /* artist autocomplete */ ul#artistcomplete { overflow: visible; top: 38px; height: auto; z-index: 10; width: 637px; padding-left: 42px; padding-right: 40px; background: #020202; } ul#artistcomplete li { padding: 2px; cursor: pointer; } /* ************************************************************************** */ /* navbar */ /* Aller */ #menu { font-family: Aller, Serif; position: absolute; left: 0; top: 160px; clear: both; overflow: hidden; width: 100%; float: left; background: #1a1f25; border: 1px solid #383939; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #menu ul { float: left; left: 50%; margin: 0 auto; padding: 5px 0; position: relative; } #menu ul li { float: left; position: relative; right: 50%; } #menu ul li a { display: block; padding: 4px 16px; font-size: 15pt; color: #d3d0cb; text-shadow: 1px 1px 0 #41403F; } /* ************************************************************************** */ /* torrents table */ body#torrents { } #torrent_table td, .torrent_table td { font-size: 10pt; } #torrent_table tr.colhead td, #torrent_table tr.colhead_dark td, .torrent_table tr.colhead td, .torrent_table tr.colhead_dark td { font-size: 14pt; } #torrent_table div.hide_torrents a, .torrent_table div.hide_torrents a { display: block; background: transparent url("images/chevroni-axxion-down.png") no-repeat scroll 0; width: 15px; height: 15px; } #torrent_table div.show_torrents a, .torrent_table div.show_torrents a { display: block; background: transparent url("images/chevroni-axxion-right.png") no-repeat scroll 0; width: 15px; height: 15px; } #torrent_table tr.group td, .torrent_table tr.group td { background-color: #1a1f25; padding: 5px 2px; border-top: 1px solid #5F7187; } #torrent_table tr.group a[href ^="artist.php"], #torrent_table tr.group a[title ^="View Torrent"] { font-size: 12pt; font-weight: bold; } #torrent_table tr.group_torrent td, .torrent_table tr.group_torrent td { padding-left: 30px; padding: 0 1px 3px 50px; } #torrent_table tr.group_torrent td.edition_info, .torrent_table tr.group_torrent td.edition_info { padding-top: 5px; padding-left: 30px; color: #ddd; font-size: 11pt; } #torrent_table tr.group_torrent td + td, .torrent_table tr.group_torrent td + td { padding-left: 2px; /* std padding */ } #torrent_table td.nobr, .torrent_table td.nobr { white-space: nowrap; } #torrent_table div.tags, .torrent_table div.tags { } #torrent_table div.tags a, .torrent_table div.tags a { color: #5f7187; text-shadow: 1px 1px 0 #000; font-weight: normal; font-size: 10pt; } #torrent_table div.tags a:hover, .torrent_table div.tags a:hover { color: #FB1462; } /* bookmarks */ /* not bookmarked / shared */ #torrent_table a[id ^="bookmarklink"], .torrent_table a[id ^="bookmarklink"] { text-indent: -9999px; display: block; width: 15px; height: 18px; background: transparent url("images/glyphicons_067_bookmark.png") no-repeat scroll 0; outline: 0 none; } /* bookmarked */ #torrent_table a[newname ^="Bookmark"], .torrent_table a[newname ^="Bookmark"] { background-image: url("images/glyphicons_089_logbook.png"); } /* ************************************************************************** */ /* sections & overrides */ /* INDEX */ body#index .main_column div.head { background: transparent url("images/squizzare.png") no-repeat scroll 0 18px; /* do i want these anywhere besides the homepage? */ padding: 10px 0 5px 14px; } /* TORRENTS */ /* torrent table override for various artists fix */ body#torrents #torrent_table tr.group td { font-size: 12pt; font-weight: bold; } body#torrents #torrent_table tr.group td + td + td + td { font-size: 10pt; font-weight: normal; } body#torrents #content > div.linkbox:last-child { -moz-box-shadow: 0 1px 3px #01A9D3, 0 -1px 1px #01A9D3; -webkit-box-shadow: 0 1px 3px #01A9D3, 0 -1px 1px #01A9D3; background: #222; padding: 8px 2px; margin-top: 20px; } /* filter torrents */ body#torrents .filter_torrents { padding: 10px; width: 75%; margin: 0 auto 40px; -moz-box-shadow:0 3px 10px #01A9D3, 0 -1px 5px #01A9D3; -webkit-box-shadow:0 3px 10px #01A9D3, 0 -1px 5px #01A9D3; background: #222; font-size: 85%; } body#torrents .filter_torrents div.pad { margin-bottom: 0; } body#torrents .filter_torrents .cat_list { border: 1px dotted #555555; margin: 5px 0; text-align: center; } body#torrents .filter_torrents .cat_list + .cat_list { border: 0 none; text-align: left; } body#torrents .filter_torrents .cat_list * { vertical-align: middle; } body#torrents .filter_torrents .label, body#torrents .filter_torrents .submit { text-align: right; } body#torrents .filter_torrents .cat_list .label { border-bottom: 1px dotted #555555; padding: 0 0 5px; } body#torrents .filter_torrents .submit { padding-top: 5px; position: relative; } body#torrents .filter_torrents .submit span { bottom: 0; left: 0; position: absolute; } /* ARTIST */ body#artist { } /* this might be obsolete in a minute */ body#artist .torrent_table tr.group.discog td { font-size: 12pt; } body#artist .torrent_table tr.group.discog td .tags { font-size: 10pt; } body#artist .torrent_table tr.group_torrent td { padding-left: 35px; } body#artist .torrent_table tr.group_torrent td.edition_info { padding-left: 15px; } /* ALBUM */ body#torrents div.thin > .linkbox, body#torrents #emoticons { -moz-box-shadow: 0 1px 3px #01A9D3, 0 -1px 1px #01A9D3; -webkit-box-shadow: 0 1px 3px #01A9D3, 0 -1px 1px #01A9D3; background: #222; padding: 8px 2px; margin-bottom: 30px; } body#torrents #emoticons { margin: 10px 0 0; } body#torrents div.thin .main_column .linkbox { margin-top: 30px; } body#torrents div.thin table#collages { margin: 30px 0; } body#torrents div.thin table#collages td + td { text-align: right; } body#torrents div.thin .torrent_table tr.group_torrent td + td { padding-left: 12px; } body#torrents div.thin .torrent_table tr.group_torrent td { padding-left: 35px; } body#torrents div.thin .torrent_table tr.group_torrent td.edition_info { padding-left: 15px; } /* COLLAGES */ /* filterbox */ body#collage #content div.thin h2 + div table.border { padding: 10px; width: 65%; margin: 10px auto 40px; -moz-box-shadow:0 3px 10px #01A9D3, 0 -1px 5px #01A9D3; -webkit-box-shadow:0 3px 10px #01A9D3, 0 -1px 5px #01A9D3; background: #222; font-size: 85%; } body#collage #content div.thin h2 + div table.border td { padding: 10px; } body#collage #content div.thin h2 + div table.border tr:first-child td { padding: 10px 10px 0 10px; } body#collage #content div.thin h2 + div table.border tr:last-child td { padding: 0 10px 10px 10px; } body#collage #content div.thin h2 + div table.border tr + tr td { padding: 2px 10px; } body#collage #content div.thin h2 + div table.border tr + tr + tr + tr td:last-child, body#collage #content div.thin h2 + div table.border td.label { text-align: right; } body#collage #content div.thin h2 + div table.border td.label strong { font-weight: normal; } body#collage #content div.thin h2 + div table.border .center input { margin-top: 15px; } body#collage .linkbox { -moz-box-shadow: 0 1px 3px #01A9D3, 0 -1px 1px #01A9D3; -webkit-box-shadow: 0 1px 3px #01A9D3, 0 -1px 1px #01A9D3; background: #222; padding: 8px 2px; margin-bottom: 30px; } body#collage .linkbox + table + .linkbox { margin-top: 30px; } body#collage #collage_table { margin-bottom: 30px; } body#collage div.thin table tr.rowb td + td, body#collage div.thin table tr.rowa td + td { font-size: 12pt; font-weight: bold; padding: 8px 2px 5px; } body#collage div.thin table tr.rowb td + td + td, body#collage div.thin table tr.rowa td + td + td { font-size: 11pt; font-weight: normal; } body#collage .tags a { color: #5f7187; text-shadow: 1px 1px 0 #000; font-weight: normal; font-size: 10pt; } body#collage .tags a:hover { color: #FB1462; } body#collage #discog_table tr.group.discog td strong { font-size: 12pt; } body#collage div.thin .torrent_table tr.group_torrent td { padding-left: 35px; } body#collage div.thin .torrent_table tr.group_torrent td.edition_info { padding-left: 15px; } /* REQUESTS */ body#requests { } /* filterbox */ body#requests #content div.thin h2 + .linkbox + div > form { padding: 10px; width: 75%; margin: 30px auto 40px; -moz-box-shadow:0 3px 10px #01A9D3, 0 -1px 5px #01A9D3; -webkit-box-shadow:0 3px 10px #01A9D3, 0 -1px 5px #01A9D3; background: #222; font-size: 85%; } body#requests #content div.thin h2 + .linkbox + div .label { text-align: right; } body#requests #content div.thin h2 + .linkbox + div .cat_list { border: 1px dotted #555; margin: 5px 0; text-align: center; } body#requests #content div.thin h2 + .linkbox + div #release_list label, body#requests #content div.thin h2 + .linkbox + div #format_list label, body#requests #content div.thin h2 + .linkbox + div #bitrate_list label, body#requests #content div.thin h2 + .linkbox + div #media_list label { margin-right: 5px; } body#requests #content div.thin h2 + .linkbox + div #release_list td.label, body#requests #content div.thin h2 + .linkbox + div #format_list td.label, body#requests #content div.thin h2 + .linkbox + div #bitrate_list td.label, body#requests #content div.thin h2 + .linkbox + div #media_list td.label { font-weight: bold; font-size: 11pt; } body#requests #content div.thin h2 + .linkbox + div #release_list td, body#requests #content div.thin h2 + .linkbox + div #format_list td, body#requests #content div.thin h2 + .linkbox + div #bitrate_list td, body#requests #content div.thin h2 + .linkbox + div #media_list td { padding: 2px 10px; } body#requests #content div.thin h2 + .linkbox + div #release_list, body#requests #content div.thin h2 + .linkbox + div #format_list, body#requests #content div.thin h2 + .linkbox + div #bitrate_list, body#requests #content div.thin h2 + .linkbox + div #media_list { border-bottom: 1px dotted #555; } body#requests #content div.thin h2 + .linkbox + div .cat_list * { vertical-align: middle; } body#requests #content div.thin h2 + .linkbox + div .center { text-align: right; padding-top: 12px; } /* end filterbox */ body#requests #request_table tr.colhead td, body#requests #request_table tr.colhead_dark td { font-size: 14pt; } body#requests #request_table tr.rowa td:first-child, body#requests #request_table tr.rowb td:first-child { font-size: 12pt; font-weight: bold; padding: 8px 2px 5px; } body#requests .tags a { color: #5f7187; text-shadow: 1px 1px 0 #000; font-weight: normal; font-size: 10pt; } body#requests .tags a:hover { color: #FB1462; } body#requests div.thin > h2 + div.linkbox, body#requests div.thin > div.linkbox:last-child { -moz-box-shadow: 0 1px 3px #01A9D3, 0 -1px 1px #01A9D3; -webkit-box-shadow: 0 1px 3px #01A9D3, 0 -1px 1px #01A9D3; background: #222; padding: 8px 2px; margin-top: 20px; } /* fix request body sidebar */ body#requests #content div.thin h2 + .linkbox + div.sidebar { width: 250px; } body#requests #content .main_column tr td { padding: 5px; } body#requests #content .main_column tr td.label { text-align: right; font-weight:bold; } body#requests #content .main_column tr td { border: 1px dotted #555; border-width: 0 1px 1px 0; } body#requests #content .main_column tr td:last-child { border-right: 0 none; } body#requests #content .main_column td.center { border-bottom: 0 none; } /* FORUMS */ body#forums { } .last_read { padding-left: 10px; } .last_read a { display: block; width: 20px; height: 15px; background: transparent url("images/glyphicons_162_right_arrow.png") no-repeat scroll 0; } /* index */ body#forums .forum_index { margin-bottom: 30px; } body#forums .forum_index td.unread, body#forums td.read { background: #1A1F25 url("images/large_unread_glyphicons_040_conversation.png") no-repeat scroll 50%; height: 21px; } body#forums .forum_index td.read { background-image: url("images/large_read_glyphicons_040_conversation.png"); } body#forums .forum_index tr.colhead td:first-child { width: 30px !important; } body#forums .forum_index tr.rowa td, body#forums .forum_index tr.rowb td { padding: 5px 2px; } body#forums .forum_index td + td + td + td, body#forums .forum_index td + td + td + td { text-align: right; } /* list */ body#forums .linkbox { -moz-box-shadow: 0 1px 3px #01A9D3, 0 -1px 1px #01A9D3; -webkit-box-shadow: 0 1px 3px #01A9D3, 0 -1px 1px #01A9D3; background: #222; padding: 8px 2px; margin-top: 20px; } body#forums div.thin > .linkbox + .pager { -moz-box-shadow: none; -webkit-box-shadow: none; background-color: transparent; padding: 0; margin: 20px 0 10px; } body#forums .forum_list tr.colhead td:first-child { width: 25px !important; } body#forums .forum_list tr.rowa td, body#forums .forum_list tr.rowb td { padding: 3px 2px; font-size: 10pt; } body#forums .forum_list td + td + td { text-align: right; } body#forums .forum_list td.read + td .last_topic strong, body#forums .forum_list td.read_sticky + td .last_topic strong, body#forums .forum_list td.read_locked_sticky + td .last_topic strong { font-weight: normal; } body#forums .forum_list td.read, body#forums .forum_list td.unread { background: #1A1F25 url("images/small_read_glyphicons_040_conversation.png") no-repeat scroll 50%; height: 17px; } body#forums .forum_list td.unread { background-image: url("images/small_unread_glyphicons_040_conversation.png"); } body#forums .forum_list td.unread_locked_sticky, body#forums .forum_list td.unread_locked, body#forums .forum_list td.read_locked_sticky, body#forums .forum_list td.read_locked { background: #1A1F25 url("images/small_locked_unread_glyphicons_070_link.png") no-repeat scroll 50%; height: 17px; } body#forums .forum_list td.read_locked_sticky, body#forums .forum_list td.read_locked { background-image: url("images/small_locked_read_glyphicons_070_link.png"); } body#forums .forum_list td.unread_sticky, body#forums .forum_list td.read_sticky { background: #1A1F25 url("images/small_sticky_unread_glyphicons_033_star.png") no-repeat scroll 50%; height: 17px; } body#forums .forum_list td.read_sticky { background-image: url("images/small_sticky_read_glyphicons_033_star.png"); } /* reset rowb background color */ body#forums tr.rowb td.unread, body#forums tr.rowb td.read, body#forums tr.rowb td.unread_locked, body#forums tr.rowb td.read_locked, body#forums tr.rowb td.unread_sticky, body#forums tr.rowb td.read_sticky, body#forums tr.rowb td.unread_locked_sticky, body#forums tr.rowb td.read_locked_sticky { background-color: transparent; } body#forums div.thin .linkbox .center { margin-bottom: 10px; } /* topic body */ /* generic to style comments shown elsewhere (artist, album, etc) */ table.forum_post tr.colhead td, table.forum_post tr.colhead_dark td { font-size: 11pt; } table.forum_post { } table.forum_post td.avatar { width: 150px; border-right: 1px dotted #555; } table.forum_post td.body { padding: 10px; vertical-align: top; } table.forum_post tr.colhead td span input, table.forum_post tr.colhead_dark td span input { margin-left: 10px; } table.forum_post.forum_unread { -moz-box-shadow: 0 1px 12px #8E2FA4, 0 -1px 15px #8E2FA4; -webkit-box-shadow: 0 1px 12px #8E2FA4, 0 -1px 15px #8E2FA4; } /* RULES */ body#rules { } /* STAFF */ body#staff .staff { margin-bottom: 30px; } /* TOP 10 */ body#top10 { } /* filterbox */ body#top10 #content div.thin h2 + .linkbox + div > form { padding: 10px; width: 65%; margin: 30px auto 40px; -moz-box-shadow:0 3px 10px #01A9D3, 0 -1px 5px #01A9D3; -webkit-box-shadow:0 3px 10px #01A9D3, 0 -1px 5px #01A9D3; background: #222; font-size: 85%; } body#top10 #content div.thin h2 + .linkbox + div .label, body#top10 #content div.thin h2 + .linkbox + div .center { text-align: right; } body#top10 div.thin > table.border { margin-bottom: 30px; } body#top10 div.thin > table.border tr.group_torrent td + td + td strong { font-size: 12pt; font-weight: bold; } body#top10 div.thin > table.border tr.group_torrent td { padding: 8px 2px 5px; } body#top10 .tags a { color: #5f7187; text-shadow: 1px 1px 0 #000; font-weight: normal; font-size: 10pt; } body#top10 .tags a:hover { color: #FB1462; } /* USER */ /* settings */ body#user { } body#user #content h2 { text-transform: none; } body#user td { padding: 5px; font-size: 10pt; } body#user table.border td.right { text-align: right; padding-top: 10px; border-bottom: 0 none; } body#user tr.colhead td, body#user tr.colhead_dark td { font-size: 14pt; } body#user td.label { text-align: right; padding-right: 10px; } body#user table.border tr + tr td { border: 1px dotted #555; border-width: 0 1px 1px 0; } body#user table.border tr + tr td:last-child { border-right: 0 none; } /* profile pages */ body#user #content div.thin h2 + .linkbox { -moz-box-shadow: 0 1px 3px #01A9D3, 0 -1px 1px #01A9D3; -webkit-box-shadow: 0 1px 3px #01A9D3, 0 -1px 1px #01A9D3; background: #222; padding: 8px 2px; margin: 20px 0 30px; } /* ************************************************************************** */ /* footer */ #footer { border-top: 1px solid #CCC; margin: 20px auto 15px; padding: 30px 0 10px; overflow: auto; display: inline-block; } #footer #disclaimer_container { background: transparent url("images/read-and-obey-or-else.png") no-repeat scroll 0 0; padding-left: 32px; text-align: left !important; font-size: 10pt; line-height: 110%; margin-bottom: 30px !important; margin-top: -30px; } #footer p a { text-decoration: none; line-height: 125%; } #footer p { float: left; /* width: 320px; */ width: 269px; padding: 10px 0 0 32px; margin: 0 9px 0 0; background: transparent url("images/who-cd.png") no-repeat scroll 0 10px; min-height: 65px; border-right: 1px solid #CCC; } #footer p + p { padding-left: 43px; margin-left: 9px; width: 258px; background-image: url("images/doppleganger-management.png"); } #footer p + p + p { padding-left: 31px; width: 270px; background-image: url("images/vroooooom-done.png"); white-space: pre-line; border: none; } /* ************************************************************************** */ /* misc */ .poll li.graph { display: block; background: transparent url("images/poll-bg.png") no-repeat scroll 0; clear: both; height: 13px; } body#forums .poll li.graph { background-image: url("images/poll-wide-bg.png"); } .poll span.left_poll, .poll span.center_poll, .poll span.right_poll { background-color: #01a9d3; opacity: 0.75; display:block; height:13px; float:left } .poll span.left_poll, .poll span.right_poll { background: transparent url("images/poll-end.png") no-repeat scroll 0; width: 1px; } /* i guess size 10 is as big as an h1 */ /* body size is 11pt */ .size1 { font-size: 10pt; } .size2 { font-size: 11pt; } .size3 { font-size: 12pt; } .size4 { font-size: 13pt; } .size5 { font-size: 14pt; } .size6 { font-size: 15pt; } .size7 { font-size: 16pt; } .size8 { font-size: 17pt; } .size9 { font-size: 18pt; } .size10 { font-size: 20pt; } .curtain { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1001; opacity: 0.8; filter: alpha(opacity=80); } .lightbox { position: fixed; text-align: center; top: 5%; left: 5%; width: 90%; height: 90%; padding: 0px; z-index: 1002; overflow: auto; } .lightbox table { position: absolute; top: 50%; left: 50%; margin-left: -300px !important; background-color: #e6e6e6; border: 5px solid #f6f6f6; padding: 5px; } .lightbox form { color: #aaa; } .lightbox table * { text-align: left; } .lightbox .colhead span { font-weight: bold; } .navigation_list li { margin-left: 20px; }