mirror of
https://github.com/WhatCD/Gazelle.git
synced 2024-12-13 19:06:27 +00:00
1338 lines
27 KiB
CSS
1338 lines
27 KiB
CSS
/*
|
|
Mono What.cd Stylesheet
|
|
|
|
Author: Callum Jefferies (callumj)
|
|
Contact: callum.jefferies@gmail.com
|
|
Date: 23/01/2011
|
|
|
|
All icons Copyright (c) Callum Jefferies 2011
|
|
*/
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
padding: 120px 20px 60px 20px;
|
|
background: #eee !important;
|
|
font: 9pt/14pt 'Lucida Grande',Helvetica,Arial,sans-serif;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #3b7ab0;
|
|
}
|
|
|
|
a img {
|
|
border: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #448cc8;
|
|
}
|
|
|
|
h1,h2,h3 {
|
|
font-family: Helvetica,Arial,sans-serif;
|
|
font-weight: bold;
|
|
color: #444 !important;
|
|
}
|
|
|
|
h2 {
|
|
margin-bottom: 20px;
|
|
font-size: 16pt;
|
|
line-height: 16pt;
|
|
}
|
|
|
|
h3 {
|
|
margin-bottom: 10px;
|
|
font-size: 14pt;
|
|
line-height: 14pt;
|
|
}
|
|
|
|
#logo a {
|
|
position: absolute;
|
|
top: -40px;
|
|
left: 10px;
|
|
width: 105px;
|
|
height: 23px;
|
|
}
|
|
|
|
#wrapper {
|
|
width: 960px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#header {
|
|
width: 960px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#header ul li {
|
|
display: inline;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#header ul li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
#footer {
|
|
width: 960px;
|
|
margin: 0 auto;
|
|
margin-top: 20px;
|
|
padding-top: 20px;
|
|
text-align: center;
|
|
border-top: 2px solid #ddd;
|
|
color: #666;
|
|
}
|
|
|
|
.r00 {color: #F00;}
|
|
.r01 {color: #FF1300;}
|
|
.r02 {color: #FF1300;}
|
|
.r03 {color: #FF2600;}
|
|
.r04 {color: #FF4C00;}
|
|
.r05 {color: #FF5E00;}
|
|
.r06 {color: #FF5E00;}
|
|
.r07 {color: #FF7100;}
|
|
.r08 {color: #fd4337;}
|
|
.r09 {color: #FA0;}
|
|
.r10 {color: #74C42E;}
|
|
.r20 {color: #418B00;}
|
|
.r50 {color: #418B00;}
|
|
.r99 {color: #418B00;}
|
|
|
|
.size1 { font-size: 0.75em; line-height: normal; }
|
|
.size2 { font-size: 1em; line-height: normal; }
|
|
.size3 { font-size: 1.25em; line-height: normal; }
|
|
.size4 { font-size: 1.5em; line-height: normal; }
|
|
.size5 { font-size: 1.75em; line-height: normal; }
|
|
.size6 { font-size: 2em; line-height: normal; }
|
|
.size7 { font-size: 2.25em; line-height: normal; }
|
|
.size8 { font-size: 2.5em; line-height: normal; }
|
|
.size9 { font-size: 2.75em; line-height: normal; }
|
|
.size10 { font-size: 3em; line-height: normal; }
|
|
|
|
#discog_table.torrent_table .colhead_dark td:nth-child(4) {
|
|
width: 15%;
|
|
}
|
|
|
|
#userinfo_username {
|
|
position: absolute;
|
|
top: -171px;
|
|
right: 0;
|
|
-webkit-border-bottom-left-radius: 5px;
|
|
-moz-border-radius-bottomleft: 5px;
|
|
border-radius-bottomleft: 5px;
|
|
-webkit-border-bottom-right-radius: 5px;
|
|
-moz-border-radius-bottomright: 5px;
|
|
border-radius-bottomright: 5px;
|
|
padding: 15px 8px 15px 15px;
|
|
background: #ddd !important;
|
|
}
|
|
|
|
#alerts {
|
|
position: absolute;
|
|
top: -100px;
|
|
}
|
|
|
|
#searchbars,#userinfo_stats {
|
|
margin-top: 55px;
|
|
}
|
|
|
|
#userinfo_major,#userinfo_minor {
|
|
position: absolute;
|
|
padding: 10px 15px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
}
|
|
|
|
#userinfo_minor {
|
|
width: 100%;
|
|
left: 0;
|
|
z-index: 0;
|
|
-webkit-border-bottom-left-radius: 4px;
|
|
-webkit-border-bottom-right-radius: 4px;
|
|
-moz-border-radius-bottomleft: 4px;
|
|
-moz-border-radius-bottomright: 4px;
|
|
border-radius-bottomleft: 4px;
|
|
border-radius-bottomright: 4px;
|
|
background: #f4f4f4;
|
|
}
|
|
|
|
#userinfo_major {
|
|
width: 265px;
|
|
right: 0;
|
|
z-index: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
#userinfo_major a,#userinfo_minor a {
|
|
color: #777;
|
|
}
|
|
|
|
#userinfo_major a:hover,#userinfo_minor a:hover {
|
|
color: #444;
|
|
}
|
|
|
|
#userinfo_major a {
|
|
font-size: 13px;
|
|
color: #666;
|
|
}
|
|
|
|
#searchbars ul li:nth-child(3),#searchbars ul li:nth-child(5) {
|
|
display: none;
|
|
}
|
|
|
|
h1.hidden {
|
|
width: 940px;
|
|
margin: 0 auto;
|
|
padding: 15px 10px;
|
|
display: block;
|
|
text-transform: lowercase;
|
|
color: #2a2a2a;
|
|
font-family: Helvetica;
|
|
font-size: 22pt;
|
|
border-bottom: 2px solid #dfdfdf;
|
|
}
|
|
|
|
#header {
|
|
position: relative;
|
|
height: 112px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
#userinfo_stats {
|
|
position: relative;
|
|
float: right;
|
|
width: 217px;
|
|
height: 62px;
|
|
padding: 10px 14px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
background: #5e5e5e;
|
|
color: #fff;
|
|
}
|
|
|
|
#userinfo_stats li {
|
|
display: block !important;
|
|
position: absolute;
|
|
width: 105px;
|
|
border-bottom: 1px solid #777;
|
|
font-size: 7.5pt;
|
|
}
|
|
|
|
#userinfo_stats span {
|
|
color: #fff !important;
|
|
}
|
|
|
|
#userinfo_stats li:last-child {
|
|
border: none !important;
|
|
}
|
|
|
|
#stats_leeching,#stats_required {
|
|
top: 32px;
|
|
}
|
|
|
|
#stats_ratio,#stats_required {
|
|
left: 128px;
|
|
}
|
|
|
|
#fl_tokens {
|
|
top: 5.4em;
|
|
left: 128px;
|
|
}
|
|
|
|
#userinfo_stats {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#userinfo_stats .stat {
|
|
font-weight: normal;
|
|
}
|
|
|
|
#userinfo_stats a {
|
|
color: #f4f4f4;
|
|
}
|
|
|
|
#discog_table.torrent_table .colhead_dark td:first-child {
|
|
width: 50px !important;
|
|
}
|
|
|
|
button,input[type="button"],input[type="submit"],#userinfo_username .brackets a {
|
|
cursor: pointer;
|
|
padding: 6px 8px;
|
|
font: 12pt Helvetica,Arial,sans-serif;
|
|
text-decoration: none;
|
|
text-transform: lowercase;
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 rgba(0,0,0,0.15);
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15),inset -1px 1px 0 rgba(255,255,255,0.18);
|
|
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15),inset -1px 1px 0 rgba(255,255,255,0.18);
|
|
background: -webkit-gradient(linear,left 40%,left 120%,from(#5f5f5f),to(#575757));
|
|
background: -moz-linear-gradient(center bottom,#575757,#5f5f5f);
|
|
border: 1px solid #4d4d4d;
|
|
}
|
|
|
|
button:active,input[type="button"]:active,input[type="submit"]:active,#userinfo_username .brackets a:active {
|
|
background: -webkit-gradient(linear,left 40%,left 120%,from(#575757),to(#5f5f5f));
|
|
background: -moz-linear-gradient(center bottom,#5f5f5f,#575757);
|
|
}
|
|
|
|
#userinfo_username a {
|
|
font-size: 11pt;
|
|
color: #555;
|
|
}
|
|
|
|
#userinfo_username .brackets {
|
|
margin: -2px;
|
|
}
|
|
|
|
#userinfo_username .brackets a {
|
|
-webkit-border-top-right-radius: 0;
|
|
-moz-border-radius-topright: 0;
|
|
border-radius-topright: 0;
|
|
-webkit-border-bottom-right-radius: 0;
|
|
-moz-border-radius-bottomright: 0;
|
|
border-radius-bottomright: 0;
|
|
}
|
|
|
|
#userinfo_username .brackets:last-child a {
|
|
border-left: none;
|
|
-webkit-border-top-right-radius: 4px;
|
|
-moz-border-radius-topright: 4px;
|
|
border-radius-topright: 4px;
|
|
-webkit-border-bottom-right-radius: 4px;
|
|
-moz-border-radius-bottomright: 4px;
|
|
border-radius-bottomright: 4px;
|
|
-webkit-border-top-left-radius: 0;
|
|
-moz-border-radius-topleft: 0;
|
|
border-radius-topleft: 0;
|
|
-webkit-border-bottom-left-radius: 0;
|
|
-moz-border-radius-bottomleft: 0;
|
|
border-radius-bottomleft: 0;
|
|
}
|
|
|
|
input[type="submit"]:active {
|
|
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15),inset 0 0 5px rgba(0,0,0,0.02),inset -1px 1px 0 rgba(255,255,255,0.12);
|
|
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15),inset 0 0 5px rgba(0,0,0,0.02),inset -1px 1px 0 rgba(255,255,255,0.12);
|
|
}
|
|
|
|
a,textarea,input {
|
|
outline: none;
|
|
}
|
|
|
|
form textarea,form input {
|
|
max-width: 80%;
|
|
}
|
|
|
|
form#quickpostform textarea {
|
|
height: 160px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
div.thin br+h3,
|
|
div.thin > h3:first-child {
|
|
margin: 0 0 15px 15px;
|
|
}
|
|
|
|
textarea,input[type="text"],input[type="password"],.select {
|
|
width: 195px;
|
|
padding: 8px;
|
|
background: #fff;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
border: 1px solid #adadad;
|
|
font: 12pt 'Lucida Grande',Helvetica,Arial,sans-serif;
|
|
color: #444;
|
|
-webkit-box-shadow: inset -1px 1px 3px rgba(0,0,0,0.15);
|
|
-moz-box-shadow: inset -1px 1px 3px rgba(0,0,0,0.15);
|
|
-webkit-background-clip: padding-box;
|
|
}
|
|
|
|
textarea:focus,input[type="text"]:focus,input[type="password"]:focus {
|
|
-webkit-box-shadow: inset -1px 1px 3px rgba(0,0,0,0.15),0 0 5px rgba(0,140,180,0.5);
|
|
-moz-box-shadow: inset -1px 1px 3px rgba(0,0,0,0.15),0 0 5px rgba(0,140,180,0.5);
|
|
}
|
|
|
|
textarea {
|
|
resize: none;
|
|
display: block;
|
|
width: 550px;
|
|
height: 120px;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
.sidebar input[type="text"],.sidebar textarea {
|
|
width: 202px;
|
|
}
|
|
|
|
.sidebar select,.sidebar input {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sidebar ol {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
#content,.thin {
|
|
/*overflow: hidden;*/
|
|
clear: both;
|
|
}
|
|
|
|
#content:after,
|
|
.thin:after {
|
|
visibility: hidden;
|
|
display: block;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
height: 0;
|
|
}
|
|
|
|
#searchbars {
|
|
float: left;
|
|
width: 667px;
|
|
padding: 15px;
|
|
background: #e4e4e4;
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
#searchbars input {
|
|
width: 144px;
|
|
padding: 5px;
|
|
font-size: 9pt;
|
|
color: #555;
|
|
}
|
|
|
|
#searchbars ul,#searchbars form {
|
|
display: inline;
|
|
}
|
|
|
|
#menu {
|
|
position: absolute;
|
|
top: -35px;
|
|
right: -5px;
|
|
}
|
|
|
|
#menu a {
|
|
color: #4e4e4e;
|
|
}
|
|
|
|
#menu ul {
|
|
width: 665px;
|
|
}
|
|
|
|
#menu ul li {
|
|
padding-right: 15px;
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
|
|
#menu ul li:last-child {
|
|
margin-right: 0;
|
|
padding-right: none;
|
|
border-right: none;
|
|
}
|
|
|
|
#content {
|
|
width: 960px;
|
|
margin: 0 auto !important;
|
|
/*overflow: hidden;*/
|
|
}
|
|
|
|
#content .main_column,#content .sidebar {
|
|
position: relative;
|
|
}
|
|
|
|
#content .main_column {
|
|
float: left;
|
|
width: 695px;
|
|
}
|
|
|
|
#content .sidebar {
|
|
float: right;
|
|
width: 245px;
|
|
}
|
|
|
|
ul.collage_images {
|
|
width: 675px !important;
|
|
}
|
|
|
|
ul.collage_images li {
|
|
height: 135px !important;
|
|
width: 135px !important;
|
|
}
|
|
|
|
ul.collage_images li a {
|
|
height: 135px !important;
|
|
width: 135px !important;
|
|
}
|
|
|
|
ul.collage_images li a img {
|
|
height: 135px !important;
|
|
width: 135px !important;
|
|
}
|
|
|
|
ul.collage_images li a:hover {
|
|
position: relative;
|
|
overflow: visible !important;
|
|
}
|
|
|
|
ul.collage_images li a:hover img {
|
|
position: absolute;
|
|
margin: -80px;
|
|
z-index: 4;
|
|
width: 300px !important;
|
|
height: 300px !important;
|
|
}
|
|
|
|
#collages,#personal_collages,#collage_table,.forum_index,.torrent_table,.forum_post.box,.recent,table.border,.torrent_table.grouping,#userhistory table {
|
|
width: 100% !important;
|
|
}
|
|
|
|
table[width="100%"],.box,.torrent_table,#log_table,#request_table,#collages,.forum_index,table.border,.linkbox+table,form#messageform table ,.main_column table ,form[action="user.php"] table,table.staff,#userhistory table {
|
|
margin-bottom: 20px;
|
|
padding: 10px;
|
|
background: #fff;
|
|
border: 1px solid #aeaeae;
|
|
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
|
|
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
|
|
color: #565656;
|
|
}
|
|
|
|
.search_form .box {
|
|
margin-bottom: 0;
|
|
background: inherit;
|
|
border: 0;
|
|
padding: 0;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
}
|
|
|
|
.box.pad {
|
|
padding: 0 !important;
|
|
background: transparent;
|
|
border: none;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
}
|
|
|
|
.head,.colhead td,.recent .colhead td,.colhead th,.colhead_dark td {
|
|
margin: -11px;
|
|
margin-bottom: 10px;
|
|
padding: 8px !important;
|
|
background: -webkit-gradient(linear,left top,left bottom,from(#ddd),to(#ccc));
|
|
background: -moz-linear-gradient(center bottom,#ccc,#ddd);
|
|
border: 1px solid #aeaeae !important;
|
|
border-bottom-color: #bbb !important;
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
|
|
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
|
|
font: bold 10pt Helvetica,Arial,sans-serif !important;
|
|
color: #575757 !important;
|
|
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
|
|
}
|
|
|
|
table[width="100%"] td,.torrent_table td,#requests td,#collages td,.forum_index td,table.border td,.linkbox+table td,form#messageform table td,form[action="user.php"] table td,table.staff td.nobr,#inbox form table td {
|
|
padding: 8px;
|
|
border: 1px solid #ccc;
|
|
border-bottom: none;
|
|
}
|
|
|
|
table[width="100%"] .colhead td,table[width="100%"] .colhead_dark td,.torrent_table .colhead_dark td,#requests .colhead_dark td,#collages .colhead td,.forum_index .colhead td,#torrent_table .colhead td,table.border .colhead td,.linkbox+table .colhead td,form#messageform .colhead table td,#inbox form table .colhead td {
|
|
border: 1px solid #aeaeae !important;
|
|
}
|
|
|
|
#bookmarks .torrent_table .colhead_dark td:nth-child(3) {
|
|
width: 60%;
|
|
}
|
|
|
|
#bookmarks .torrent_table .colhead_dark td:first-child, #bookmarks .torrent_table .colhead_dark td:nth-child(2) {
|
|
width: 5%;
|
|
}
|
|
/*
|
|
.torrent_table .colhead_dark td:first-child {
|
|
width: 70%;
|
|
}
|
|
*/
|
|
table[width="100%"] td:first-child,.torrent_table td:first-child,#requests td:first-child,#collages td:first-child,.forum_index td:first-child,#torrent_table td:first-child,table.border td:first-child,.linkbox+table td:first-child,form#messageform table td:first-child,#inbox form table td:first-child {
|
|
border-left: 1px solid #aeaeae;
|
|
}
|
|
|
|
table[width="100%"] td:last-child,.torrent_table td:last-child,#requests td:last-child,#collages td:last-child,.forum_index td:last-child,#torrent_table td:last-child,table.border td:last-child,.linkbox+table td:last-child,form#messageform table td:last-child,#inbox form table td:last-child {
|
|
border-right: 1px solid #aeaeae;
|
|
}
|
|
|
|
#inbox form table tr:last-child td {
|
|
border-bottom: 1px solid #aeaeae !important;
|
|
}
|
|
|
|
#inbox form table td:first-child {
|
|
border-left: 1px solid #aeaeae !important;
|
|
}
|
|
|
|
#inbox form table td:last-child {
|
|
border-right: 1px solid #aeaeae !important;
|
|
}
|
|
|
|
.torrent_table.sign {
|
|
text-align: center;
|
|
}
|
|
|
|
table.staff td.nobr {
|
|
border-right: 1px solid #ccc !important;
|
|
}
|
|
|
|
table.staff td.nobr:last-child {
|
|
border-right: 1px solid #aeaeae !important;
|
|
}
|
|
|
|
.torrent_table .group {
|
|
background: -webkit-gradient(linear,left top,left bottom,from(#f3f3f3),to(#eee));
|
|
background: -moz-linear-gradient(center bottom,#eee,#f3f3f3);
|
|
}
|
|
|
|
.torrent_table .group strong {
|
|
font-size: 12pt;
|
|
}
|
|
|
|
.torrent_table .group strong a {
|
|
color: #444;
|
|
}
|
|
|
|
.recent {
|
|
margin-bottom: 20px !important;
|
|
padding: 0;
|
|
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
|
|
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.recent td {
|
|
padding: 10px;
|
|
background: #fff;
|
|
border: 1px solid #aeaeae;
|
|
border-right: 1px solid #ccc;
|
|
border-left: none;
|
|
border-top: none;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.recent td:first-child {
|
|
border-left: 1px solid #aeaeae;
|
|
}
|
|
|
|
.recent td:last-child {
|
|
border-right: 1px solid #aeaeae;
|
|
}
|
|
|
|
.recent td img {
|
|
width: 118px;
|
|
height: 118px;
|
|
}
|
|
|
|
.cats_col {
|
|
width: 25px;
|
|
}
|
|
|
|
.cats_music,.cats_comics,.cats_audiobooks,.cats_elearningvideos,.cats_comedy,.cats_applications,.cats_ebooks {
|
|
width: 25px !important;
|
|
height: 25px !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.cats_music {
|
|
background: url('icons/music.png');
|
|
}
|
|
|
|
.cats_comics {
|
|
background: url('icons/comics.png');
|
|
}
|
|
|
|
.cats_audiobooks {
|
|
background: url('icons/audiobooks.png');
|
|
}
|
|
|
|
.cats_elearningvideos {
|
|
background: url('icons/elearning.png');
|
|
}
|
|
|
|
.cats_comedy {
|
|
background: url('icons/comedy.png');
|
|
}
|
|
|
|
.cats_applications {
|
|
background: url('icons/applications.png');
|
|
}
|
|
|
|
.cats_ebooks {
|
|
background: url('icons/ebooks.png');
|
|
}
|
|
|
|
body#index #recommended .head {
|
|
margin-bottom: -11px !important;
|
|
border-bottom-color: #aeaeae !important;
|
|
}
|
|
|
|
body#index #recommended #vanityhouse {
|
|
margin-top: 21px;
|
|
margin-bottom: 0px;
|
|
width: 100%;
|
|
}
|
|
|
|
.hide_torrents a,.show_torrents a {
|
|
display: block;
|
|
width: 25px;
|
|
height: 25px;
|
|
background-image: url('icons/show-hide.png');
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.hide_torrents a {
|
|
background-position: center top;
|
|
}
|
|
|
|
.show_torrents a {
|
|
background-position: center bottom;
|
|
}
|
|
|
|
#torrent_table .colhead td[width="100%"] {
|
|
width: 50% !important;
|
|
}
|
|
|
|
#discog_table .box.center {
|
|
background: #f8f8f8;
|
|
border: none;
|
|
padding: 10px;
|
|
text-align: center;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
#discog_table .box.center a {
|
|
color: #666;
|
|
font-weight: bold;
|
|
margin-right: 5px;
|
|
line-height: 18pt;
|
|
}
|
|
|
|
.group_torrent td span {
|
|
float: right;
|
|
}
|
|
|
|
.linkbox {
|
|
margin-bottom: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.linkbox.notify_filter_links {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.head a {
|
|
color: #3e3e3e;
|
|
}
|
|
|
|
.main_column .box {
|
|
width: 675px;
|
|
}
|
|
|
|
.main_column .head {
|
|
width: 679px;
|
|
}
|
|
|
|
.sidebar .box {
|
|
width: 220px;
|
|
}
|
|
|
|
.sidebar .head {
|
|
width: 224px;
|
|
}
|
|
|
|
.sidebar .box ul li {
|
|
list-style: none;
|
|
}
|
|
|
|
td.unread,td.read,td.read_locked,td.unread_sticky,td.read_locked_sticky,td.unread_locked_sticky,td.read_sticky {
|
|
width: 3.5%;
|
|
background-repeat: none;
|
|
background-position: center center;
|
|
}
|
|
|
|
td.unread {
|
|
background-image: url('icons/unread.png');
|
|
}
|
|
|
|
td.read {
|
|
background-image: url('icons/read.png');
|
|
}
|
|
|
|
td.read_locked {
|
|
background-image: url('icons/read-locked.png');
|
|
}
|
|
|
|
td.unread_sticky {
|
|
background-image: url('icons/sticky-unread.png');
|
|
}
|
|
|
|
td.read_sticky {
|
|
background-image: url('icons/sticky-read.png');
|
|
}
|
|
|
|
td.read_locked_sticky {
|
|
background-image: url('icons/sticky-read-locked.png');
|
|
}
|
|
|
|
td.unread_locked_sticky {
|
|
background-image: url('icons/sticky-unread-locked.png');
|
|
}
|
|
|
|
table.forum_index tr td:nth-child(3) .last_topic a,td.unread+td >h4 a,td.unread+td >span.last_topic strong a,td.unread_locked+td >span.last_topic strong a,td.unread_sticky+td >span.last_topic strong a,td.unread_locked_sticky+td >span.last_topic strong a {
|
|
color: #626262;
|
|
}
|
|
|
|
td.read+td >h4 a,td.read+td >span.last_topic strong a,td.read_locked+td >span.last_topic strong a,td.read_sticky+td >span.last_topic strong a,td.read_locked_sticky+td >span.last_topic strong a {
|
|
color: #888;
|
|
}
|
|
|
|
span.last_read a {
|
|
display: block;
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 2px 0 0 5px;
|
|
background: url('icons/goto.png') no-repeat center -4px;
|
|
}
|
|
|
|
span.last_read a:hover {
|
|
background-position-y: -24px;
|
|
}
|
|
|
|
.forum_post .avatar {
|
|
padding: 10px;
|
|
width: 100px !important;
|
|
background: #f6f6f6;
|
|
border-right: 1px solid #ddd;
|
|
}
|
|
|
|
.forum_post .avatar img {
|
|
width: 120px !important;
|
|
}
|
|
|
|
.forum_post .body {
|
|
padding: 15px;
|
|
}
|
|
|
|
body#forums table.forum_post td.body > div, body#userhistory table.forum_post td.body > div { /* Wide main column (forums, user history) */
|
|
width: 787px;
|
|
}
|
|
|
|
table.forum_post td.body > div { /* Narrow main column (torrent comments, request comments) */
|
|
width: 522px;
|
|
}
|
|
|
|
.forum_post ul,.forum_post ol {
|
|
margin-left: 25px;
|
|
}
|
|
|
|
strong.quoteheader{
|
|
color: #626262;
|
|
}
|
|
|
|
.forum_post blockquote, #inbox div.body>blockquote {
|
|
padding: 10px;
|
|
background: #fafafa url('icons/quote-mark.png') no-repeat 98% 5px;
|
|
border: 1px solid #ddd;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
#torrents .filter_torrents .box.pad,#torrents div.thin form.search_form,#requests div.thin form.search_form,#collage div.thin form.search_form,#inbox #searchbox {
|
|
padding: 15px !important;
|
|
background: #e4e4e4;
|
|
border: none;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
#collage div.thin form table {
|
|
background: none;
|
|
border: none;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
}
|
|
|
|
#requests form.search_form table:nth-child(6) td {
|
|
padding-top: 13px !important;
|
|
padding: 13px 0 0 0 !important;
|
|
border-bottom: 0 !important;
|
|
}
|
|
|
|
#torrents form.search_form div.submit,#collage div.thin form div.submit {
|
|
padding-top: 13px;
|
|
}
|
|
|
|
div.thin .header+form,div.thin .header+div>form,div.thin .header+.linkbox+div {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
div.thin form.search_form table,div.thin .header+.linkbox+div table,.filter_torrents table {
|
|
width: 100%;
|
|
}
|
|
|
|
div.thin .header+.linkbox+div table {
|
|
border: none;
|
|
background: none;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
}
|
|
|
|
div.thin form.search_form table td, div.thin .header+.linkbox+div table td,.filter_torrents table td {
|
|
padding: 10px 0;
|
|
border: none !important;
|
|
border-bottom: 1px solid #d1d1d1 !important;
|
|
}
|
|
|
|
div.thin .header+.linkbox+div td {
|
|
padding-left: 10px !important;
|
|
}
|
|
|
|
td.label {
|
|
font-size: 10pt;
|
|
}
|
|
|
|
#torrents .filter_torrents .box.pad table:nth-child(1) tr:first-child td,#requests div.thin form.search_form table:nth-child(3) tr:first-child td,#collage div.thin form table:nth-child(2) tr:first-child td {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.filter_torrents table.cat_list td {
|
|
width: 8% !important;
|
|
text-align: center !important;
|
|
}
|
|
|
|
.filter_torrents table:nth-child(2) td {
|
|
padding: 17px 0 15px 0 !important;
|
|
background: #e0e0e0;
|
|
}
|
|
|
|
.filter_torrents .cat_list[width="100%"] {
|
|
background: #e4e4e4;
|
|
border: none;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
}
|
|
|
|
div.thin form.search_form table td.label,.filter_torrents table td:first-child {
|
|
width: 20%;
|
|
padding-right: 10px;
|
|
text-align: right;
|
|
}
|
|
|
|
.filter_torrents .submit {
|
|
position: relative;
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.filter_torrents .submit input[value="Reset"] {
|
|
display: none;
|
|
}
|
|
|
|
.filter_torrents .submit span {
|
|
position: absolute;
|
|
left: 120px;
|
|
font-size: 12pt;
|
|
color: #444;
|
|
line-height: 24pt;
|
|
}
|
|
|
|
.filter_torrents .submit span:before {
|
|
content: "(";
|
|
}
|
|
|
|
.filter_torrents .submit span:after {
|
|
content: ")";
|
|
}
|
|
|
|
.filter_torrents .submit input[name="setdefault"],.filter_torrents .submit input[name="cleardefault"] {
|
|
float: right;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.filter_torrents .cat_list {
|
|
border: none !important;
|
|
}
|
|
|
|
ul#artistcomplete {
|
|
position: absolute;
|
|
left: 185px;
|
|
top: 98px;
|
|
z-index: 1;
|
|
list-style: decimal;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
|
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
|
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
|
border: 1px solid #bbb;
|
|
background: #fff;
|
|
color: #444;
|
|
}
|
|
|
|
#artistcomplete li:first-child {
|
|
-webkit-border-top-left-radius: 4px;
|
|
-moz-border-radius-topleft: 4px;
|
|
border-radius-topleft: 4px;
|
|
-webkit-border-top-right-radius: 4px;
|
|
-moz-border-radius-topright: 4px;
|
|
border-radius-topright: 4px;
|
|
}
|
|
|
|
#artistcomplete li:last-child {
|
|
-webkit-border-bottom-left-radius: 4px;
|
|
-moz-border-radius-bottomleft: 4px;
|
|
border-radius-bottomleft: 4px;
|
|
-webkit-border-bottom-right-radius: 4px;
|
|
-moz-border-radius-bottomright: 4px;
|
|
border-radius-bottomright: 4px;
|
|
}
|
|
|
|
#artistcomplete li {
|
|
display: block !important;
|
|
-webkit-box-sizing: border-box;
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
#artistcomplete li.highlight {
|
|
background: #f5f5f5;
|
|
width: 100%;
|
|
}
|
|
|
|
#lightbox {
|
|
z-index: 1;
|
|
position: fixed;
|
|
top: 25%;
|
|
left: 50%;
|
|
width: 800px;
|
|
margin-left: -400px;
|
|
text-align: center;
|
|
}
|
|
|
|
#lightbox img {
|
|
max-width: 800px;
|
|
padding: 10px;
|
|
background: #fff;
|
|
-webkit-box-shadow: 0 2px 5px #222;
|
|
-moz-box-shadow: 0 2px 5px #222;
|
|
}
|
|
|
|
#curtain {
|
|
z-index: 0;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0,0,0,0.75);
|
|
}
|
|
|
|
#torrents h2+div.linkbox+h3+table.border >tbody >tr td:nth-child(2) {
|
|
width: 55% !important;
|
|
}
|
|
|
|
form[action="user.php"] table textarea,form[action="user.php"] table input[type="text"] {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
}
|
|
|
|
h3#irc+div.box.pad,body#rules .header+div.box.pad,h3#forums+div.box.pad {
|
|
padding: 30px !important;
|
|
background: #f8f8f8;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
h3#irc+div.box.pad ul,h3#forums+div.box.pad ul,body#rules .header+div.box.pad ul,#drag_drop_textnote ul {
|
|
list-style: none;
|
|
}
|
|
|
|
h3#irc+div.box.pad ul li,h3#forums+div.box.pad ul li,body#rules .header+div.box.pad ul li,#drag_drop_textnote ul li {
|
|
margin-bottom: 8px;
|
|
padding-bottom: 8px;
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
h3#irc+div.box.pad ul li:last-child,h3#forums+div.box.pad ul li:last-child,body#rules .header+div.box.pad ul li:last-child,#drag_drop_textnote ul li:last-child {
|
|
margin-bottom: 0;
|
|
padding-bottom: 0;
|
|
border-bottom: none;
|
|
}
|
|
|
|
table.border[width="100%"] {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#collage form > table.border[width="100%"] tbody tr:nth-child(5) td {
|
|
padding-bottom: 0;
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
#threadpoll p {
|
|
margin-bottom: 20px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
ul.nobullet {
|
|
list-style-type: none;
|
|
|
|
}
|
|
|
|
li.graph {
|
|
width: 100%;
|
|
height: 20px;
|
|
margin-bottom: 10px;
|
|
padding: 5px;
|
|
background: #f4f4f4;
|
|
-webkit-border-radius: 8px;
|
|
-moz-border-radius: 8px;
|
|
border-radius: 8px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
}
|
|
|
|
li.graph .center_poll {
|
|
display: block;
|
|
height: 8px;
|
|
background: #666;
|
|
border: 1px solid #5a5a5a;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-webkit-box-shadow: inset 0 -2px 3px #555;
|
|
-moz-box-shadow: inset 0 -2px 3px #555;
|
|
}
|
|
|
|
#index .graph .center_poll {
|
|
margin-top: 0;
|
|
}
|
|
|
|
#inbox form table {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
#inbox form table td {
|
|
border: 1px solid #ccc !important;
|
|
}
|
|
|
|
#inbox form table td:nth-child(1) {
|
|
width: 3%;
|
|
}
|
|
|
|
#inbox form table td:nth-child(3) {
|
|
width: 15%;
|
|
}
|
|
|
|
#inbox form table td:nth-child(4) {
|
|
width: 20%;
|
|
}
|
|
|
|
#inbox #searchbox {
|
|
margin-top: -20px;
|
|
}
|
|
|
|
#inbox #searchbox input[type="text"] {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#manage_collage_table input[type="text"] {
|
|
width: 40px;
|
|
}
|
|
|
|
td {
|
|
border: 1px solid #BBB;
|
|
padding: 5px;
|
|
text-align: left;
|
|
}
|
|
|
|
td.colhead {
|
|
margin: -11px;
|
|
margin-bottom: 10px;
|
|
padding: 8px !important;
|
|
background: -webkit-gradient(linear,left top,left bottom,from(#ddd),to(#ccc));
|
|
background: -moz-linear-gradient(center bottom,#ccc,#ddd);
|
|
border: 1px solid #aeaeae !important;
|
|
border-bottom-color: #bbb !important;
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
|
|
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
|
|
font: bold 10pt Helvetica,Arial,sans-serif !important;
|
|
color: #575757 !important;
|
|
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
|
|
}
|
|
|
|
div.permission_container {
|
|
float: left;
|
|
width: 32%;
|
|
}
|
|
|
|
div.permission_container:nth-child(2) {
|
|
padding: 0px 2%;
|
|
}
|
|
|
|
div.permission_container>table {
|
|
width: 100%;
|
|
}
|
|
|
|
div.pad ul,div.body ul,table.torrent_table blockquote>ul,div.pad ol,div.body ol {
|
|
padding-left: 15px;
|
|
}
|
|
|
|
#debug_report {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
table.debug_table td.debug_data {
|
|
padding: 0;
|
|
}
|
|
|
|
table.debug_table td.debug_data>div, table.debug_table td.debug_data>pre {
|
|
overflow: auto;
|
|
padding: 8px;
|
|
max-height: 400px;
|
|
}
|
|
|
|
table.debug_table td.debug_query_data>div {
|
|
width: 796px;
|
|
}
|
|
|
|
.nobr {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
tr.torrent .bookmark > a:before { content:""; }
|
|
tr.torrent .bookmark > a:after { content:""; }
|
|
|
|
/* Fixes by Trico beyond here. All credit for the style sheet goes to callumj */
|
|
|
|
/* General fixes */
|
|
/* Give dropdowns a bit of style */
|
|
/*select {
|
|
padding: 7px;
|
|
background: #fff;
|
|
color: #565656;
|
|
border: 1px solid #aeaeae;
|
|
}
|
|
*/
|
|
|
|
/* Fix for upload.php, the "Do not upload" section */
|
|
#dnulist tr {
|
|
/* Previously unstyled */
|
|
background: #fff;
|
|
}
|
|
|
|
/* Fixes for friends.php */
|
|
form.manage_form[name=friends] table tr {
|
|
/* Previously unfinished */
|
|
border: 1px solid #aeaeae !important;
|
|
background: #fff;
|
|
}
|
|
|
|
form.manage_form[name=friends] {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
form.manage_form[name=friends] .left input[type=submit] {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* Fixes for staffpm.php, wiki.php, user.php?action=edit and inbox.php, when composing new message/wiki, and some other stuff */
|
|
#compose h3,
|
|
[class="create_form"][name=wiki_article] h3,
|
|
#messageform #quickpost h3 {
|
|
margin: 20px 0 10px 0;
|
|
}
|
|
|
|
[class="create_form"][name=wiki_article] input[type=submit],
|
|
#messageform input[type=submit],
|
|
.preview_submit input[type=button],
|
|
#newthreadform #buttons input[type=button],
|
|
#newthreadform #poll_answers input[type=text] {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.torrent_table .filelist_table {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Fix for artist.php sidebar layout */
|
|
[class="box box_search"] #filelist, [class="box box_addartists box_addartists_similar"] #artistsimilar {
|
|
width: 150px;
|
|
}
|
|
|
|
/* Fix for artist.php artist map margin */
|
|
#similar_artist_map {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
|
|
/* Fix for requests.php, search section */
|
|
[class="layout border"] #search_terms input[name=search] {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/* Fix for forums.php?action=search, search section */
|
|
[class="search_form"] table tr > td > strong {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
/* Fix for wiki.php, sidebar details section */
|
|
.sidebar [class="box box_info pad"] > ul {
|
|
/* Previously unstyled */
|
|
margin-bottom: 20px;
|
|
padding: 10px;
|
|
background: #fff;
|
|
border: 1px solid #aeaeae;
|
|
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
|
|
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
|
|
color: #565656;
|
|
}
|
|
|
|
/* Fix for index.php, more news section at the very bottom of the page */
|
|
#more_news.box {
|
|
height: 0;
|
|
}
|
|
|
|
/* Fix for forums.php, search specific forum */
|
|
.search_form[action="forums.php"] td > strong {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#userinfo .brackets:before, #userinfo .brackets:after {
|
|
content: "";
|
|
}
|
|
|
|
.linkbox .brackets:before,
|
|
.linkbox .brackets:after,
|
|
.top10_quantity_links .brackets:before,
|
|
.top10_quantity_links .brackets:after {
|
|
color: #444;
|
|
}
|
|
|
|
.group_image + .group_info { margin: 0; padding: 0 5px; display: table-cell; vertical-align: middle; height: 90px; }
|
|
#torrents .group_image + .group_info { width: 450px; }
|
|
#top10 .group_image + .group_info { width: 585px; }
|