A;adido Wotlk Futura Implementacion y Varios arreglos en js
This commit is contained in:
adevopg
@@ -0,0 +1,206 @@
|
||||
#layers {
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
font-family: "Arial", sans-serif;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.wowhead-tooltip { visibility: hidden; z-index: 100000006; overflow: visible !important; }
|
||||
.wowhead-tooltip a { text-decoration: none; }
|
||||
.wowhead-tooltip a:hover { text-decoration: underline; }
|
||||
|
||||
.wowhead-tooltip table { border-spacing: 0; border-collapse: collapse; margin: 0; width: auto; } /*maybe remove width:auto*/
|
||||
.wowhead-tooltip table, .wowhead-tooltip td, .wowhead-tooltip th, .wowhead-tooltip tbody { border: 0 !important; }
|
||||
.wowhead-tooltip td table td table { width: 100% }
|
||||
.wowhead-tooltip td, .wowhead-tooltip th { background: url(../images/wow/tooltip.png); font-family: Verdana, sans-serif; font-size: 12px; line-height: 17px; color: white; }
|
||||
|
||||
.wowhead-tooltip th { height: auto; padding: 3px; vertical-align: top; }
|
||||
.wowhead-tooltip td { padding: 8px 4px 1px 9px; text-align: left; vertical-align: top; }
|
||||
.wowhead-tooltip b { font-size: 14px; line-height: 19px; font-weight: normal; }
|
||||
|
||||
.wowhead-tooltip div.indent { padding-left: .6em; }
|
||||
.wowhead-tooltip td th, .wowhead-tooltip td td { background: none; }
|
||||
.wowhead-tooltip td th { padding: 0 0 0 4em; text-align: right; font-weight: normal; }
|
||||
.wowhead-tooltip td td { padding: 0; text-align: left; }
|
||||
|
||||
.wowhead-tooltip p { position: absolute; left: -44px; top: -1px; width: 44px; height: 44px; background: 4px 4px no-repeat; margin: 0; padding: 0; }
|
||||
.wowhead-tooltip p div { width: 44px; height: 44px; background-image: url(../images/Icon/medium/border/default.png); }
|
||||
|
||||
.wowhead-tooltip table.shrink b { font-size: 12px; line-height: 15px; }
|
||||
.wowhead-tooltip table.shrink td, .wowhead-tooltip table.shrink th { font-size: 10px; line-height: 14px; }
|
||||
|
||||
.wowhead-tooltip .mapper { margin: 2px 0 3px 1px; border: none }
|
||||
|
||||
.wowhead-tooltip ins { color: #5DF644; text-decoration: none; border-bottom: 1px dotted; }
|
||||
.wowhead-tooltip del { color: #FF8040; text-decoration: none; border-bottom: 1px dotted; }
|
||||
|
||||
.wowhead-tooltip-powered {
|
||||
/* background: url(../images/powered.png) no-repeat; */
|
||||
width: 53px;
|
||||
height: 33px;
|
||||
position: absolute;
|
||||
right: -56px;
|
||||
top: 2px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wowhead-tooltip-npc-graphic td>div img {
|
||||
display: block;
|
||||
margin: -64px auto 0;
|
||||
}
|
||||
.wowhead-tooltip-npc-graphic td>div {
|
||||
pointer-events: none;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
top: -3px;
|
||||
}
|
||||
|
||||
.moneyitem, .moneygold, .moneysilver, .moneycopper, .moneyalliance, .moneyhorde, .moneyarena, .moneyachievement, .moneysocketmeta, .moneysocketred, .moneysocketyellow, .moneysocketblue, .moneysocketprismatic {
|
||||
background: no-repeat right center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.moneyitem { padding-right: 18px; }
|
||||
.moneygold { padding-right: 15px; background-image: url(../images/icons/money-gold.gif); }
|
||||
.moneysilver { padding-right: 15px; background-image: url(../images/icons/money-silver.gif); }
|
||||
.moneycopper { padding-right: 15px; background-image: url(../images/icons/money-copper.gif); }
|
||||
.moneyalliance { padding-right: 12px; background-image: url(../images/icons/alliance.gif); }
|
||||
.moneyhorde { padding-right: 17px; background-image: url(../images/icons/horde.gif); }
|
||||
.moneyarena { padding-right: 18px; background-image: url(../images/icons/arena.gif); }
|
||||
.moneyachievement { padding-right: 13px; background-image: url(../images/icons/achievement.gif); }
|
||||
.moneysocketmeta { padding-right: 18px; background-image: url(../images/icons/socket-meta.gif); }
|
||||
.moneysocketred { padding-right: 18px; background-image: url(../images/icons/socket-red.gif); }
|
||||
.moneysocketyellow { padding-right: 18px; background-image: url(../images/icons/socket-yellow.gif); }
|
||||
.moneysocketblue { padding-right: 18px; background-image: url(../images/icons/socket-blue.gif); }
|
||||
.moneysocketprismatic { padding-right: 18px; background-image: url(../images/icons/socket-prismatic.gif); }
|
||||
|
||||
a.moneyitem, a.moneysocketmeta, a.moneysocketred, a.moneysocketyellow, a.moneysocketblue, a.moneysocketprismatic, a.moneyachievement{
|
||||
text-decoration: none !important;
|
||||
border-bottom: 1px solid transparent;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
a.moneyitem:hover, a.moneysocketmeta:hover, a.moneysocketred:hover, a.moneysocketyellow:hover, a.moneysocketblue:hover, a.moneysocketprismatic:hover, a.moneyachievement:hover {
|
||||
border-bottom: 1px solid white;
|
||||
}
|
||||
|
||||
a span.moneyitem, a span.moneysocketmeta, a span.moneysocketred, a span.moneysocketyellow, a span.moneysocketblue, a span.moneysocketprismatic, a span.moneyachievement {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.blizzard-blue { color: #00C0FF !important; }
|
||||
|
||||
/***********************/
|
||||
/* ITEM QUALITY COLORS */
|
||||
/***********************/
|
||||
|
||||
.q, .q a, .color-q, .wowhead-tooltip .q a { color: #ffd100 !important } /* Default (yellow) */
|
||||
.q0, .q0 a, .color-q0, .wowhead-tooltip .q0 a { color: #9d9d9d !important } /* Poor */
|
||||
.q1, .q1 a, .color-q1, .wowhead-tooltip .q1 a { color: #ffffff !important } /* Common */
|
||||
.q2, .q2 a, .color-q2, .wowhead-tooltip .q2 a { color: #1eff00 !important } /* Uncommon */
|
||||
.q3, .q3 a, .color-q3, .wowhead-tooltip .q3 a { color: #0070dd !important } /* Rare */
|
||||
.q4, .q4 a, .color-q4, .wowhead-tooltip .q4 a { color: #a335ee !important } /* Epic */
|
||||
.q5, .q5 a, .color-q5, .wowhead-tooltip .q5 a { color: #ff8000 !important } /* Legendary */
|
||||
.q6, .q6 a, .color-q6, .wowhead-tooltip .q6 a { color: #e5cc80 !important } /* Artifact */
|
||||
.q7, .q7 a, .color-q7, .wowhead-tooltip .q7 a { color: #e5cc80 !important } /* Heirloom */
|
||||
.q8, .q8 a, .color-q8, .wowhead-tooltip .q8 a { color: #ffff98 !important } /* Light yellow (item set bonuses) */
|
||||
.q9, .q9 a, .color-q9, .wowhead-tooltip .q9 a { color: #71d5ff !important } /* Light blue (glyph type) */
|
||||
.q10, .q10 a, .color-q10, .wowhead-tooltip .q10 a { color: #ff4040 !important } /* Red (requirement not met, error) */
|
||||
.q13, .q13 a, .color-q13, .wowhead-tooltip .q13 a { color: #ffff98 !important }
|
||||
|
||||
/*********************/
|
||||
/* DIFFICULTY COLORS */
|
||||
/*********************/
|
||||
|
||||
.r1 { color: #FF8040 !important } /* Hard */
|
||||
.r2 { color: #FFFF00 !important } /* Medium */
|
||||
.r3 { color: #40BF40 !important } /* Easy */
|
||||
.r4 { color: #808080 !important } /* Trivial */
|
||||
|
||||
/****************/
|
||||
/* CLASS COLORS */
|
||||
/****************/
|
||||
|
||||
.c1, .c1 a { color: #C69B6D !important } /* Warrior */
|
||||
.c2, .c2 a { color: #F48CBA !important } /* Paladin */
|
||||
.c3, .c3 a { color: #AAD372 !important } /* Hunter */
|
||||
.c4, .c4 a { color: #FFF468 !important } /* Rogue */
|
||||
.c5, .c5 a { color: #FFFFFF !important } /* Priest */
|
||||
.c6, .c6 a { color: #C41E3B !important } /* Death Knight */
|
||||
.c7, .c7 a { color: #2359FF !important } /* Shaman */
|
||||
.c8, .c8 a { color: #68CCEF !important } /* Mage */
|
||||
.c9, .c9 a { color: #9382C9 !important } /* Warlock */
|
||||
.c11, .c11 a { color: #FF7C0A !important } /* Druid */
|
||||
|
||||
/**************/
|
||||
/* GEM COLORS */
|
||||
/**************/
|
||||
|
||||
.gem1 { color: #9D9D9D !important } /* Meta */
|
||||
.gem2 { color: #e60c0b !important } /* Red */
|
||||
.gem4 { color: #ffff35 !important } /* Yellow */
|
||||
.gem6 { color: #f48905 !important } /* Orange */
|
||||
.gem8 { color: #295df1 !important } /* Blue */
|
||||
.gem10 { color: #b957fc !important } /* Purple */
|
||||
.gem12 { color: #22c516 !important } /* Green */
|
||||
.gem14 { color: #FFFFFF !important } /* Prismatic */
|
||||
|
||||
/****************/
|
||||
/* NPC MESSAGES */
|
||||
/****************/
|
||||
|
||||
.s1 { color: #ff3f40 !important } /* Yell */
|
||||
.s2 { color: #fffb9f !important } /* Say */
|
||||
.s3 { color: #ffb2eb !important } /* Whisper */
|
||||
.s4 { color: #ff8040 !important } /* Emote */
|
||||
|
||||
/*****************/
|
||||
/* SOCKETS ICONS */
|
||||
/*****************/
|
||||
|
||||
.socket-meta { padding-left: 26px; background: url(../images/icons/socket-meta.gif) no-repeat left center; }
|
||||
.socket-red { padding-left: 26px; background: url(../images/icons/socket-red.gif) no-repeat left center; }
|
||||
.socket-yellow { padding-left: 26px; background: url(../images/icons/socket-yellow.gif) no-repeat left center; }
|
||||
.socket-blue { padding-left: 26px; background: url(../images/icons/socket-blue.gif) no-repeat left center; }
|
||||
.socket-prismatic { padding-left: 26px; background: url(../images/icons/socket-prismatic.gif) no-repeat left center; }
|
||||
|
||||
/***********/
|
||||
/* WIDGETS */
|
||||
/***********/
|
||||
|
||||
#wowhead-bluetip {
|
||||
position: absolute;
|
||||
z-index: 99999;
|
||||
color: #fff;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
padding: 6px 8px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
text-align: left;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.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;
|
||||
background:url(../images/ui/blk.png) repeat;
|
||||
}
|
||||
|
||||
.message-box .close {
|
||||
text-indent: -9999px;
|
||||
background:url(../images/icons/close.png) no-repeat;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
}
|
||||
@@ -0,0 +1,847 @@
|
||||
.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 */
|
||||
.reply-detach, .reply-delete, .reply-report, .reply-edit {
|
||||
background: url(../images/ui/sprite3.png);
|
||||
text-indent: -10000px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.vote-column .upvote, .vote-column .downvote {
|
||||
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;
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.vote-column .upvote {
|
||||
margin-top: 10px !important;
|
||||
filter:alpha(opacity=60);
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
|
||||
opacity:.2;
|
||||
}
|
||||
|
||||
.vote-column .upvote:hover {
|
||||
filter:alpha(opacity=100);
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
opacity:0.5;
|
||||
}
|
||||
|
||||
.vote-column .upvote[data-hasvoted=true] {
|
||||
background-position: 0 -16px;
|
||||
filter:alpha(opacity=100);
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
opacity:0.5;
|
||||
}
|
||||
|
||||
.vote-column .downvote {
|
||||
background-position: 0 -48px;
|
||||
filter:alpha(opacity=60);
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
|
||||
opacity:.2;
|
||||
}
|
||||
|
||||
.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: 13px;
|
||||
}
|
||||
|
||||
.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: 10px 0 10px 10px !important;
|
||||
font-size: 13px;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
background: #302521;
|
||||
border: 1px solid #302521;
|
||||
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: 10px 0 0 10px;
|
||||
padding: 10px 0;
|
||||
background-color: #1d1d1d;
|
||||
}
|
||||
|
||||
.comment-replies form .ajax-loader {
|
||||
display: block;
|
||||
margin-left: 13px;
|
||||
margin-top: 10px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.comment-replies textarea {
|
||||
width: 100%;
|
||||
background-color: #121212;
|
||||
border: 2px solid #302521;
|
||||
color: #b1997f;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.comment-replies textarea:focus-visible {
|
||||
border-color: #302521;
|
||||
outline: transparent;
|
||||
}
|
||||
|
||||
.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: 2px solid #121212;
|
||||
}
|
||||
|
||||
.comment-reply-row:last-child {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.reply-controls {
|
||||
width: 30px;
|
||||
padding-left: 10px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.reply-text {
|
||||
padding: 6px;
|
||||
overflow:auto;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
.comment .reply-text {
|
||||
overflow: auto;
|
||||
overflow-wrap: break-word;
|
||||
padding: 6px 16px 6px 6px;
|
||||
}
|
||||
|
||||
.reply-rating {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: 3px 0;
|
||||
color: #A8A8A8;
|
||||
}
|
||||
|
||||
.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: 13px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.comment .reply-upvote, .comment .reply-downvote {
|
||||
width: 13px;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
cursor: default;
|
||||
margin: 0 auto;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.comment .reply-upvote[data-canvote=true], .comment .reply-downvote[data-canvote=true] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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.webp) !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: #130c09;
|
||||
}
|
||||
|
||||
div.screenshotviewer-screen {
|
||||
background-color: #000;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.screenshotviewer-screen .screenshotviewer-page-wrapper a {
|
||||
display: block;
|
||||
font-size: 48px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: 100px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
a.screenshotviewer-next {
|
||||
left: 0;
|
||||
padding-right: 1000px;
|
||||
}
|
||||
|
||||
a.screenshotviewer-prev {
|
||||
padding-left: 1000px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
div.screenshotviewer-page-wrapper.screenshotviewer-prev-wrapper {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
div.screenshotviewer-page-wrapper.screenshotviewer-next-wrapper {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
div.screenshotviewer-page-wrapper {
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
a.screenshotviewer-cover {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div.screenshotviewer-screen .screenshotviewer-page-wrapper a .fa:before {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(50% - 20px);
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
div.screenshotviewer-screen .screenshotviewer-page-wrapper a .fa {
|
||||
display: block;
|
||||
}
|
||||
|
||||
div.screenshotviewer-screen .screenshotviewer-page-wrapper a {
|
||||
color: #b1997f;
|
||||
}
|
||||
|
||||
div.screenshotviewer-screen .screenshotviewer-page-wrapper a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
a.modelviewer-close {
|
||||
float: right;
|
||||
display: block;
|
||||
padding: 10px 0 10px 10px;
|
||||
}
|
||||
|
||||
div.screenshotviewer-from {
|
||||
padding-top: 6px;
|
||||
font-size: 13px;
|
||||
color: #cccccc;
|
||||
}
|
||||
|
||||
div.screenshotviewer-from a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div.screenshotviewer-caption {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
padding: 5px 0 6px 0;
|
||||
}
|
||||
@@ -0,0 +1,199 @@
|
||||
.home-wrapper {
|
||||
height: 500px;
|
||||
text-align:center;
|
||||
padding-top: 225px;
|
||||
background-position: top;
|
||||
background-image: linear-gradient(transparent, #0f0f0f 75%), url(../images/logos/home-background.jpg);
|
||||
}
|
||||
|
||||
.home-wrapper h1 {
|
||||
position:absolute;
|
||||
left:-2323px;
|
||||
top:-2323px;
|
||||
}
|
||||
|
||||
.home-logo a:visited,.home-logo a:link {
|
||||
display:block;
|
||||
cursor:default;
|
||||
text-indent:-9000px;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.home-logo {
|
||||
display:block;
|
||||
cursor:default;
|
||||
width: 400px;
|
||||
height: 128px;
|
||||
margin: 0 auto 20px auto;
|
||||
background:url(../images/logos/home.webp) no-repeat;
|
||||
}
|
||||
|
||||
.home-menu {
|
||||
padding-top:10px;
|
||||
}
|
||||
|
||||
.home-search form {
|
||||
display:block;
|
||||
position:relative;
|
||||
width:425px;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.home-search input {
|
||||
width:100%;
|
||||
font: inherit;
|
||||
font-size:20px;
|
||||
color: #fff;
|
||||
padding:3px;
|
||||
margin:0;
|
||||
outline:0;
|
||||
border: 2px solid #302521;
|
||||
-webkit-border-radius:3px;
|
||||
-moz-border-radius:3px;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
.home-search a {
|
||||
display:block;
|
||||
position:absolute;
|
||||
right: -6px;
|
||||
top: 6px;
|
||||
width:24px;
|
||||
height:24px;
|
||||
color: #ffcd55;
|
||||
transition: color .5s;
|
||||
}
|
||||
|
||||
.home-search a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.home-search a .fa-search {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.home-oneliner {
|
||||
margin:0;
|
||||
padding-top:35px;
|
||||
color:#ccc;
|
||||
line-height:1.75em;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.home-featuredbox {
|
||||
font-size:14px;
|
||||
position:relative;
|
||||
text-align:left;
|
||||
width:50%;
|
||||
height:191px;
|
||||
margin:10px auto 10px auto;
|
||||
background:no-repeat;
|
||||
background-color:transparent;
|
||||
}
|
||||
|
||||
.home-featuredbox-extended {
|
||||
width:515px;
|
||||
}
|
||||
|
||||
.home-featuredbox-links a,.home-featuredbox-links var {
|
||||
position:absolute;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.home-featuredbox-links a {
|
||||
z-index:5;
|
||||
}
|
||||
|
||||
.home-featuredbox-links var.active {
|
||||
background-color:white!important;
|
||||
opacity:.075!important;
|
||||
filter:alpha(opacity=7.5)!important;
|
||||
-webkit-border-radius:6px;
|
||||
-moz-border-radius:6px;
|
||||
border-radius:6px;
|
||||
}
|
||||
|
||||
.home-featuredbox-inner {
|
||||
margin:0;
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
.home-featuredbox li {
|
||||
line-height:2em;
|
||||
}
|
||||
|
||||
.toplinks {
|
||||
background:#0f0f0f;
|
||||
padding:5px 2px;
|
||||
position:absolute;
|
||||
line-height:normal;
|
||||
height:auto;
|
||||
overflow:visible;
|
||||
right:0;
|
||||
top:0;
|
||||
}
|
||||
|
||||
body, html {
|
||||
height:100%;
|
||||
}
|
||||
|
||||
.home-tc-p {
|
||||
font-size: 26px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.home-class {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.home-classes-inner {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
.home-class a span {
|
||||
width: 50%;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.home-class img {
|
||||
width: 75px;
|
||||
padding: 2px 6px 4px 6px;
|
||||
filter: brightness(0.7);
|
||||
transition: .3s;
|
||||
}
|
||||
|
||||
.home-class a {
|
||||
filter: brightness(0.7);
|
||||
}
|
||||
|
||||
.home-class img:hover, .home-class a:hover {
|
||||
filter: brightness(1.35);
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.home-footer {
|
||||
width:500px;
|
||||
margin:0 auto;
|
||||
text-align:center;
|
||||
font-size:11px;
|
||||
margin-top:40px;
|
||||
}
|
||||
|
||||
.home-footer ul {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.home-footer li {
|
||||
display:inline;
|
||||
padding:0 6px;
|
||||
border-right:1px solid #333;
|
||||
background:none;
|
||||
}
|
||||
|
||||
.home-footer li:last-child {
|
||||
border:0;
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
/*
|
||||
file reconstructed!
|
||||
width, left, background-position values may need adjustment!
|
||||
*/
|
||||
|
||||
div.modelviewer-model div {
|
||||
margin-right: 5px;
|
||||
float: left;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
a.modelviewer-help span {
|
||||
display: block;
|
||||
width: 50px;
|
||||
height: 22px;
|
||||
background: url(../images/eses/modelviewer-picshures.gif) -100px center no-repeat;
|
||||
}
|
||||
|
||||
a:hover.modelviewer-help span {
|
||||
background-position: -200px center;
|
||||
}
|
||||
|
||||
a.modelviewer-close span {
|
||||
display: block;
|
||||
width: 79px;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
a:hover.modelviewer-close span {
|
||||
background-position: -400px center;
|
||||
}
|
||||
|
||||
a.screenshotviewer-cover span {
|
||||
width: 76px;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
a.screenshotviewer-original span {
|
||||
display: block;
|
||||
height: 22px;
|
||||
font-size: 15px;
|
||||
color: #b1997f;
|
||||
margin: 3px 0 0 10px;
|
||||
}
|
||||
|
||||
a.screenshotviewer-original span:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.screenshotviewer-close span, a.modelviewer-close {
|
||||
display: block;
|
||||
height: 22px;
|
||||
font-size: 15px;
|
||||
color: #b1997f;
|
||||
margin: 3px 0 0 10px;
|
||||
}
|
||||
|
||||
a:hover.screenshotviewer-close span, a.modelviewer-close:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#su_searchbox {
|
||||
left: -68px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
#su_weights {
|
||||
width: 500px !important;
|
||||
}
|
||||
*/
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user