/* GLOBAL */ body { background: #c4c4c4 url('images/what_bg.jpg') top left repeat-x; font-family: Arial, sans-serif; font-size: 0.7em; margin-bottom: 0; } a, a:visited, a:active { color: #007dc6; text-decoration: none; } a:hover { color: #575757; text-decoration: none; } a img { border-style: none; position: relative; top: 1px; } #wrapper { width: 950px; margin: 0 auto; } #footer { padding: 42px 0 20px 0; color: #a5a5a5; text-align: left; background: #575757 url('images/footer_bg.png') top left repeat-x; position: relative; margin: -22px auto 20px auto; z-index: 1; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; overflow: hidden; clear: both; width: 950px; } #footer p { width: 235px; height: 36px; border-left: 1px solid #6f6f6f; margin: 0 20px 0 0; padding: 0 0 0 20px; display: table-cell; vertical-align: middle; } #footer p strong { padding-left: 3px; } #footer p:first-child { background: url('images/what_logo.png') 15px 0 no-repeat; padding: 0 0 0 130px; border: 0; width: 180px; } #footer p:last-child { margin: 0; width: 295px; } #footer a { color: #a5a5a5; } #footer a:hover { color: #c4c4c4; } #footer #disclaimer_container { font-weight: normal; text-align: left !important; margin: 0 20px 20px 20px !important; padding: 0 0 20px 0; border-bottom: 1px solid #6f6f6f; } #header { padding: 0; margin: 20px 0 0 0; } /* GENERAL */ .hidden, .hide { display: none; } h1, h2, h3, h4 { margin-top: 0; padding: 0; } .nobr { white-space: nowrap; font-weight: normal; } .rowa td { background-color: #f5f5f5; } .rowb td { background-color: white; } p { margin: 10px 0 5px 0; } td p { margin: 0; } input { cursor: pointer; cursor: hand; } input[type="text"] { cursor: text; } input, select, textarea { font-family: Arial, sans-serif; font-size: 1em; border: 1px solid #9c9c9c; } textarea { width: 500px !important; height: 100px; } input, textarea { color: #999999; padding: 3px; background: white url('images/inputbg.png') top left repeat-x; } input[type="file"] { padding: 1px 3px; } select { padding: 1px; } .pad { padding: 0 !important; } .main_column .pad, .sidebar .pad, .box2 .pad, #blog .pad { padding: 10px !important; } #inbox #content h2 { padding: 20px !important; } input:focus, textarea:focus, #searchbars input:focus { border: 1px solid #575757; color: #575757; } #searchbars input { background: transparent url('images/searchbox.png') top left no-repeat; border: 0 !important; height: 19px !important; width: 131px !important; margin: 0 !important; padding: 3px 5px 0 19px !important; outline: none; } #searchbars input:focus { background: transparent url('images/searchbox.png') 0 -23px no-repeat; } input[type="submit"], input[type="button"] { background-color: #f4f4f4; background-image: none; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-bottom: 1px solid #999999; border-right: 1px solid #999999; font-weight: bold; } input[type="submit"]:active, input[type="button"]:active { color: #007dc7 !important; } input[value="Upload torrent"], input[value="Upload torrents"] { margin: 15px 0 0 0; background-color: #007dc7; color: white; font-size: 15px; border-top: 1px solid #63afdd; border-left: 1px solid #63afdd; border-bottom: 1px solid #005488; border-right: 1px solid #005488; } input[value="Upload torrent"], input[value="Upload torrents"]:active { color: #f4f4f4 !important; } /* TOP MENUS */ #menu ul, ul#userinfo_minor { border-right: 1px solid #c4c4c4; width: 150px; list-style: none; padding: 0; margin: 0; } #header ul a { display: inline-block; padding: 1px 2px; } ul#userinfo_minor { width: 200px; } #menu ul li, ul#userinfo_minor li { float: left; display: block; width: 74px; } ul#userinfo_minor li { width: 95px; } ul#userinfo_username, ul#userinfo_major, ul#userinfo_stats { margin: 0; padding: 0; list-style: none; } ul#userinfo_username li, ul#userinfo_major li, ul#userinfo_stats li { display: inline; font-weight: bold; } ul#userinfo_username li a { color: #bebebe; overflow: hidden; } ul#userinfo_username li a:hover { background-color: #575757; color: #e6e6e6; } ul#userinfo_username li a.username { color: #575757; max-width: 70px; text-overflow: ellipsis; } ul#userinfo_username li a.username:hover { background-color: #007dc6; color: #e6e6e6; } ul#userinfo_major li a { color: #575757; } ul#userinfo_major li a:hover { background-color: #575757; color: #e6e6e6; } ul#userinfo_stats li { font-weight: normal; color: #575757; } ul#userinfo_stats li a { font-weight: normal; color: #575757; } .alertbar { font-weight: normal; background-color: #007dc6; padding: 3px 5px; } .alertbar a { color: white; font-weight: bold; } .alertbar:hover { background-color: #0070b7; } .alertbar:first-of-type { padding-top: 4px; } .alertbar:last-of-type { padding-bottom: 4px; } .blend { background-color: #E6E6E6; color: #626262; } .blend:hover a { color: white; } .blend a { color: #575757; } .blend a:hover { background-color: #575757; color: #e6e6e6; } ul#userinfo_stats li span.stat { color: #007dc6; margin-right: 2px; } ul#userinfo_minor a { color: #575757; } ul#userinfo_minor a:hover { background-color: #575757; color: #e6e6e6; } #menu a:hover { background-color: #007dc6; color: #e6e6e6; } #index #nav_index a, #collage #nav_collages a, #forums #nav_forums a, #chat #nav_irc a, #rules #nav_rules a, #staff #nav_staff a, #torrents #nav_torrents a, #requests #nav_requests a, #top10 #nav_top10 a, #wiki #nav_wiki a { font-weight: bold; } /* ARRANGING MENUS */ #logo { width: 120px; height: 80px; z-index: 7; position: absolute; } #logo a { display: block; height: 120px; background: transparent url('images/what_head3_shadow.jpg') no-repeat top left; margin-left: -28px; margin-top: -18px; } #menu ul, ul#userinfo_major, ul#userinfo_minor, ul#userinfo_stats, ul#userinfo_username, #alerts { position: absolute; } #menu ul { z-index: 6; padding-left: 120px; padding-bottom: 0; } ul#userinfo_major { z-index: 2; padding-left: 510px; width: 300px; } ul#userinfo_minor { z-index: 4; padding-top: 17px; padding-left: 290px; } ul#userinfo_stats { z-index: 3; margin-top: 17px; padding-left: 510px; } ul#userinfo_username { z-index: 5; padding-left: 290px; width: 200px; } #alerts { z-index: 1; padding-left: 510px; padding-top: 34px; } /* SEARCH BARS */ #searchbars { clear: both; } #searchbars ul { padding: 20px 0 0 0; margin: 0; list-style: none; display: block; } #searchbars ul li { display: inline; position: relative; list-style: none; } #searchbars ul li ul { display: block; position: absolute; top: 1em; left: 0; z-index: 1000; background-color: #F0F0F0; border: 1px solid #CCC !important; margin-top: 12px; padding: 0; } #searchbars ul li ul li { margin: 0; padding: 3px; display: block; cursor: pointer; } #searchbars ul li ul li.highlight { background-color: #007DC6; color: #fff; } #searchbars form { display: inline; } #wrapper h1.hidden { display: block; height: 80px; width: 118px; text-indent: -2000em; /* background: transparent url('images/what_head3.jpg') no-repeat top left;*/ padding: 0; margin: 0; float: left; } /* CONTENT */ #content { padding: 20px 20px 20px 20px; margin: 38px 0 0 0; background-color: white; color: #575757; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; z-index: 2; position: relative; border: 1px solid #b5b5b5; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-background-clip: border-box; } #content .header h2, #content > .thin > h2:first-child, #content > .thin > .header:first-of-type > h3:first-of-type { background-color: #f0f0f0; margin: 20px -20px -1px -20px !important; padding: 20px; -moz-border-radius-topleft: 11px; -webkit-border-radius-topleft: 11px; border-top-left-radius: 11px; -moz-border-radius-topright: 11px; -webkit-border-radius-topright: 11px; border-top-right-radius: 11px; border-bottom: 1px solid #c6c6c6; position: relative; z-index: 3; } #content .header:first-child h2, #content > .thin > h2:first-child, #content > .thin > .header:first-of-type > h3:first-of-type { margin-top: -20px !important; } #content > .thin > .header:first-of-type > h3:first-of-type { width: 100% !important; } body:not(#requests):not(#friends) .box table:not(#vanityhouse) { margin: 0; background-color: white; } body:not(#requests):not(#friends) .box h2 { background: none; margin: 0; padding: 0; -moz-border-radius-topleft: 0; -webkit-border-radius-topleft: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-radius-topright: 0; border-top-right-radius: 0; position: static; border-bottom: 0; } .label { width: 16%; border-right: 1px solid #e6e6e6; } table { padding: 0; border-collapse: collapse; width: 100%; } #content table:not(.forum_post) td, #content table:not(.forum_post) th { padding: 5px; border-top: 1px solid #e6e6e6; } #content table td h4 { margin: 0; } #content table .colhead a, #content table .colhead_dark a { color: #575757; font-weight: bold; } #content table .colhead a:hover, #content table .colhead_dark a:hover { color: #007dc6; } #vanityhouse { margin: 0; } #vanityhouse tr:hover { background-color: #f0f0f0; } /* FRIENDS */ #friends table { width: 60%; margin: 0 auto; } #friends table textarea { height: 42px; width: 270px !important; margin: 0; } #friends table .left { width: 50%; text-align: right; } #friends table .left input[type="submit"] { min-width: 100%; margin-top: 0px; margin-bottom: 5px; } #friends table td.avatar { padding: 0px 0px 5px; } #friends br, #footer br { display: none; } .sidebar br { line-height: 1px; } /* MESSAGES */ #inbox .vertical_space:not(#preview) { width: 50%; margin: 0 auto; padding: 20px; background: transparent url('images/convo.png') 50% 37px no-repeat; } #inbox .vertical_space:not(#preview) .head { color: #bebebe; margin-bottom: 5px; } #inbox .box .body { width: 450px; margin: 25px auto 0 auto; } #inbox form .box { width: 100%; margin: 0 0 20px 0; padding: 0; } #inbox #preview { padding: 20px; background: transparent url('images/convo.png') 50% 0px no-repeat; } #inbox table:not(.message_table) td { border-right: 1px solid #e6e6e6; } #inbox table:not(.message_table) td input[type="checkbox"] { margin-left: -140px; } #inbox table:not(.message_table) td:last-of-type { border-right: none; } #inbox table:not(.message_table) .label { border-right: none; } #inbox table:not(.message_table) .label label { padding-left: 22px; } /* FORUMS */ #forums h3 { margin: 15px 0; } #quickreplypreview { background-color: #F0F0F0; border: 1px solid #C6C6C6; } .forum_post blockquote, #wiki .box blockquote, #blog blockquote { border: 1px dotted #dcdcdc; padding: 6px; background: white url('images/quote_bg.png') -10px -5px no-repeat; margin-left: 25px; margin-right: 25px; } #forums blockquote { margin-left: 40px; margin-right: 40px; } .torrentdetails blockquote { background-image: none; background-color: rgba(255, 255, 255, 0.6); } .forum_post blockquote.spoiler, #wiki .box blockquote.spoiler, #blog div.spoiler { background: white; } .forum_post { border: none; margin: 0 0 10px 0; border-collapse: separate; border-spacing: 0px; } .forum_post .avatar { width: 150px; padding: 0px 13px 0px 0px; } .forum_post .colhead_dark td { padding: 5px; } .forum_post .body { padding: 10px 20px 15px 15px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border: 1px solid #d9d9d9; border-top-style: none !important; -webkit-box-shadow: -4px 1px 8px rgba(187, 215, 235, 0.8); -moz-box-shadow: -4px 1px 8px rgba(187, 215, 235, 0.8); box-shadow: -4px 1px 8px rgba(187, 215, 235, 0.8); background-color: #F5F5F5; word-break: break-word; } .forum_post .body div { margin: 10px; } .forum_post .body div a { word-wrap: break-word; } #forums .forum_post .body { max-width: 708px; } #artist .forum_post .body textarea, #torrents .forum_post .body textarea, #requests .forum_post .body textarea { width: 420px !important; } #userhistory .forum_post .body { padding: 20px 20px 20px 40px; } #userhistory .forum_post tr.colhead_dark { background-color: #e8e8e8; background-image: none; } #forums .forum_post .body div div, #collage .forum_post .body div div, #artist .forum_post .body div div, #torrents .forum_post .body div div { background: none; padding: 0; } .min_padding { padding: 0; } #forums .forum_post li { margin: 0 0 0 20px; padding: 0; } #forums #content .thin .box form .box input[type="Text"] { font-size: 20px; width: 500px; } #forums #content form .box { width: 510px; margin: 0 auto; padding: 0; } strong.quoteheader { color: #575757; } /* TORRENTS */ .sidebar .box .stats li div { letter-spacing: 0 !important; } .sidebar .box .stats li div a { font-family: monospace !important; } #torrents .sidebar .box .stats li span.remove_artist a { /* color: #575757;*/ font-family: monospace; } #torrents .sidebar .remove_tag a:hover, #torrents .sidebar .box .stats li span.remove_artist a:hover { color: red; } #torrents input[value="Edit torrent"] { margin: 5px 0 30px 0; } #torrents input[value="Change group ID"], #torrents input[value="Split into new group"] { margin: 0 0 0 -5px; } #torrents #content .center .box form h3 { margin: 5px 0; } /*#torrents .filter_torrents,*/ #torrents #content .search_form, #inbox #searchbox { width: 70%; margin: 20px auto 0 auto; border: 1px solid #dcdcdc; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; padding: 8px; background: #f3f3f3 url('images/filter.png') -30px -30px no-repeat; } #torrents .filter_torrents h3 { margin: 0 0 10px 0; font-size: 14px; } #torrents .filter_torrents table { background-color: transparent !important; } #torrents .filter_torrents table td { padding: 2px 5px; border: 0; } #torrents .filter_torrents table td.label { text-align: left; padding: 0; width: 20%; } #torrents .filter_torrents .cat_list { border-bottom: 1px solid #e6e6e6; padding: 5px 0; height: 30px; } #torrents .filter_torrents .inputtext { width: 150px; } #torrents .filter_torrents .smallest { width: 80px; } #torrents .filter_torrents a#swaptags { font-weight: bold; text-align: center; display: block; padding: 5px 0; } #torrents .filter_torrents .submit { padding: 5px 0 0 0; font-weight: bold; text-align: right; direction: rtl; } #torrents .filter_torrents .submit span { direction: ltr; } .torrent a { font-weight: bold; } .linkbox { text-align: center; padding: 10px 0; } .linkbox:first-child { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .linkbox { border-top: 0px; } .show_torrents_link { border: none; width: 28px; height: 28px; display: block; } .show_torrents { background: url('images/what_show.gif') no-repeat center center; } .hide_torrents { background: url('images/what_hide.gif') no-repeat center center; } .group { font-weight: bold; } .group td.nobr { font-weight: normal; } .tags, .tags a { font-weight: normal; color: #888888; } .tags a:hover { color: #007dc6; } #content form.search_form + .torrent_table { margin-top: 20px; } .search_form .box .head { border-bottom: 1px solid #e6e6e6; } #torrent_table { margin: 0; padding: 0; width: 100%; } #torrent_table a img { border: 0; } .torrent_table tr.group:not(.discog) { background-color: #f5f5f5; } .torrent_table tr.group:not(.discog):hover { background-color: #eeeeee !important; } .torrent_table tr.group.discog td:nth-of-type(1) { width: 28px; } .torrent_table tr.group_torrent { background-color: white; } .torrent_table tr.group_torrent:hover { background-color: #f5f5f5 !important; } .torrent_table td { margin: 0; padding: 3px; } .colhead td, .colhead_dark td { background-color: #E6E6E6 !important; font-weight: bold; border-top: 1px solid #cccccc !important; border-bottom: 1px solid #cccccc !important; } tr.torrent .bookmark > a:before { content: "["; font-weight: bold; } tr.torrent .bookmark > a:after { content: "]"; font-weight: bold; } .torrent_table .pad td { padding: 20px !important; /*background: url('images/download.png') 105% -20px no-repeat;*/ background: url('images/download.png') top left no-repeat; } .torrent_table .pad { /*background: url('images/download.png') 105% -20px no-repeat;*/ background: url('images/download_bottom.png') bottom left no-repeat; } .torrent_table .pad td td { background: none; padding: 5px !important; } #torrent_table tr.group_torrent td span, #torrent_table tr.group td span, #torrent_table tr.torrent td span { padding-left: 15px; } #torrent_table tr.group_torrent td span a, .torrent_table tr.group_torrent td span a { color: #007dc6; } #torrent_table tr.group_torrent td span a:hover, .torrent_table tr.group_torrent td span a:hover { color: #575757; } #torrent_table tr.group_torrent a, .torrent_table tr.group_torrent a { color: #575757; font-weight: normal; } #torrent_table tr.group_torrent a:hover, .torrent_table tr.group_torrent a:hover { color: #007dc6; } #torrents #content .center .box form div input[type="text"], #wiki #content .center .box form div input[type="text"], #artist #content .center .box form div input[type="text"] { width: 500px !important; margin-bottom: 10px; } #artist #content .center .box form div textarea, #torrents #content .center .box form div textarea, #wiki #content .center .box form div textarea, #upload textarea#album_desc, #forums #content .thin .box form .box textarea, #forums #quickpost, #edit_collage textarea { height: 200px; } #torrents #content .center .box form div, #wiki #content .center .box form div, #artist #content .center .box form div { text-align: left !important; } /* HOME AND ARTISTS */ .main_column { width: 645px; } .sidebar { float: right; width: 250px; } .main_column table { margin: 0 0 20px 0; } #discog_table, #collage_table { margin-top: 1px; } #artist .sidebar img, #torrents .sidebar img { width: 228px; } #torrents .sidebar .box p { margin: 0; padding: 10px 0; } .sidebar .box .head, .main_column .box .head, .box2 .head, #blog .box .head { background-color: #f0f0f0; padding: 10px !important; border-bottom: 1px solid #c6c6c6; -moz-border-radius-topleft: 4px; -webkit-border-radius-topleft: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-radius-topright: 4px; border-top-right-radius: 4px; } #more_news.box .head { background: none; border: none; } .sidebar .box, .main_column .box:not(.forum_post), #blog .box, .box2 { background-color: #f5f5f5; border: 1px solid #dcdcdc; margin: 0 0 20px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .sidebar .box .stats { list-style: none; margin: 0; padding: 10px; } .sidebar ol { padding: 0 !important; margin: 0; list-style-position: inside; } .sidebar ul { list-style-type: none; margin: 0; } #wiki .sidebar ul { padding: 0; } #wiki .sidebar ul ul, #wiki .sidebar ol ol { margin: 0 0 0 10px; } #wiki .main_column .box h1, #wiki .main_column .box h2, #wiki .main_column .box h3 { margin: 5px 0; } #wiki .main_column .box h1 { font-size: 15px; } #wiki .main_column .box h2 { font-size: 13px; } #wiki .main_column .box h4 { margin-bottom: 0; } .sidebar .box li { margin: 0 0 2px 0; } #recommended ul { margin: 0 0 0 0; padding: 10px; } .sidebar form { padding: 0 !important; margin: 0 !important; } .sidebar form br, .sidebar .pad br { line-height: 1em; } .sidebar form textarea { width: 220px !important; } .sidebar form input { margin: 0; } .sidebar .box .pad div { padding: 0 !important; } .main_column .body, .sidebar .box .body { /*ADD TAG ON ALBUM PAGE */ padding: 10px; } .main_column .group { background: #c2c2c2 url('images/discogbglightshadow.png') top left repeat-x; } .main_column .group td { color: #878787; background: transparent url('images/discogbglight.png') top right repeat-y; border: 0 !important; } .main_column .group td a { color: #454545; } .main_column .group td a:hover { color: white; } .main_column .group .center { background-image: none; } .main_column .group .tags { background: url('images/tags.png') 0 60% no-repeat; padding: 0 0 0 19px; } .main_column .group .tags a { color: #656565; } .main_column .group .tags a:hover { color: #8c8c8c; } /* Toolbox */ .permission_container { float: left; margin-left: 20px; width: 286px; } .permission_container:first-child { margin-left: 0; } /* TORRENTS */ .main_column .torrent_table .pad { padding: 15px !important; } .main_column .torrent_table .torrent { background-color: #f5f5f5; } .main_column .torrent_table .pad blockquote { margin: 0 0 5px 0; border: 1px dotted #e6e6e6; padding: 5px; } /* POLLS */ .poll { list-style: none; padding: 3px 5px; margin: 0px; } .poll li { clear: both; } .poll .graph { padding: 0 0 5px 0; } .poll .graph span { display: block; height: 19px; float: left; } .poll .graph .left_poll { width: 9px; background: url('images/poll_left.png') top left no-repeat; } .poll .graph .center_poll { background: url('images/poll_middle.png') top left repeat-x; } .poll .graph .right_poll { width: 11px; background: url('images/poll_right.png') top left no-repeat; } /* MISC */ .r00 { color: #FF0000; } .r01 { color: #FF1300; } .r02 { color: #FF1300; } .r03 { color: #FF2600; } .r04 { color: #FF4C00; } .r05 { color: #FF5E00; } .r06 { color: #FF5E00; } .r07 { color: #FF7100; } .r08 { color: #FF9700; } .r09 { color: #FFAA00; } .r10 { color: #74C42E; } .r20 { color: #418B00; } .r50 { color: #418B00; } .r99 { color: #418B00; } /* Styles generated by the BBCode parser */ span.size1 { font-size: 0.8em; } span.size2 { font-size: 1em; } span.size3 { font-size: 1.25em; } span.size4 { font-size: 1.5em; } span.size5 { font-size: 1.75em; } span.size6 { font-size: 2em; } span.size7 { font-size: 2.25em; } span.size8 { font-size: 2.5em; } span.size9 { font-size: 2.75em; } span.size10 { font-size: 3em; } td.r00 { background-color: #faefed !important; } .curtain { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #111 50% 0 no-repeat fixed; z-index: 1001; -moz-opacity: 0.9; opacity: .90; filter: alpha(opacity=90); } .lightbox { position: fixed; text-align: center; top: 5%; left: 5%; width: 90%; height: 90%; padding: 0px; z-index: 1002; overflow: auto; } .lightbox img { max-width: 100%; max-height: 100%; background-color: transparent; z-index: -1; } .save_message { margin-bottom: 3em; display: block; background-color: #faf0a8; padding: 5px; float: middle; text-align: center; font-weight: bold; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; } .error_message { margin-bottom: 3em; display: block; background-color: #FF5050; padding: 5px; float: middle; text-align: center; font-weight: bold; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; } .unreadpm { background-color: #faf0a8; } .unreadpm a { color: #575757; font-weight: bold; } .nobullet { list-style: none; margin: 0; padding: 10px; } /*CLEARFIXES*/ #menu ul:after, ul#userinfo_minor:after, div.sidebar:after, #content:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #menu ul, ul#userinfo_minor, div.sidebar, #content, #footer { display: inline-block; } /* Hides from IE-mac \*/ * html #menu ul, * html ul#userinfo_minor, * html div.sidebar, * html #content, * html #footer { height: 1%; } #menu ul, ul#userinfo_minor, div.sidebar, #content, #footer { display: block; } /* End hide from IE-mac */ /* Further updates - 23/09/08 */ /* COLLAGES */ ul.collage_images img { height: 127px !important; width: 127px !important; } ul.collage_images li a { height: 129px !important; overflow: visible !important; } ul.collage_images li { width: 129px !important; height: 129px !important; } ul.collage_images li a:hover { position: relative; } ul.collage_images li a:hover img { left: -50px; position: absolute; top: -50px; width: 230px !important; height: 230px !important; z-index: 4; } ul.collage_images { width: 645px !important; margin: 0 !important; } #upload .box.pad { width: 780px !important; } #upload #dnulist td:first-child { width: 210px; } #upload .thin { width: 700px; margin: 30px auto 0 auto; } #upload td.label { width: 112px; } #requests .box.box_votes { background-color: #FFF; } #requests .tags { color: #656565; } #requests .tags a { color: #8c8c8c; } #requests .tags a:hover { color: #575757; } #requests td:nth-child(1) { width: 101px; } #requests .edit_form strong { float: left; } #requests .edit_form input[type="Submit"] { position: relative; top: -40px; left: 289px; } #requests label { display: inline-block; min-width: 60px; } #requests .scale_image { max-width: 440px; } #quickreplybuttons { margin-top: 5px; } .colhead_dark input { margin: 0 0 0 5px; } h3 { margin: 10px 0; } #userform { padding: 20px 0 0 0; } .user_options select#stylesheet, .user_options select#searchtype, .user_options select#discogview, .user_options select#hidecollage { width: 130px; } .user_options .options_list { padding: 0; } #sortable .sortable_item:hover { background-color: #F0F0F0; } #user #sortable { width: 40%; } #user .layout.recent tr:not(.colhead) td { padding: 0px; } #user .layout.recent img { width: 129px; height: 129px; } #user .linkbox, #artist .linkbox, #collage .linkbox, #forums .linkbox, #bookmarks .linkbox, #torrents .linkbox, #wiki .linkbox, #friends .linkbox { border-bottom: 0; } #wiki .linkbox { padding-bottom: 0; } #rules #content .rule_summary, #rules #content .rule_table { margin: 0 auto; } #rules #content h3 { margin: 20px auto 10px; } #rules #content li { margin: 0 0 5px -10px; } #userinfo_username .brackets { padding: 0 0 0 9px; } #userinfo_major .brackets { padding: 0 8px 0 0; } #forums table.border .cat_list { width: 80%; } #forums table.border .cat_list td { width: 20%; padding: 0 !important; border: 0 !important; } .forum_unread .colhead_dark td { background-color: #e3f1f9 !important; } #forums td[value="unread"] { color: red !important; } #bookmarks .main_column, #bookmarks .sidebar { margin-top: 20px; } #bookmarks .group td span { float: none !important; } #bookmarks .group td span strong { display: block; width: 400px; float: left; } #bookmarks .group .tags { float: left; clear: both; } #bookmarks .group span span { float: right !important; } #bookmarks .group span a { float: right; } #bookmarks .group span div a, #bookmarks .group span strong a { float: none; } #bookmarks .header + table { margin-top: 20px; } #top10 p { margin: 10px 0; } #top10 div.linkbox:nth-of-type(2) { display: inline-block; float: right; } #musicbrainz_popup { left: 22% !important; right: 22% !important; font-size: 12px !important; /* the p.mb was put in, in case the code that generates these is updated to use a class. This just works around a bug in What.CD's HTML */ } #musicbrainz_popup a#mb, #musicbrainz_popup a.mb { background: transparent url(https://whatimg.com/i/i7umji.png) no-repeat !important; display: inline-block; text-indent: -5000px; overflow: hidden; width: 16px; margin-left: 5px; } #musicbrainz_popup p#mb, #musicbrainz_popup p.mb { display: block; } /* OINKPLUS */ .OiNK #ArtistName { text-indent: -2000em; } .OiNK #OiNKPlus { padding: 30px 10px 10px 10px; } .OiNK #LastFMSimilar, .OiNK #History { padding: 5px 0 0 5px; } .OiNK input { color: #999999; padding: 3px; border: 1px solid #9C9C9C !important; font-family: Arial,sans-serif; } .OiNK #MySpacePlayer object { width: 450px; } div[style="clear: both;"] { display: none; } div.box[style=""] div { text-align: center; margin: 0 auto; } div.box[style=""] .head { text-align: left; margin: 0; } .unread_locked_sticky { background: url('images/locked_sticky_unread.gif') no-repeat center center; } .read_locked_sticky { background: url('images/locked_sticky_read.gif') no-repeat center center; } .read_sticky { background: url('images/sticky_read.gif') no-repeat center center; } .unread_sticky { background: url('images/sticky_unread.gif') no-repeat center center; } .unread_locked { background: url('images/locked_unread.gif') no-repeat center center; } .read_locked { background: url('images/locked_read.gif') no-repeat center center; } .unread { background: url('images/unread.gif') no-repeat center center; } .read { background: url('images/read.gif') no-repeat center center; } .unread_locked_sticky, .read_locked_sticky, .read_sticky, .unread_sticky, .unread_locked, .read_locked, .unread, .read { padding: 0 0 0 30px !important; } .cats_applications { width: 28px; height: 28px; background: url('images/apps.png') no-repeat center center; } .cats_audiobooks { width: 28px; height: 28px; background: url('images/audiobook.png') no-repeat center center; } .cats_comedy { width: 28px; height: 28px; background: url('images/comedy.png') no-repeat center center; } .cats_comics { width: 28px; height: 28px; background: url('images/comics.png') no-repeat center center; } .cats_ebooks { width: 28px; height: 28px; background: url('images/ebook.png') no-repeat center center; } .cats_elearningvideos { width: 28px; height: 28px; background: url('images/elearning.png') no-repeat center center; } .cats_music { width: 28px; height: 28px; background: url('images/music.png') no-repeat center center; } #forums img[width="500"] { width: 100%; height: 100%; border-right: 5px #007DC6 solid; cursor: pointer; margin: 2px auto; } .forum_post ul, .main_column .box ul { margin: 0 0 0px 10px; list-style-position: inside; padding: 0; } /* update - 07/12/2009 */ .edition_info { padding-left: 40px !important; } .main_column .edition_info { padding-left: 5px !important; } #artist #discog_table .box:first-child { text-align: center; } #artist #discog_table .box:first-child a { display: inline-block; padding: 5px; } #inbox #searchbox { margin: 0 auto 20px auto; } div.invitetree ul.invitetree { margin: 0; padding-left: 10px; } .last_read { width: 15px; height: 15px; background: url('images/go_last_read.png') no-repeat center center; margin-left: 5px; margin-left: 5px; } .last_read a { border: none; width: 100%; height: 100%; display: block; } .last_read a:hover { border: none; } .center { text-align: center; } .spellcheck { margin: 25px 0; font-size: 1.25em; font-weight: bold; } table.noavatar, table.noavatar tr, table.noavatar td.body, table.noavatar td.body div { background-image: none !important; } tr.torrent .bookmark > a:before { content: ""; } tr.torrent .bookmark > a:after { content: ""; } .linkbox .brackets:before, .linkbox .brackets:after, .top10_quantity_links .brackets:before, .top10_quantity_links .brackets:after { color: #575757; } .group_image + .group_info { margin: 0; padding: 0 5px; display: table-cell; vertical-align: middle; height: 90px; } #torrents .group_image + .group_info { width: 450px; } .grouped.release_table .group_image + .group_info { width: 550px; } #top10 .group_image + .group_info { width: 585px; } .group_image img { background: url(static/common/noartwork/music.png) no-repeat top left; background-size: 90px; color: transparent; } .field_div { margin-bottom: 10px; } .edit_changelog textarea { width: 600px; } div[class~=tooltipster-base] { background-color: #F5F5F5; color: #575757; } /* Consistent .box and .pad TODO: Make these rules apply globally and add exceptions where needed */ #reportsv2 .box { background-color: #f5f5f5; border: 1px solid #dcdcdc; margin: 0 0 20px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #reportsv2 .pad { padding: 10px !important; }