mirror of
https://github.com/Sarjuuk/aowow.git
synced 2025-11-29 15:58:16 +08:00
804 lines
15 KiB
CSS
804 lines
15 KiB
CSS
.nowrap {
|
|
white-space: nowrap;
|
|
overflow: visible;
|
|
}
|
|
|
|
.wsa-tbl {
|
|
border-spacing:0
|
|
}
|
|
|
|
.wsa-tbl th {
|
|
border-bottom:2px solid #333;
|
|
color:#fff;
|
|
font-size:15px;
|
|
padding:0 0 3px 0;
|
|
text-align:left
|
|
}
|
|
|
|
.wsa-tbl td {
|
|
padding:0 5px 0 0
|
|
}
|
|
|
|
.wsa-tbl td:last-child {
|
|
padding:0
|
|
}
|
|
|
|
.wsa-list {
|
|
color:#ccc
|
|
}
|
|
|
|
.wsa-list td {
|
|
vertical-align:text-top
|
|
}
|
|
|
|
.wsa-list td {
|
|
padding-right:25px
|
|
}
|
|
|
|
.wsa-list td.nopad {
|
|
padding-right:0
|
|
}
|
|
|
|
.wsa-list tr {
|
|
line-height:20px
|
|
}
|
|
|
|
.wsa-list .checkmark {
|
|
padding:0;
|
|
width:18px
|
|
}
|
|
|
|
.wsa-check {
|
|
background:url(../images/ui/check2.png) no-repeat 0 -11px;
|
|
height:20px;
|
|
width:15px
|
|
}
|
|
|
|
.wsa-earned {
|
|
color:#777
|
|
}
|
|
|
|
.wsa-earned .wsa-check {
|
|
background-position:-15px -11px
|
|
}
|
|
|
|
.wsa-earned .wsa-count {
|
|
background-color:#aaa;
|
|
color:#242424
|
|
}
|
|
|
|
/* Generic - Sprites */
|
|
.vote-column .upvote, .vote-column .downvote, .reply-upvote, .reply-downvote, .reply-detach, .reply-delete, .reply-report, .reply-edit {
|
|
background: url(../images/ui/sprite3.png);
|
|
text-indent: -10000px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.vote-column {
|
|
width: 60px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.main-body {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.vote-column .upvote, .vote-column .downvote {
|
|
margin: 5px auto;
|
|
width: 30px;
|
|
height: 16px;
|
|
}
|
|
|
|
.vote-column .upvote {
|
|
margin-top: 10px !important;
|
|
filter:alpha(opacity=60);
|
|
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
|
|
opacity:.6;
|
|
}
|
|
|
|
.vote-column .upvote:hover {
|
|
filter:alpha(opacity=100);
|
|
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
opacity:1;
|
|
}
|
|
|
|
.vote-column .upvote[data-hasvoted=true] {
|
|
background-position: 0 -16px;
|
|
filter:alpha(opacity=100);
|
|
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
opacity:1;
|
|
}
|
|
|
|
.vote-column .downvote {
|
|
background-position: 0 -48px;
|
|
filter:alpha(opacity=60);
|
|
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
|
|
opacity:.6;
|
|
}
|
|
|
|
.vote-column .downvote:hover {
|
|
filter:alpha(opacity=100);
|
|
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
opacity:1;
|
|
}
|
|
|
|
.vote-column .downvote[data-hasvoted=true] {
|
|
background-position: 0 -32px;
|
|
filter:alpha(opacity=100);
|
|
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
|
opacity:1;
|
|
}
|
|
|
|
.vote-column .rating, .vote-column .rating-up, .vote-column .rating-down {
|
|
color: #A8A8A8;
|
|
font-size: 18px;
|
|
margin: 3px 0;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vote-column .rating-up {
|
|
color: Green;
|
|
}
|
|
|
|
.vote-column .rating-down {
|
|
color: #bb5b26;
|
|
}
|
|
|
|
.vote-column .rating-separator {
|
|
border-top: 1px solid silver;
|
|
width: 20px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.vote-column .rating {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.comment-controls {
|
|
text-align: right;
|
|
color: #DDDDDD;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.comment-controls span, .comment-controls span a {
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.comment-header .comment-author {
|
|
font-style: normal;
|
|
}
|
|
|
|
.comment-header .comment-author a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.comment-header .comment-author a.q0 {
|
|
color: #bbbbbb !important;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.comment-header .comment-author a.q0:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.comment-replies-control {
|
|
margin-top: 10px;
|
|
font-size: 12px;
|
|
color: white;
|
|
cursor: pointer;
|
|
float: left;
|
|
background: #444;
|
|
border: 1px solid #555;
|
|
padding: 4px 8px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.comment-replies-control:hover {
|
|
background-color: #555;
|
|
}
|
|
|
|
.comment-sticky {
|
|
display: block;
|
|
background-color: green;
|
|
border-radius: 5px;
|
|
cursor: help;
|
|
font-family: Verdana;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.comment-replies {
|
|
margin-top: 10px;
|
|
border-top: 1px dotted #646464;
|
|
}
|
|
|
|
.comment-replies form .ajax-loader {
|
|
display: block;
|
|
margin-left: 13px;
|
|
margin-top: 10px;
|
|
display: none;
|
|
}
|
|
|
|
.comment-replies textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
.comment-replies form input {
|
|
display: block;
|
|
margin-left: 10px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.comment-replies td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.comment-replies .q11 {
|
|
color: #AA8968 !important;
|
|
}
|
|
|
|
.comment-reply-row {
|
|
border-bottom: 1px dotted #454545;
|
|
}
|
|
|
|
.reply-controls {
|
|
width: 12px;
|
|
padding-top: 10px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.reply-text {
|
|
padding: 6px;
|
|
overflow:auto;
|
|
word-wrap:break-word;
|
|
}
|
|
|
|
.reply-rating {
|
|
font-size: 10px;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.q12 {
|
|
color: #BD5F00 !important;
|
|
}
|
|
|
|
.reply-rating-fair {
|
|
color: #008200;
|
|
}
|
|
|
|
.reply-rating-good {
|
|
color: #1EC000;
|
|
}
|
|
|
|
.reply-rating-great {
|
|
color: #1EFF00;
|
|
}
|
|
|
|
.comment-reply-author {
|
|
color: #888888;
|
|
white-space: nowrap;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.comment-reply-author a.when, .comment-reply-author a.when:hover {
|
|
color: #888888;
|
|
white-space: nowrap;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.comment-reply-author a.when:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.comment-blue b {
|
|
color: White !important;
|
|
}
|
|
|
|
.reply-detach, .reply-delete, .reply-report, .reply-edit {
|
|
display: inline-block;
|
|
height: 13px;
|
|
width: 13px;
|
|
line-height: 12px;
|
|
opacity: 0.35;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.reply-upvote {
|
|
background-position:-43px 0;
|
|
}
|
|
|
|
.reply-downvote {
|
|
background-position:-43px -18px;
|
|
}
|
|
|
|
.reply-upvote, .reply-downvote {
|
|
width: 13px;
|
|
height: 6px;
|
|
cursor: default;
|
|
margin: 0 auto;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.reply-detach {
|
|
background-position: -30px -13px;
|
|
}
|
|
|
|
.reply-delete {
|
|
background-position: -30px 0;
|
|
}
|
|
|
|
.reply-report {
|
|
background-position: -30px -39px;
|
|
height: 10px;
|
|
width: 11px;
|
|
}
|
|
|
|
.reply-edit {
|
|
height: 14px;
|
|
width: 13px;
|
|
background-position: -30px -25px;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
|
|
.reply-upvote[data-hasvoted=true] {
|
|
background-position:-43px -6px;
|
|
}
|
|
|
|
.reply-downvote[data-hasvoted=true] {
|
|
background-position:-43px -12px;
|
|
}
|
|
|
|
.reply-detach[data-hover=true], .reply-delete[data-hover=true], .reply-report[data-hover=true], .reply-edit[data-hover=true] {
|
|
visibility: visible;
|
|
}
|
|
|
|
.reply-upvote[data-canvote=true]:hover, .reply-upvote[data-hasvoted=true], .reply-downvote[data-canvote=true]:hover, .reply-downvote[data-hasvoted=true], .reply-detach:hover, .reply-delete:hover, .reply-report:hover, .reply-edit:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.reply-upvote[data-canvote=true], .reply-downvote[data-canvote=true] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dragged {
|
|
z-index: 1000 !important;
|
|
opacity: 0.35;
|
|
filter: alpha(opacity=35);
|
|
}
|
|
|
|
.dragged .iconsmall, .dragged .iconmedium {
|
|
float: left;
|
|
}
|
|
|
|
.stars {display:block;font-size:13px;margin:0 auto;white-space:normal;overflow:hidden;position:relative}
|
|
.infobox .stars {margin:0}
|
|
.stars.rated {padding-right:14px}
|
|
.stars.max-5 {width:66px}
|
|
.stars.max-10 {width:131px}
|
|
.stars b {background:url(../images/ui/stars-ondark.png) 0 -96px no-repeat;float:right;height:16px;line-height:16px}
|
|
.stars.ratable span {cursor:pointer}
|
|
.stars.ratable span:hover b, .stars.rated b {background-position:0 -32px} /* maybe remove 3rd? */
|
|
.stars i {padding:0 0 0 18px}
|
|
.stars i i {margin-left:-5px;padding:0;visibility:hidden}
|
|
.stars.ratable span:hover b, .stars.ratable span:hover b.half {background-position:0 -96px !important}
|
|
.stars.ratable span b:hover, .stars.ratable span b.half:hover {background-position:0 -32px !important}
|
|
.stars .clear {background:url(../images/ui/gray-x.png);display:block;height:10px;;position:absolute;right:0;top:4px;width:9px}
|
|
.stars .clear:hover {background-position:bottom}
|
|
.stars .info {clear:both;font-size:11px}
|
|
.stars.rated .info {margin-right:-14px}
|
|
|
|
.stars-1 b {background-position:0 0}
|
|
.stars-1 b b {background-position:0 -96px !important}
|
|
.stars-2 b {background-position:0 0}
|
|
.stars-2 b b b {background-position:0 -96px !important}
|
|
.stars-3 b {background-position:0 0}
|
|
.stars-3 b b b b {background-position:0 -96px !important}
|
|
.stars-4 b {background-position:0 0}
|
|
.stars-4 b b b b b {background-position:0 -96px !important}
|
|
.stars-5 b {background-position:0 0}
|
|
.stars-5 b b b b b b {background-position:0 -96px !important}
|
|
.stars-6 b {background-position:0 0}
|
|
.stars-6 b b b b b b b {background-position:0 -96px !important}
|
|
.stars-7 b {background-position:0 0}
|
|
.stars-7 b b b b b b b b {background-position:0 -96px !important}
|
|
.stars-8 b {background-position:0 0}
|
|
.stars-8 b b b b b b b b b {background-position:0 -96px !important}
|
|
.stars-9 b {background-position:0 0}
|
|
.stars-9 b b b b b b b b b b {background-position:0 -96px !important}
|
|
.stars-10 b {background-position:0 0}
|
|
.stars-10 b b b b b b b b b b b {background-position:0 -96px !important}
|
|
.stars b.half {background-position:0 -16px !important}
|
|
.stars.rated b.half {background-position:0 -48px !important}
|
|
|
|
.ie6 .stars {_margin-bottom:-2px;zoom:100%}
|
|
.ie6 .stars * {zoom:100%}
|
|
.ie7 .stars {_margin-bottom:-2px;zoom:100%}
|
|
.ie7 .stars * {zoom:100%}
|
|
.ie8 .stars {_margin-bottom:-2px;zoom:100%}
|
|
.ie8 .stars * {zoom:100%}
|
|
|
|
.guide-sticky {
|
|
background: url(../images/icons/sticky.gif) left center no-repeat;
|
|
padding-left: 21px;
|
|
}
|
|
|
|
.guide-new {
|
|
background: url(../images/icons/new.png) left center no-repeat;
|
|
padding-left: 21px;
|
|
}
|
|
|
|
.infobox .guide-sticky {
|
|
position: relative;
|
|
left: -6px;
|
|
}
|
|
|
|
#guiderating {
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 80px;
|
|
}
|
|
|
|
.iconlist-col {
|
|
float: left;
|
|
width: 31%;
|
|
margin-right: 2%;
|
|
}
|
|
|
|
.iconlist {
|
|
border-collapse: collapse;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.iconlist ul {
|
|
list-style-type: none;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.iconlist th {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.iconlist ul li {
|
|
list-style-position: inside;
|
|
list-style-type: square;
|
|
padding-left: 13px !important;
|
|
}
|
|
|
|
.iconlist td {
|
|
padding: 4px 0 6px 0 !important;
|
|
}
|
|
|
|
.iconlist var {
|
|
font-size: 1px !important;
|
|
}
|
|
|
|
.iconlist .iconsmall {
|
|
margin-right: 4px !important;
|
|
}
|
|
|
|
.iconlist a.disclosure-on, .iconlist a.disclosure-off {
|
|
font-weight: normal;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.iconlist .iconlist ul li {
|
|
padding-left: 10px !important;
|
|
}
|
|
|
|
.iconlist .iconlist th, .iconlist .iconlist td {
|
|
font-size: 11px !important;
|
|
}
|
|
|
|
.iconlist-col table th li {
|
|
list-style-position: outside;
|
|
padding: 0 !important;
|
|
margin-left: 20px !important;
|
|
}
|
|
|
|
/*
|
|
Note: For IE6, only include things that break/distort the site in a major way, as we're not supposed to support IE6 anymore.
|
|
*/
|
|
|
|
/*******/
|
|
/* IE6 */
|
|
/*******/
|
|
|
|
html.ie6 .layout {
|
|
width: 1240px;
|
|
}
|
|
|
|
html.ie6 .toptabs dt {
|
|
width: 1px;
|
|
}
|
|
|
|
html.ie6 .menu .menu-outer,
|
|
html.ie6 .home-featuredbox-links a {
|
|
background: url(../images/deprecated/pixel.gif) no-repeat;
|
|
}
|
|
|
|
html.ie6 .menu a {
|
|
position: relative;
|
|
}
|
|
|
|
|
|
|
|
/*******/
|
|
/* IE7 */
|
|
/*******/
|
|
|
|
/* html.ie7 ... */
|
|
|
|
|
|
|
|
/*******/
|
|
/* IE8 */
|
|
/*******/
|
|
|
|
/* html.ie8 ... */
|
|
|
|
|
|
|
|
/*************/
|
|
/* IE6 + IE7 */
|
|
/*************/
|
|
|
|
/* html.ie67 ... */
|
|
|
|
|
|
|
|
/*******************/
|
|
/* IE6 + IE7 + IE8 */
|
|
/*******************/
|
|
|
|
/* html.ie678 ... */
|
|
|
|
html.ie678 .line var {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.line {
|
|
position: absolute;
|
|
display: block;
|
|
cursor: default;
|
|
}
|
|
|
|
.line var {
|
|
width: 100%;
|
|
height: 2px;
|
|
margin: -2px 0 0 2px;
|
|
display: block;
|
|
background: #FFFFFF;
|
|
border: 1px solid #181818;
|
|
border-left: none;
|
|
border-right: none;
|
|
-o-transform-origin: 0 0;
|
|
-moz-transform-origin: 0 0;
|
|
-webkit-transform-origin: 0 0;
|
|
-o-box-shadow: 0px 0px 3px black;
|
|
/*-moz-box-shadow: 0px 0px 3px black;*/
|
|
-webkit-box-shadow: 0px 0px 3px black;
|
|
}
|
|
|
|
.line.flipped {
|
|
-o-transform: scaleY(-1);
|
|
-moz-transform: scaleY(-1);
|
|
-webkit-transform: scaleY(-1);
|
|
-ms-filter: "FlipV";
|
|
filter: FlipV;
|
|
}
|
|
|
|
.mapper .line var { background: #C8B94C; }
|
|
.mapper .line-1 var { background: #73B85B; }
|
|
.mapper .line-2 var { background: #D7563C; }
|
|
.mapper .line-3 var { background: #47ACCD; }
|
|
.mapper .line-4 var { background: #C844D0; }
|
|
|
|
.message-box {
|
|
position: absolute;
|
|
z-index: 1000;
|
|
cursor: pointer;
|
|
border:2px solid #666;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
border-radius:5px;
|
|
padding:15px 15px 10px 15px;
|
|
background:url(../images/ui/blk.png) repeat;
|
|
}
|
|
|
|
.message-box .message {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#noscript-bg {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: black;
|
|
opacity: 0.8;
|
|
filter: alpha(opacity=80);
|
|
z-index: 9999;
|
|
}
|
|
|
|
#noscript-text {
|
|
position: absolute;
|
|
text-align: center;
|
|
left: 0;
|
|
width: 100%;
|
|
top: 30%;
|
|
font-size: 18px;
|
|
line-height: 1.5em;
|
|
z-index: 10000;
|
|
padding-top: 70px;
|
|
background: url(../images/logos/header.png) center top no-repeat;
|
|
}
|
|
|
|
#noscript-text b {
|
|
font-size: 22px;
|
|
}
|
|
|
|
/*
|
|
CSS tweaks for Premium users
|
|
*/
|
|
|
|
/*
|
|
body.premium ...
|
|
*/
|
|
|
|
body.premium-logo .home-logo, body.premium-logo .home-logo a {
|
|
background-image: url(../images/logos/special/premium/home.jpg) !important;
|
|
width: 261px !important;
|
|
height: 139px !important;
|
|
margin: 0 auto 20px auto !important;
|
|
}
|
|
|
|
body.premium-logo .header-logo {
|
|
background-image: url(../images/logos/special/premium/header.gif) !important;
|
|
width: 179px !important;
|
|
height: 96px !important;
|
|
top: 5px !important;
|
|
}
|
|
|
|
.linklist .repcount {
|
|
color: #666666;
|
|
display: inline;
|
|
font-size: 11px;
|
|
margin: 0 0.8em 0 0;
|
|
}
|
|
|
|
.linklist .repcount a, .linklist .repcount a:hover {
|
|
color: #0C9722;
|
|
font-size: 11px;
|
|
margin: 0;
|
|
}
|
|
|
|
.linklist a.votecount, .linklist a.votecount:hover {
|
|
background: url(../images/ui/check3.png) no-repeat scroll left center transparent;
|
|
color: #FFFFFF;
|
|
font-size: 11px;
|
|
margin: 0;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.vote-comment .comment-body {
|
|
border-left: 14px solid #111111;
|
|
padding: 10px;
|
|
color: #999999;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.vote-comment {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.vote-comment .votes-left {
|
|
color: #AAAAAA;
|
|
margin-bottom: 5px;
|
|
font-size: 90%;
|
|
}
|
|
|
|
.vote-comment .vote-reason {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
div.screenshotviewer {
|
|
padding: 10px 10px 0 10px;
|
|
background-color: #303030;
|
|
}
|
|
|
|
div.screenshotviewer-screen {
|
|
background-color: black;
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
|
|
div.screenshotviewer-screen a {
|
|
display: block;
|
|
position: absolute;
|
|
z-index: 100;
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
a.screenshotviewer-prev {
|
|
left: 0;
|
|
width: 50%;
|
|
}
|
|
|
|
a.screenshotviewer-next {
|
|
left: 50.5%;
|
|
width: 50%;
|
|
}
|
|
|
|
a.screenshotviewer-cover {
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
div.screenshotviewer-screen a span {
|
|
display: none;
|
|
position: absolute;
|
|
top: 10%;
|
|
padding: 10px;
|
|
background-color: #303030;
|
|
}
|
|
|
|
div.screenshotviewer-screen a:hover span {
|
|
display: inline-block;
|
|
}
|
|
|
|
a.screenshotviewer-prev span {
|
|
left: 0;
|
|
}
|
|
|
|
a.screenshotviewer-next span {
|
|
right: 0;
|
|
}
|
|
|
|
a.screenshotviewer-cover span {
|
|
position: static !important;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
a.screenshotviewer-original {
|
|
float: right;
|
|
display: block;
|
|
padding: 10px 0 10px 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
a.screenshotviewer-close {
|
|
float: right;
|
|
display: block;
|
|
padding: 10px 0 10px 10px;
|
|
}
|
|
|
|
div.screenshotviewer-from {
|
|
padding-top: 10px;
|
|
font-size: 11px;
|
|
color: #cccccc;
|
|
}
|
|
|
|
div.screenshotviewer-from a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.screenshotviewer-caption {
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
padding: 5px 0 10px 0;
|
|
}
|