mirror of
https://github.com/Sarjuuk/aowow.git
synced 2025-11-29 15:58:16 +08:00
c865a3a9a4
basic stuff is working with examplary static data
need to sit down and collect mods from talents and class-spells
<bla bla> from profession perks
loadOnDemandData not implemented as the structure needs more research
some visual bugs
remember to generate your realm-file. i used these example realms
[
["us","US & Oceanic",null,[["pure-pwnage","Pure Pwnage",null,[["trinity","Trinity"]]]]],
["eu","Europe",null,[["pure-pwnage","Pure Pwnage",null,[["dafuque","da'Fuqú]]]
]
4009 lines
64 KiB
CSS
4009 lines
64 KiB
CSS
body
|
|
{
|
|
background: black;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: Arial, sans-serif;
|
|
font-size: 13px;
|
|
color: #ccc;
|
|
min-height: 650px;
|
|
height: 90%;
|
|
}
|
|
|
|
form
|
|
{
|
|
padding: 0;
|
|
margin: 0;
|
|
display: inline;
|
|
}
|
|
|
|
img, iframe
|
|
{
|
|
border: 0;
|
|
}
|
|
|
|
.border
|
|
{
|
|
border: 3px solid #404040;
|
|
}
|
|
|
|
a:hover img.border
|
|
{
|
|
border-color: #505050;
|
|
}
|
|
|
|
.caption
|
|
{
|
|
padding-top: 2px;
|
|
font-size: 11px;
|
|
text-align: right;
|
|
}
|
|
|
|
pre.code
|
|
{
|
|
color: #eee;
|
|
margin: 15px;
|
|
margin-top: 2px;
|
|
padding: 10px;
|
|
background-color: #1c1c1c;
|
|
border: 1px dashed #383838;
|
|
line-height: normal;
|
|
font-family: 'Bitstream Vera Sans Mono','Lucida Console','Courier New', Monaco, Courier, monospace;
|
|
overflow: auto;
|
|
}
|
|
|
|
div.quote
|
|
{
|
|
color: #eee;
|
|
margin: 2px 15px 15px;
|
|
padding: 10px;
|
|
background-color: #1c1c1c;
|
|
border: 1px solid #383838;
|
|
line-height: normal;
|
|
}
|
|
|
|
.text div.quote
|
|
{
|
|
display: table;
|
|
}
|
|
|
|
div.quote ol li div, div.quote li div, pre.code ol li div, pre.code li div
|
|
{
|
|
color: #ddd !important;
|
|
}
|
|
|
|
.msg-success
|
|
{
|
|
color: #3c3;
|
|
font-weight: bold;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.msg-failure
|
|
{
|
|
color: #c33;
|
|
font-weight: bold;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.minipad
|
|
{
|
|
padding-bottom: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
background: transparent;
|
|
}
|
|
|
|
.pad
|
|
{
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.pad2
|
|
{
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
.pad3
|
|
{
|
|
padding-bottom: 2em;
|
|
}
|
|
|
|
.clear
|
|
{
|
|
clear: both;
|
|
}
|
|
|
|
a
|
|
{
|
|
color: #FFD100;
|
|
cursor: pointer;
|
|
outline: none;
|
|
}
|
|
|
|
a.selected, a.selected:hover
|
|
{
|
|
cursor: default;
|
|
color: white;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.text
|
|
{
|
|
color: #ccc;
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
.text ul.last, .text ol.last
|
|
{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.text .h1-links
|
|
{
|
|
float: right;
|
|
}
|
|
|
|
.text h1
|
|
{
|
|
color: white;
|
|
font-size: 19px;
|
|
font-weight: normal;
|
|
border-bottom: 1px solid #505050;
|
|
padding: 1px 0 5px;
|
|
margin: 0 0 13px;
|
|
line-height: 1.1em;
|
|
}
|
|
|
|
.text h2
|
|
{
|
|
color: white;
|
|
font-size: 18px;
|
|
font-weight: normal;
|
|
border-bottom: 1px solid #505050;
|
|
padding: 26px 0 3px;
|
|
margin: 0 0 13px;
|
|
line-height: 1.25em;
|
|
clear: both;
|
|
}
|
|
|
|
.text h3, .comment-body h3, .forums-post-body h3
|
|
{
|
|
color: white;
|
|
font-size: 14px;
|
|
padding: 0;
|
|
margin: 1.5em 0 .5em;
|
|
}
|
|
|
|
.text h1.first, .text h2.first, .text h3.first
|
|
{
|
|
padding-top: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.text h1 span.sub, .text h2 span.sub, .text h3 span.sub
|
|
{
|
|
display: block;
|
|
font-weight: normal;
|
|
font-size: 12px;
|
|
color: #909090;
|
|
}
|
|
|
|
.text span.rep-difficulty {
|
|
font-weight: bold;
|
|
text-shadow: 0 0 6px gray;
|
|
filter: dropshadow(color=gray,offx=0,offy=0);
|
|
}
|
|
|
|
h1 a, h2 a, h3 a, h4 a, h5 a, h1 a.icontiny span, h2 a.icontiny span, h3 a.icontiny span, h4 a.icontiny span, h5 a.icontiny span
|
|
{
|
|
text-decoration:none !important;
|
|
}
|
|
|
|
.tip
|
|
{
|
|
border-bottom: 1px dotted #808080;
|
|
cursor: help;
|
|
}
|
|
|
|
#noscript-bg
|
|
{
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: black;
|
|
-moz-opacity: .7;
|
|
opacity: .7;
|
|
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/logo_header.png) center top no-repeat;
|
|
}
|
|
|
|
#noscript-text b
|
|
{
|
|
font-size: 22px;
|
|
}
|
|
|
|
#home
|
|
{
|
|
text-align: center;
|
|
margin-top: 40px;
|
|
padding-top: 140px;
|
|
background: url(../images/logo.png) top center no-repeat;
|
|
}
|
|
|
|
#home input
|
|
{
|
|
margin-right: 2px;
|
|
}
|
|
|
|
#home p
|
|
{
|
|
margin: 0;
|
|
padding: 40px 0;
|
|
color: #ccc;
|
|
line-height: 1.75em;
|
|
font-size: 12px;
|
|
}
|
|
|
|
#layout
|
|
{
|
|
min-width: 998px;
|
|
max-width: 1240px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#layout.fullwidth
|
|
{
|
|
min-width: 0;
|
|
max-width: none;
|
|
margin: 0 10px;
|
|
}
|
|
|
|
#header-logo
|
|
{
|
|
position: absolute;
|
|
left: 0;
|
|
top: 20px;
|
|
background: url(../images/logo_header.png) left center no-repeat;
|
|
}
|
|
|
|
#header-logo a
|
|
{
|
|
display: block;
|
|
width: 160px;
|
|
height: 68px;
|
|
border: 0;
|
|
}
|
|
|
|
/************/
|
|
/* TOP TABS */
|
|
/************/
|
|
|
|
#toptabs
|
|
{
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
background: url(../images/header-lines.gif) right bottom repeat-x;
|
|
}
|
|
|
|
#toptabs dl
|
|
{
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
#toptabs dt
|
|
{
|
|
display: block;
|
|
float: left;
|
|
margin-right: 5px;
|
|
padding: 0;
|
|
}
|
|
|
|
#toptabs dl a
|
|
{
|
|
display: block;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
padding: 0 8px 0 10px;
|
|
font-family: Arial, sans-serif;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
color: #FFCD55;
|
|
cursor: pointer;
|
|
position: relative;
|
|
background: url(../images/header-tabs.gif) left top no-repeat;
|
|
}
|
|
|
|
#toptabs dl a big
|
|
{
|
|
font-size: 16px;
|
|
}
|
|
|
|
#toptabs dl a span
|
|
{
|
|
display: block;
|
|
width: 2px;
|
|
height: 32px;
|
|
top: 0;
|
|
right: -2px;
|
|
position: absolute;
|
|
background: url(../images/header-tabs.gif) right top no-repeat;
|
|
}
|
|
|
|
#toptabs dl ins
|
|
{
|
|
text-decoration: none;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
|
|
#toptabs dl a:hover, #toptabs dl a.open
|
|
{
|
|
background-position: left -32px;
|
|
color: #f6e6b3;
|
|
}
|
|
|
|
#toptabs dl a:hover span, #toptabs dl a.open span
|
|
{
|
|
background-position: right -32px;
|
|
}
|
|
|
|
#toptabs dl a.selected
|
|
{
|
|
top: 1px;
|
|
background-position: left bottom !important;
|
|
color: white !important;
|
|
}
|
|
|
|
#toptabs dl a.selected span
|
|
{
|
|
background-position: right bottom !important;
|
|
}
|
|
|
|
#toptabs dl a.selected ins
|
|
{
|
|
top: 0;
|
|
}
|
|
|
|
#toptabs-inner
|
|
{
|
|
padding-top: 105px;
|
|
}
|
|
|
|
#toptabs-right
|
|
{
|
|
float: right;
|
|
color: #999;
|
|
line-height: 32px;
|
|
height: 32px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
a#toptabs-menu-language
|
|
{
|
|
padding-left: 21px;
|
|
background: url(../images/language.gif) left center no-repeat;
|
|
}
|
|
|
|
/***********/
|
|
/* TOP BAR */
|
|
/***********/
|
|
|
|
.topbar
|
|
{
|
|
background: #383838;
|
|
border: 1px solid #484848;
|
|
height: 30px;
|
|
overflow: hidden;
|
|
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.topbar-search
|
|
{
|
|
right: 14px;
|
|
top: 5px;
|
|
float: right;
|
|
margin-left: 7px;
|
|
position: relative;
|
|
}
|
|
|
|
.topbar-search input
|
|
{
|
|
border: 1px solid #a7a6aa;
|
|
height: 18px;
|
|
padding-left: 2px;
|
|
font-size: 13px;
|
|
font-family: Arial, sans-serif;
|
|
background: white;
|
|
color: black;
|
|
}
|
|
|
|
.topbar-search a
|
|
{
|
|
position: absolute;
|
|
top: 0;
|
|
right: -12px;
|
|
z-index: 1;
|
|
width: 22px;
|
|
height: 22px;
|
|
background: url(../images/search.gif) left top no-repeat;
|
|
display: block;
|
|
}
|
|
|
|
.topbar-search a:hover
|
|
{
|
|
background-position: left bottom;
|
|
}
|
|
|
|
.topbar-browse {
|
|
float: right;
|
|
padding-right: 15px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.topbar-buttons {
|
|
line-height: 30px;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
#morelink
|
|
{
|
|
padding: 3px 0 3px 8px;
|
|
}
|
|
|
|
#sidebar-contents
|
|
{
|
|
position: absolute;
|
|
right: 0;
|
|
top: 96px;
|
|
}
|
|
|
|
#sidebar-ad
|
|
{
|
|
width: 160px;
|
|
height: 600px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
#infobox-ad
|
|
{
|
|
float: right;
|
|
width: 300px;
|
|
height: 250px;
|
|
background-color: #141414;
|
|
border: 3px solid #404040;
|
|
margin: 0 0 10px 10px;
|
|
}
|
|
|
|
#contribute-ad
|
|
{
|
|
float: right;
|
|
width: 300px;
|
|
height: 250px;
|
|
border: 3px solid #404040;
|
|
background-color: #141414;
|
|
}
|
|
|
|
#wrapper
|
|
{
|
|
margin-right: 170px;
|
|
}
|
|
|
|
#main
|
|
{
|
|
border: 1px solid #282828;
|
|
background: #141414;
|
|
min-height: 520px;
|
|
/*padding: 18px 0px 0px 0px;*/
|
|
}
|
|
|
|
#main-precontents
|
|
{
|
|
background: #141414;
|
|
padding: 10px;
|
|
border-left: 1px solid #101010;
|
|
border-right: 1px solid #101010;
|
|
}
|
|
|
|
#main-contents.main-contents
|
|
{
|
|
border: 1px solid #404040;
|
|
background-color: #242424;
|
|
border-radius: 2px;
|
|
padding: 10px;
|
|
min-height: 550px;
|
|
}
|
|
|
|
/**************/
|
|
/* BREADCRUMB */
|
|
/**************/
|
|
|
|
.breadcrumb {
|
|
cursor: default;
|
|
font-size: 15px;
|
|
padding: 5px 0 5px 20px;
|
|
background: url(../images/favicon.gif) left center no-repeat;
|
|
}
|
|
|
|
span.breadcrumb-arrow {
|
|
padding-right: 17px;
|
|
background: url(../images/arrow-right.gif) right center no-repeat;
|
|
}
|
|
|
|
span.breadcrumb-ellipsis {
|
|
padding-right: 16px; /* Makes it easier to mouseover */
|
|
}
|
|
|
|
#wrapper.nosidebar
|
|
{
|
|
margin: 0 8px 0 0 !important;
|
|
}
|
|
|
|
.path-right
|
|
{
|
|
float: right;
|
|
font-size: 14px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.path
|
|
{
|
|
cursor: default;
|
|
font-size: 15px;
|
|
/*padding: 0 0 10px 20px; */
|
|
padding-left: 20px;
|
|
background: url(../images/favicon.gif) left 1px no-repeat;
|
|
}
|
|
|
|
#footer
|
|
{
|
|
font-size: 12px;
|
|
color: #666;
|
|
text-align: center;
|
|
padding-top: 32px;
|
|
margin-bottom: 3em;
|
|
}
|
|
|
|
#beyondfooter
|
|
{
|
|
background-color: #141414;
|
|
border-top: 3px solid #282828;
|
|
border-bottom: 3px solid #282828;
|
|
padding: 10px 10px 15px;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
#beyondfooter h3
|
|
{
|
|
margin: 0 0 3px;
|
|
}
|
|
|
|
.toplinks
|
|
{
|
|
color: #bbb;
|
|
padding-top: 3px;
|
|
position: absolute;
|
|
height: 20px;
|
|
top: 2px;
|
|
right: 2px;
|
|
}
|
|
|
|
/*************/
|
|
/* INDICATOR */
|
|
/*************/
|
|
|
|
.indicator {
|
|
float: left;
|
|
display: block;
|
|
background-color: #141414;
|
|
border: 1px solid #101010;
|
|
padding: 6px 10px;
|
|
margin: 0 5px 10px 0;
|
|
white-space: nowrap;
|
|
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.indicator-x {
|
|
font-size: 11px;
|
|
padding: 10px;
|
|
margin-right: -10px;
|
|
}
|
|
|
|
.listview-band-top .indicator { /* Makes it less contrasty */
|
|
background-color: #181818;
|
|
border-color: #141414;
|
|
}
|
|
|
|
.indicator-mode {
|
|
display: block;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.indicator-mode a {
|
|
color: #CCCCCC;
|
|
}
|
|
|
|
.indicator-mode a span {
|
|
text-decoration: underline;
|
|
color: #FFD100;
|
|
}
|
|
|
|
.indicator-mode a.selected span {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.indicator:hover .indicator-mode a span,
|
|
.indicator-mode a.selected,
|
|
.indicator-mode a.selected span {
|
|
color: white;
|
|
}
|
|
|
|
.indicator-mode b { /* Placeholder text */
|
|
display: block;
|
|
visibility: hidden;
|
|
height: 0;
|
|
overflow: hidden;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/************/
|
|
/* INFO BOX */
|
|
/************/
|
|
|
|
.infobox
|
|
{
|
|
float: right;
|
|
margin: 0 0 10px 10px;
|
|
background-color: #141414;
|
|
border: 1px solid #404040;
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
border-radius: 6px;
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
.infobox-spacer
|
|
{
|
|
width: 174px;
|
|
height: 1px;
|
|
background-color: #141414;
|
|
}
|
|
|
|
.infobox th
|
|
{
|
|
color: white;
|
|
padding: 12px 12px 10px 12px;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.infobox th small
|
|
{
|
|
font-weight: normal;
|
|
}
|
|
|
|
.infobox th a
|
|
{
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
|
|
.infobox th a:hover
|
|
{
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.infobox td
|
|
{
|
|
padding: 0 12px 12px;
|
|
font-size: 13px;
|
|
line-height: 1.75em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.infobox ul
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.infobox li
|
|
{
|
|
list-style:none;
|
|
background: url(../images/ui/redbullet.png) no-repeat left 10px;
|
|
padding-left:10px;
|
|
}
|
|
|
|
.infobox li div
|
|
{
|
|
color: white;
|
|
}
|
|
|
|
#infobox-sticky-ss img, #infobox-sticky-vi img
|
|
{
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
#infobox-sticky-ss, #infobox-sticky-vi
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
.series
|
|
{
|
|
border-collapse: collapse;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.series th
|
|
{
|
|
padding: .2em 10px 0 0;
|
|
font-weight: normal;
|
|
text-align: right;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.series td
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
.minibox
|
|
{
|
|
float: right;
|
|
margin: 0 0 4px 10px;
|
|
background-color: #141414;
|
|
border: 1px solid #404040;
|
|
padding: 8px;
|
|
font-size: 11px;
|
|
text-align: center;
|
|
}
|
|
|
|
.minibox-left
|
|
{
|
|
float: left;
|
|
margin-left: 0;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.minibox h3
|
|
{
|
|
margin: 0 0 5px;
|
|
}
|
|
|
|
|
|
/********/
|
|
/* MENU */
|
|
/********/
|
|
|
|
.menu {
|
|
position: absolute;
|
|
z-index: 100000002;
|
|
}
|
|
|
|
.menu .menu-outer {
|
|
float: left;
|
|
border: 1px solid #181818;
|
|
|
|
-webkit-box-shadow: 1px 1px 5px black;
|
|
-moz-box-shadow: 1px 1px 5px black;
|
|
box-shadow: 1px 1px 5px black;
|
|
}
|
|
|
|
.menu .menu-inner {
|
|
border: 2px solid #484848;
|
|
border-top: 1px solid #484848;
|
|
}
|
|
|
|
.menu a {
|
|
display: block;
|
|
padding: 4px 4px 4px 24px;
|
|
text-decoration: none;
|
|
border-top: 1px solid #484848;
|
|
border-bottom: 1px solid #101010;
|
|
white-space: nowrap;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.menu a span {
|
|
display: block;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.menu a span.hassubmenu {
|
|
background: url(../images/Menu/arrow-right.gif) right center no-repeat;
|
|
}
|
|
|
|
.menu a, .menu a span { /* Setting the background color on both the <a> and the <span> so the hover effect works in IE7 */
|
|
background-color: #282828;
|
|
}
|
|
|
|
.menu a.open, .menu a:hover, .menu a.open span, .menu a:hover span {
|
|
background-color: #383838;
|
|
}
|
|
|
|
.menu a.open, .menu a:hover {
|
|
border-bottom: 1px solid #202020;
|
|
}
|
|
|
|
.menu a.separator {
|
|
color: white;
|
|
font-weight: bold;
|
|
padding: 4px 8px;
|
|
background-color: #181818;
|
|
}
|
|
|
|
.menu a.separator:hover {
|
|
text-decoration: underline;
|
|
background-color: #181818;
|
|
border-bottom: 1px solid #101010;
|
|
}
|
|
|
|
.menu a.unlinked {
|
|
text-decoration: none !important;
|
|
cursor: default;
|
|
}
|
|
|
|
.menu a.checked {
|
|
background-image: url(../images/Menu/check.gif);
|
|
background-position: 9px center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.menu a.icon, .menu a.tinyicon {
|
|
background-position: 4px center;
|
|
background-repeat: no-repeat;
|
|
padding-left: 24px;
|
|
}
|
|
|
|
.menu a.socket-meta, .menu a.socket-red, .menu a.socket-yellow, .menu a.socket-blue, .menu a.socket-prismatic, .menu a.socket-hydraulic, .menu a.socket-cogwheel {
|
|
background-position: 5px center;
|
|
}
|
|
|
|
.menu a.icon-star-right span
|
|
{
|
|
padding-right: 21px;
|
|
background: url(../images/icons/star.png) no-repeat right center;
|
|
}
|
|
|
|
/****************/
|
|
/* MENU BUTTONS */
|
|
/****************/
|
|
|
|
.menu-buttons {
|
|
padding: 4px 0 0 5px;
|
|
}
|
|
|
|
span.menu-buttons a {
|
|
text-decoration: none;
|
|
color: white;
|
|
padding: 4px 11px;
|
|
font-size: 13px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
span.menu-buttons a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
span.menu-buttons a.open {
|
|
background-color: #484848;
|
|
padding: 3px 10px;
|
|
border: 1px solid #282828;
|
|
}
|
|
|
|
span.menu-buttons a.unlinked {
|
|
text-decoration: none !important;
|
|
cursor: default;
|
|
}
|
|
|
|
span.menu-buttons span.hassubmenu {
|
|
padding-right: 13px;
|
|
background: url(../images/Menu/arrow-down.gif) right center no-repeat;
|
|
}
|
|
|
|
/* start note: remove with breadcrumbs */
|
|
.menuarrow
|
|
{
|
|
padding-right: 16px;
|
|
background: url(../images/Menu/arrow-right.gif) right center no-repeat;
|
|
}
|
|
|
|
.menuarrowd
|
|
{
|
|
padding-right: 11px;
|
|
background: url(../images/Menu/arrow-down.gif) right center no-repeat;
|
|
}
|
|
/* end note */
|
|
|
|
.tabs li
|
|
{
|
|
float: left;
|
|
margin-right: 3px;
|
|
height: 30px;
|
|
}
|
|
|
|
.tabs a
|
|
{
|
|
float: left;
|
|
position: relative;
|
|
display: block;
|
|
height: 29px;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
background: #303030 url(../images/tab_tr.gif) no-repeat top right;
|
|
border-bottom: 1px solid #282828;
|
|
}
|
|
|
|
.tabs b
|
|
{
|
|
padding: 0 5px;
|
|
display: block;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.tabs div
|
|
{
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
background: url(../images/tab_tl.gif) top left no-repeat;
|
|
}
|
|
|
|
.tabs-container
|
|
{
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tabs-levels
|
|
{
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.tabs-level
|
|
{
|
|
position: relative;
|
|
width: 100%;
|
|
height: 30px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tabs-level ul
|
|
{
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
|
|
.tabbed-contents
|
|
{
|
|
border: 1px solid #404040;
|
|
border-top-width: 3px;
|
|
background-color: #141414;
|
|
padding: 8px;
|
|
clear: both;
|
|
}
|
|
|
|
.old-tabs li
|
|
{
|
|
display: block;
|
|
float: left;
|
|
position: relative;
|
|
padding: 0;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.old-tabs a
|
|
{
|
|
display: block;
|
|
float: left;
|
|
height: 29px;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
background: #303030 url(../images/tab_tr.gif) no-repeat top right;
|
|
border-bottom: 1px solid #282828;
|
|
line-height: 29px;
|
|
vertical-align: middle;
|
|
padding: 0 9px 0 8px;
|
|
}
|
|
|
|
.old-tabs div
|
|
{
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 2px;
|
|
height: 2px;
|
|
background: url(../images/tab_tl.gif) no-repeat;
|
|
}
|
|
|
|
.iconlist ul li
|
|
{
|
|
list-style-position: inside;
|
|
list-style-type: square;
|
|
padding-left: 13px;
|
|
}
|
|
|
|
.iconlist td
|
|
{
|
|
padding: 4px 0 6px;
|
|
/* color: white; */
|
|
}
|
|
|
|
.iconlist var
|
|
{
|
|
font-size: 1px;
|
|
}
|
|
|
|
.iconlist .iconsmall
|
|
{
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.icontab th, .icontab td
|
|
{
|
|
border: 0 !important;
|
|
}
|
|
|
|
.icontab td
|
|
{
|
|
padding: 0;
|
|
width: 10em;
|
|
font-size: 12px;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.icontab th
|
|
{
|
|
padding: 0 3px 0 0;
|
|
}
|
|
|
|
.random-enchantments
|
|
{
|
|
float: left;
|
|
width: 47%;
|
|
}
|
|
|
|
/****************/
|
|
/* INLINE ICONS */
|
|
/****************/
|
|
|
|
.icontiny { background: left center no-repeat; }
|
|
.icontinyr { padding-right: 18px; background: right center no-repeat; }
|
|
.icontinyl { padding-left: 18px; background: left center no-repeat; }
|
|
a.icontiny { text-decoration: none; }
|
|
/* a.icontiny span span { text-decoration:underline; } */
|
|
span.icontiny, a.tinyspecial { padding-left:18px !important; background:left center no-repeat; }
|
|
|
|
span.icontiny
|
|
{
|
|
background: 0% 50% no-repeat transparent;
|
|
padding-left: 18px !important;
|
|
}
|
|
|
|
.iconsmall, .iconmedium, .iconlarge
|
|
{
|
|
position: relative;
|
|
z-index: 0;
|
|
}
|
|
|
|
.iconlarge
|
|
{
|
|
width: 68px;
|
|
height: 68px;
|
|
}
|
|
|
|
.iconsmall ins, .iconmedium ins, .iconlarge ins
|
|
{
|
|
display: block;
|
|
position: absolute;
|
|
z-index: 5;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.iconsmall ins
|
|
{
|
|
width: 18px;
|
|
height: 18px;
|
|
left: 4px;
|
|
top: 4px;
|
|
}
|
|
|
|
.iconmedium ins
|
|
{
|
|
width: 36px;
|
|
height: 36px;
|
|
left: 4px;
|
|
top: 4px;
|
|
}
|
|
|
|
.iconlarge ins
|
|
{
|
|
width: 56px;
|
|
height: 56px;
|
|
left: 6px;
|
|
top: 6px;
|
|
}
|
|
|
|
.iconsmall var, .iconmedium var
|
|
{
|
|
display: block;
|
|
position: absolute;
|
|
z-index: 15;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.iconsmall-socket-meta var
|
|
{
|
|
background-image: url(../../images/sockets/small/anim-meta.gif);
|
|
}
|
|
|
|
.iconsmall-socket-yellow var
|
|
{
|
|
background-image: url(../../images/sockets/small/anim-yellow.gif);
|
|
}
|
|
|
|
.iconsmall-socket-red var
|
|
{
|
|
background-image: url(../../images/sockets/small/anim-red.gif);
|
|
}
|
|
|
|
.iconsmall-socket-blue var
|
|
{
|
|
background-image: url(../../images/sockets/small/anim-blue.gif);
|
|
}
|
|
|
|
.iconsmall-socket-prismatic var
|
|
{
|
|
background-image: url(../../images/sockets/small/anim-prismatic.gif);
|
|
}
|
|
|
|
.iconmedium-socket-meta var
|
|
{
|
|
background-image: url(../../images/sockets/medium/anim-meta.gif);
|
|
}
|
|
|
|
.iconmedium-socket-yellow var
|
|
{
|
|
background-image: url(../../images/sockets/medium/anim-yellow.gif);
|
|
}
|
|
|
|
.iconmedium-socket-red var
|
|
{
|
|
background-image: url(../../images/sockets/medium/anim-red.gif);
|
|
}
|
|
|
|
.iconmedium-socket-blue var
|
|
{
|
|
background-image: url(../../images/sockets/medium/anim-blue.gif);
|
|
}
|
|
|
|
.iconmedium-socket-prismatic var
|
|
{
|
|
background-image: url(../../images/sockets/medium/anim-prismatic.gif);
|
|
}
|
|
|
|
.iconsmall del, .iconmedium del, .iconlarge del
|
|
{
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 10;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.iconsmall del
|
|
{
|
|
width: 26px;
|
|
height: 26px;
|
|
background-image: url(../../images/icons/border_small.png);
|
|
}
|
|
|
|
.iconlarge del
|
|
{
|
|
width: 68px;
|
|
height: 68px;
|
|
background-image: url(../../images/icons/border_large.png);
|
|
}
|
|
|
|
a.star-icon-right span
|
|
{
|
|
background: url(../images/star.png) no-repeat right center;
|
|
padding-right: 21px !important;
|
|
}
|
|
|
|
.star-icon
|
|
{
|
|
background: url(../images/star.png) no-repeat left center;
|
|
padding-left: 21px !important;
|
|
}
|
|
|
|
.star-icon-right
|
|
{
|
|
background: url(../images/star.png) no-repeat right center;
|
|
padding-right: 21px !important;
|
|
}
|
|
|
|
.report-icon
|
|
{
|
|
padding-left: 16px !important;
|
|
background: url(../images/report.gif) 3px center no-repeat;
|
|
}
|
|
|
|
.book-icon
|
|
{
|
|
padding-left: 22px !important;
|
|
background: url(../images/book.gif) no-repeat left center;
|
|
}
|
|
|
|
.rss-icon
|
|
{
|
|
padding-left: 18px !important;
|
|
background: url(../images/rss.gif) no-repeat left center;
|
|
}
|
|
|
|
.ajax-icon
|
|
{
|
|
background: url(../images/ajax.gif) no-repeat left center;
|
|
padding-left: 18px !important;
|
|
}
|
|
|
|
.autosave-icon
|
|
{
|
|
background: url(../images/refresh.gif) no-repeat left center;
|
|
padding-left: 19px !important;
|
|
}
|
|
|
|
.clear-icon
|
|
{
|
|
background: url(../images/delete.gif) no-repeat left center;
|
|
padding-left: 19px !important;
|
|
}
|
|
|
|
.additem-icon
|
|
{
|
|
background: url(../images/add.gif) no-repeat left center;
|
|
padding-left: 19px !important;
|
|
}
|
|
|
|
.help-icon
|
|
{
|
|
background: url(../images/help.gif) no-repeat left center;
|
|
padding-left: 19px !important;
|
|
}
|
|
|
|
.link-icon
|
|
{
|
|
background: url(../images/link.gif) no-repeat left center;
|
|
padding-left: 19px !important;
|
|
}
|
|
|
|
.lock-icon
|
|
{
|
|
background: url(../images/locked.gif) no-repeat left center;
|
|
padding-left: 21px !important;
|
|
}
|
|
|
|
.poll-icon
|
|
{
|
|
background: url(../images/poll.png) no-repeat 1px center;
|
|
padding-left: 21px !important;
|
|
}
|
|
|
|
.print-icon
|
|
{
|
|
background: url(../images/print.gif) left center no-repeat;
|
|
padding-left: 21px !important;
|
|
}
|
|
|
|
.refresh-icon
|
|
{
|
|
background: url(../images/refresh.gif) no-repeat left center;
|
|
padding-left: 21px !important;
|
|
}
|
|
|
|
.return-icon
|
|
{
|
|
background: url(../images/return.gif) no-repeat left center;
|
|
padding-left: 21px !important;
|
|
}
|
|
|
|
.save-icon
|
|
{
|
|
background: url(../images/save.gif) no-repeat left center;
|
|
padding-left: 21px !important;
|
|
}
|
|
|
|
.sticky-icon
|
|
{
|
|
background: url(../images/sticky.gif) no-repeat left center;
|
|
padding-left: 21px !important;
|
|
}
|
|
|
|
.twitter-icon
|
|
{
|
|
background: url(../images/twitter.gif) left center no-repeat;
|
|
padding-left: 20px !important;
|
|
}
|
|
|
|
.unlock-icon
|
|
{
|
|
background: url(../images/unlocked.gif) no-repeat left center;
|
|
padding-left: 21px !important;
|
|
}
|
|
|
|
.wowhead-icon
|
|
{
|
|
background: url(../images/favicon.gif) left center no-repeat;
|
|
padding-left: 19px !important;
|
|
}
|
|
|
|
.male-icon
|
|
{
|
|
background: url(../images/male.png) left center no-repeat;
|
|
padding-left: 19px !important;
|
|
}
|
|
|
|
.female-icon
|
|
{
|
|
background: url(../images/female.png) left center no-repeat;
|
|
padding-left: 19px !important;
|
|
}
|
|
|
|
.us-icon-right
|
|
{
|
|
background: url(../images/us.gif) right center no-repeat;
|
|
padding-right: 20px !important;
|
|
}
|
|
|
|
.eu-icon-right
|
|
{
|
|
background: url(../images/eu.gif) right center no-repeat;
|
|
padding-right: 20px !important;
|
|
}
|
|
|
|
.boss-icon
|
|
{
|
|
background: url(../../images/icons/boss.gif) left center no-repeat;
|
|
padding-left: 15px !important;
|
|
}
|
|
|
|
.boss-icon-padded
|
|
{
|
|
background: url(../../images/icons/boss.gif) 6px center no-repeat;
|
|
padding-left: 23px !important;
|
|
}
|
|
|
|
.heroic-icon
|
|
{
|
|
background: url(../../images/icons/heroic.gif) left center no-repeat;
|
|
padding-left: 19px !important;
|
|
}
|
|
|
|
.bc-icon
|
|
{
|
|
background: url(../../images/icons/bc_icon.gif) right center no-repeat;
|
|
padding-right: 34px !important;
|
|
}
|
|
|
|
.bc-icon-right
|
|
{
|
|
background: url(../../images/icons/bc_icon.gif) right center no-repeat;
|
|
padding-right: 34px !important;
|
|
}
|
|
|
|
.wotlk-icon
|
|
{
|
|
background: url(../../images/icons/wotlk_icon.gif) right center no-repeat;
|
|
padding-right: 41px !important;
|
|
}
|
|
|
|
.wotlk-icon-right
|
|
{
|
|
background: url(../../images/icons/wotlk_icon.gif) right center no-repeat;
|
|
padding-right: 41px !important;
|
|
}
|
|
|
|
.alliance-icon
|
|
{
|
|
background: url(../../images/icons/alliance-icon.gif) left center no-repeat;
|
|
padding-left: 12px !important;
|
|
}
|
|
|
|
.alliance-icon-padded
|
|
{
|
|
background: url(../../images/icons/alliance-icon.gif) 4px center no-repeat;
|
|
padding-left: 20px !important;
|
|
}
|
|
|
|
.horde-icon
|
|
{
|
|
background: url(../../images/icons/horde-icon.gif) left center no-repeat;
|
|
padding-left: 18px !important;
|
|
}
|
|
|
|
.horde-icon-padded
|
|
{
|
|
background: url(../../images/icons/horde-icon.gif) 1px center no-repeat;
|
|
padding-left: 20px !important;
|
|
}
|
|
|
|
.icon-instance1, .icon-instance2, .icon-instance3, .icon-instance4, .icon-instance5, .icon-instance7, .icon-instance8 {
|
|
padding-left: 19px;
|
|
background: url(../../images/icons/instance-icons.gif) no-repeat;
|
|
}
|
|
|
|
.icon-instance1 { /* Transit (white) */
|
|
background-position: left center;
|
|
}
|
|
|
|
.icon-instance2 { /* Dungeon (blue) */
|
|
background-position: -152px center;
|
|
}
|
|
|
|
.icon-instance3, .icon-instance7, .icon-instance8 { /* Raid (green) */
|
|
background-position: -357px center;
|
|
}
|
|
|
|
.icon-instance4 { /* Battleground (red) */
|
|
background-position: -564px center;
|
|
}
|
|
|
|
.icon-instance5 { /* Heroic dungeon (purple) */
|
|
background-position: -734px center;
|
|
}
|
|
|
|
.ffapvp-icon
|
|
{
|
|
background: url(../../images/icons/money_ffa.gif) left center no-repeat;
|
|
padding-left: 13px !important;
|
|
}
|
|
|
|
.bubble-icon
|
|
{
|
|
background: url(../images/bubble.gif) left center no-repeat;
|
|
padding-left: 22px;
|
|
}
|
|
|
|
.bubble-icon-right
|
|
{
|
|
background: url(../images/bubble.gif) right center no-repeat;
|
|
padding-right: 22px;
|
|
}
|
|
|
|
.instance-icon1, .instance-icon2, .instance-icon3, .instance-icon4, .instance-icon5, .instance-icon7
|
|
{
|
|
background: url(../../images/icons/instance-icons.gif) no-repeat;
|
|
padding-left: 19px !important;
|
|
}
|
|
|
|
.instance-icon1
|
|
{
|
|
background-position: left center;
|
|
}
|
|
|
|
.instance-icon2
|
|
{
|
|
background-position: -152px center;
|
|
}
|
|
|
|
.instance-icon3, .instance-icon7
|
|
{
|
|
background-position: -357px center;
|
|
}
|
|
|
|
.instance-icon4
|
|
{
|
|
background-position: -564px center;
|
|
}
|
|
|
|
.instance-icon5
|
|
{
|
|
background-position: -734px center;
|
|
}
|
|
|
|
.iconsmall-socket-meta-empty ins, .iconsmall-socket-yellow-empty ins, .iconsmall-socket-red-empty ins, .iconsmall-socket-blue-empty ins, .iconsmall-socket-prismatic-empty ins
|
|
{
|
|
background-image: url(../../images/sockets/small/background.jpg);
|
|
}
|
|
|
|
.iconsmall-socket-red-empty ins
|
|
{
|
|
background-position: -18px 0;
|
|
}
|
|
|
|
.iconsmall-socket-blue-empty ins
|
|
{
|
|
background-position: -54px 0;
|
|
}
|
|
|
|
.iconmedium-socket-meta-empty ins, .iconmedium-socket-yellow-empty ins, .iconmedium-socket-red-empty ins, .iconmedium-socket-blue-empty ins, .iconmedium-socket-prismatic-empty ins
|
|
{
|
|
background-image: url(../../images/sockets/medium/background.jpg);
|
|
}
|
|
|
|
.iconmedium-socket-blue-empty ins
|
|
{
|
|
background-position: -108px 0;
|
|
}
|
|
|
|
.iconmedium-socket-prismatic-empty ins
|
|
{
|
|
background-position: -144px 0;
|
|
}
|
|
|
|
.iconsmall-socket-meta del
|
|
{
|
|
background-image: url(../../images/sockets/small/meta1.png);
|
|
}
|
|
|
|
.iconsmall-socket-meta-empty del
|
|
{
|
|
background-image: url(../../images/sockets/small/meta0.png);
|
|
}
|
|
|
|
.iconsmall-socket-red del
|
|
{
|
|
background-image: url(../../images/sockets/small/red1.png);
|
|
}
|
|
|
|
.iconsmall-socket-red-empty del
|
|
{
|
|
background-image: url(../../images/sockets/small/red0.png);
|
|
}
|
|
|
|
.iconsmall-socket-yellow del
|
|
{
|
|
background-image: url(../../images/sockets/small/yellow1.png);
|
|
}
|
|
|
|
.iconsmall-socket-yellow-empty del
|
|
{
|
|
background-image: url(../../images/sockets/small/yellow0.png);
|
|
}
|
|
|
|
.iconsmall-socket-blue del
|
|
{
|
|
background-image: url(../../images/sockets/small/blue1.png);
|
|
}
|
|
|
|
.iconsmall-socket-blue-empty del
|
|
{
|
|
background-image: url(../../images/sockets/small/blue0.png);
|
|
}
|
|
|
|
.iconsmall-socket-prismatic del
|
|
{
|
|
background-image: url(../../images/sockets/small/prismatic1.png);
|
|
}
|
|
|
|
.iconsmall-socket-prismatic-empty del
|
|
{
|
|
background-image: url(../../images/sockets/small/prismatic0.png);
|
|
}
|
|
|
|
.iconmedium-socket-meta del
|
|
{
|
|
background-image: url(../../images/sockets/medium/meta1.png);
|
|
}
|
|
|
|
.iconmedium-socket-meta-empty del
|
|
{
|
|
background-image: url(../../images/sockets/medium/meta0.png);
|
|
}
|
|
|
|
.iconmedium-socket-red del
|
|
{
|
|
background-image: url(../../images/sockets/medium/red1.png);
|
|
}
|
|
|
|
.iconmedium-socket-red-empty del
|
|
{
|
|
background-image: url(../../images/sockets/medium/red0.png);
|
|
}
|
|
|
|
.iconmedium-socket-yellow del
|
|
{
|
|
background-image: url(../../images/sockets/medium/yellow1.png);
|
|
}
|
|
|
|
.iconmedium-socket-yellow-empty del
|
|
{
|
|
background-image: url(../../images/sockets/medium/yellow0.png);
|
|
}
|
|
|
|
.iconmedium-socket-blue del
|
|
{
|
|
background-image: url(../../images/sockets/medium/blue1.png);
|
|
}
|
|
|
|
.iconmedium-socket-blue-empty del
|
|
{
|
|
background-image: url(../../images/sockets/medium/blue0.png);
|
|
}
|
|
|
|
.iconmedium-socket-prismatic del
|
|
{
|
|
background-image: url(../../images/sockets/medium/prismatic1.png);
|
|
}
|
|
|
|
.iconmedium-socket-prismatic-empty del
|
|
{
|
|
background-image: url(../../images/sockets/medium/prismatic0.png);
|
|
}
|
|
|
|
.iconsmall a, .iconmedium a, .iconlarge a
|
|
{
|
|
display: block;
|
|
position: absolute;
|
|
left: 3px;
|
|
top: 3px;
|
|
z-index: 20;
|
|
}
|
|
|
|
.iconsmall a
|
|
{
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url(../../images/icons/hilite_small.png) no-repeat 20px 0;
|
|
}
|
|
|
|
.iconmedium a
|
|
{
|
|
width: 38px;
|
|
height: 38px;
|
|
background: url(../../images/icons/hilite_medium_new.png) no-repeat 38px 0;
|
|
}
|
|
|
|
.iconlarge a
|
|
{
|
|
width: 62px;
|
|
height: 62px;
|
|
background: url(../../images/icons/hilite_large.png) no-repeat 62px 0;
|
|
}
|
|
|
|
.iconsmall-socket-meta a, .iconsmall-socket-red a, .iconsmall-socket-yellow a, .iconsmall-socket-blue a, .iconsmall-socket-prismatic a
|
|
{
|
|
background-image: url(../../images/sockets/small/hilite_socket1.png);
|
|
}
|
|
|
|
.iconsmall-socket-meta-empty a, .iconsmall-socket-red-empty a, .iconsmall-socket-yellow-empty a, .iconsmall-socket-blue-empty a, .iconsmall-socket-prismatic-empty a
|
|
{
|
|
background-image: url(../../images/sockets/small/hilite_socket0.png);
|
|
}
|
|
|
|
.iconmedium-socket-meta a, .iconmedium-socket-red a, .iconmedium-socket-yellow a, .iconmedium-socket-blue a, .iconmedium-socket-prismatic a
|
|
{
|
|
background-image: url(../../images/sockets/medium/hilite_socket1.png);
|
|
}
|
|
|
|
.iconmedium-socket-meta-empty a, .iconmedium-socket-red-empty a, .iconmedium-socket-yellow-empty a, .iconmedium-socket-blue-empty a, .iconmedium-socket-prismatic-empty a
|
|
{
|
|
background-image: url(../../images/sockets/medium/hilite_socket0.png);
|
|
}
|
|
|
|
.iconsmall .glow, .iconmedium .glow, .iconlarge .glow
|
|
{
|
|
z-index: 15;
|
|
font-weight: bold;
|
|
cursor: default;
|
|
line-height: normal;
|
|
}
|
|
|
|
.iconsmall .glow
|
|
{
|
|
font-size: 11px;
|
|
margin: 2px 5px 2px 4px;
|
|
}
|
|
|
|
.iconmedium .glow
|
|
{
|
|
font-size: 13px;
|
|
margin: 4px 6px;
|
|
}
|
|
|
|
.iconlarge .glow
|
|
{
|
|
font-size: 18px;
|
|
margin: 4px 6px;
|
|
}
|
|
|
|
.tooltip
|
|
{
|
|
visibility: hidden;
|
|
z-index: 100000003;
|
|
}
|
|
|
|
.tooltip table
|
|
{
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.tooltip td, .tooltip th
|
|
{
|
|
background: url(../images/tooltip.png);
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 12px;
|
|
line-height: 17px;
|
|
color: white;
|
|
}
|
|
|
|
.tooltip th
|
|
{
|
|
padding: 3px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.tooltip td
|
|
{
|
|
padding: 8px 4px 1px 9px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.tooltip b
|
|
{
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.tooltip div.indent
|
|
{
|
|
padding-left: .6em;
|
|
}
|
|
|
|
.tooltip td th, .tooltip td td
|
|
{
|
|
background: none;
|
|
}
|
|
|
|
.tooltip td th
|
|
{
|
|
padding: 0 0 0 4em;
|
|
text-align: right;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.tooltip p
|
|
{
|
|
position: absolute;
|
|
left: -44px;
|
|
top: -1px;
|
|
width: 44px;
|
|
height: 44px;
|
|
background: 4px 4px no-repeat;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.tooltip table.shrink b
|
|
{
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
}
|
|
|
|
.tooltip table.shrink td, .tooltip table.shrink th
|
|
{
|
|
font-size: 10px;
|
|
line-height: 14px;
|
|
}
|
|
|
|
.inputbox
|
|
{
|
|
width: 30em;
|
|
color: #ccc;
|
|
background-color: #383838;
|
|
border-left: 1px solid #606060;
|
|
border-top: 1px solid #606060;
|
|
border-right: 1px solid #101010;
|
|
border-bottom: 1px solid #101010;
|
|
margin: 0 auto;
|
|
padding: 15px;
|
|
line-height: 1.7em;
|
|
}
|
|
|
|
.inputbox td
|
|
{
|
|
padding: 2px;
|
|
}
|
|
|
|
.inputbox h1
|
|
{
|
|
color: white;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
padding-bottom: 6px;
|
|
margin: 0;
|
|
}
|
|
|
|
#inputbox-error
|
|
{
|
|
color: #c33;
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
padding-bottom: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.listview
|
|
{
|
|
border: 2px solid #404040;
|
|
clear: both;
|
|
}
|
|
|
|
.listview-band-top, .listview-band-bottom
|
|
{
|
|
background-color: #404040;
|
|
color: #cccccc;
|
|
}
|
|
|
|
.listview-band-top
|
|
{
|
|
padding: 3px 3px 6px 6px;
|
|
}
|
|
|
|
.listview-band-bottom
|
|
{
|
|
padding: 6px 3px 3px 3px;
|
|
}
|
|
|
|
.listview-band-top input, .listview-band-bottom input,
|
|
.listview-band-top select, .listview-band-bottom select
|
|
{
|
|
font-size: 11px;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.listview-quicksearch
|
|
{
|
|
display: block;
|
|
float: right;
|
|
position: relative;
|
|
margin-right: 1px;
|
|
}
|
|
|
|
.listview-quicksearch a
|
|
{
|
|
position: absolute;
|
|
display: block;
|
|
top: 0;
|
|
right: 0;
|
|
padding: 3px 3px 2px 2px;
|
|
}
|
|
|
|
.listview-quicksearch a span
|
|
{
|
|
display: block;
|
|
width: 12px;
|
|
height: 12px;
|
|
background: url(../images/Listview/quicksearch-cancel.gif) no-repeat;
|
|
}
|
|
|
|
.listview-quicksearch a:hover span
|
|
{
|
|
background-position: 0 -12px;
|
|
}
|
|
|
|
.listview-quicksearch em
|
|
{
|
|
position: absolute;
|
|
display: block;
|
|
right: 2px;
|
|
top: 2px;
|
|
width: 13px;
|
|
height: 13px;
|
|
background: url(../images/Listview/quicksearch.gif) no-repeat;
|
|
}
|
|
|
|
.listview-quicksearch input
|
|
{
|
|
margin: 0;
|
|
border: 1px solid #a7a6aa;
|
|
height: 13px;
|
|
padding-left: 2px;
|
|
font-size: 11px;
|
|
font-family: Arial, sans-serif;
|
|
background: white;
|
|
color: black;
|
|
}
|
|
|
|
.listview-withselected
|
|
{
|
|
/* Top bar */
|
|
clear: left;
|
|
padding-left: 33px;
|
|
background: url(../images/Listview/withselected.gif) 11px 6px no-repeat;
|
|
}
|
|
|
|
.listview-withselected2
|
|
{
|
|
/* Bottom bar */
|
|
padding-left: 33px;
|
|
background: url(../images/Listview/withselected.gif) 11px -35px no-repeat;
|
|
}
|
|
|
|
.listview-nav
|
|
{
|
|
float: right;
|
|
padding-right: 1px;
|
|
margin-left: 36px;
|
|
}
|
|
|
|
.listview-nav a, .listview-nav span
|
|
{
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
.listview-note
|
|
{
|
|
line-height: 16px;
|
|
}
|
|
|
|
.listview table
|
|
{
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.listview th
|
|
{
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
padding: 0;
|
|
border-bottom: 1px solid #202020;
|
|
}
|
|
|
|
.listview .iconlist th
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
.listview thead div
|
|
{
|
|
position: relative;
|
|
border-top: 1px solid #707070;
|
|
border-left: 1px solid #707070;
|
|
border-right: 1px solid #303030;
|
|
border-bottom: 1px solid #303030;
|
|
}
|
|
|
|
.listview thead a
|
|
{
|
|
display: block;
|
|
padding: 5px 2px;
|
|
text-decoration: none;
|
|
color: white;
|
|
background-color: #585858;
|
|
}
|
|
|
|
.listview thead a span
|
|
{
|
|
padding: 0 4px;
|
|
}
|
|
|
|
.listview thead a span span
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
.listview th a:hover
|
|
{
|
|
background-color: #606060;
|
|
}
|
|
|
|
.listview th a.static
|
|
{
|
|
cursor: default;
|
|
}
|
|
|
|
.listview th a.static:hover
|
|
{
|
|
background-color: #585858;
|
|
}
|
|
|
|
.listview-mode-default, .listview-mode-div, .listview-mode-tiled, .listview-mode-calendar
|
|
{
|
|
background-color: #141414;
|
|
}
|
|
|
|
.listview-mode-default th
|
|
{
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.listview-mode-default td
|
|
{
|
|
padding: 4px;
|
|
color: #dddddd;
|
|
text-align: center;
|
|
border: 1px solid #404040;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.listview-clip td
|
|
{
|
|
border: none;
|
|
border-bottom: 1px solid #303030;
|
|
}
|
|
|
|
.listview-mode-default .small
|
|
{
|
|
font-size: 11px;
|
|
}
|
|
|
|
.listview-mode-default .small2
|
|
{
|
|
font-size: 11px;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.listview-mode-default .small3
|
|
{
|
|
font-size: 11px;
|
|
color: #707070;
|
|
}
|
|
|
|
.listview-mode-default .crop
|
|
{
|
|
height: 1.33333em;
|
|
overflow: hidden;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.listview-mode-default tbody a
|
|
{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.listview-mode-default tbody a:hover
|
|
{
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.listview-mode-default tbody.clickable tr
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.listview-mode-default tbody tr:hover
|
|
{
|
|
background-color: #202020;
|
|
}
|
|
|
|
.listview-mode-tiled td
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.listview-mode-tiled td:hover
|
|
{
|
|
background-color: #202020;
|
|
}
|
|
|
|
.listview-mode-tiled td.empty-cell
|
|
{
|
|
cursor: default !important;
|
|
}
|
|
|
|
.listview-mode-tiled td.empty-cell:hover
|
|
{
|
|
background: none !important;
|
|
}
|
|
|
|
.listview-mode-calendar th
|
|
{
|
|
padding: 3px;
|
|
background-color: #404040;
|
|
}
|
|
|
|
.listview-mode-calendar td
|
|
{
|
|
vertical-align: top;
|
|
}
|
|
|
|
.listview-mode-calendar .calendar-today
|
|
{
|
|
background-color: #404040;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.listview-mode-calendar .calendar-date
|
|
{
|
|
background-color: #242424;
|
|
padding: 3px;
|
|
}
|
|
|
|
.listview-mode-calendar .calendar-event
|
|
{
|
|
height: 88px;
|
|
padding: 3px;
|
|
}
|
|
|
|
.listview tr.mergerow
|
|
{
|
|
background-color: #131d1a;
|
|
}
|
|
|
|
.listview tr.mergerow:hover
|
|
{
|
|
background-color: #1a2924;
|
|
}
|
|
|
|
.listview tr.checked
|
|
{
|
|
background-color: #242424;
|
|
}
|
|
|
|
.listview tr.checked:hover
|
|
{
|
|
background-color: #2C2C2C;
|
|
}
|
|
|
|
.listview tr.upgraded
|
|
{
|
|
background-color: #242424;
|
|
}
|
|
|
|
.listview tr.upgraded:hover
|
|
{
|
|
background-color: #2C2C2C;
|
|
}
|
|
|
|
.listview tr.upgraded td
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.listview-cb
|
|
{
|
|
text-align: center;
|
|
cursor: default;
|
|
}
|
|
|
|
.listview-cb input
|
|
{
|
|
cursor: default;
|
|
}
|
|
|
|
.listview-nodata
|
|
{
|
|
padding: 4px;
|
|
text-align: center;
|
|
background-color: #141414;
|
|
}
|
|
|
|
.listview-clip
|
|
{
|
|
overflow: auto;
|
|
background-color: black;
|
|
}
|
|
|
|
.listview-indicators
|
|
{
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.sortasc
|
|
{
|
|
padding-right: 15px !important;
|
|
background: url(../images/Listview/sort-asc.gif) no-repeat right center;
|
|
}
|
|
|
|
.sortdesc
|
|
{
|
|
padding-right: 15px !important;
|
|
background: url(../images/Listview/sort-desc.gif) no-repeat right center;
|
|
}
|
|
|
|
td.checked
|
|
{
|
|
background-color: #202020;
|
|
}
|
|
|
|
td.checked:hover
|
|
{
|
|
background-color: #2C2C2C;
|
|
}
|
|
|
|
td.checked .listview-cb:hover
|
|
{
|
|
background-color: #343434;
|
|
}
|
|
|
|
.comment
|
|
{
|
|
color: #ddd;
|
|
font-size: 13px;
|
|
line-height: 1.5em !important;
|
|
padding: 4px 4px 0;
|
|
}
|
|
|
|
.listview-aci .comment-indent
|
|
{
|
|
padding-left: 32px;
|
|
}
|
|
|
|
.comment-header, .comment-header-bt
|
|
{
|
|
font-family: Verdana, Arial, sans-serif;
|
|
font-size: 11px;
|
|
padding: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.comment-header a.q0, .comment-header-bt a.q0
|
|
{
|
|
font-weight: normal;
|
|
color: #aaa !important;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.comment-header
|
|
{
|
|
color: #AAA;
|
|
background: #303030;
|
|
}
|
|
|
|
.comment-header-bt
|
|
{
|
|
color: #888;
|
|
background: #202020;
|
|
}
|
|
|
|
.comment-rating
|
|
{
|
|
font-style: inherit;
|
|
float: right;
|
|
color: white;
|
|
}
|
|
|
|
.comment-body, .comment-body-indent
|
|
{
|
|
overflow: auto;
|
|
}
|
|
|
|
.comment-body ol li div, .comment-body li div
|
|
{
|
|
color: #ddd;
|
|
}
|
|
|
|
.comment-bt, .comment-bt ol li div, .comment-bt li div
|
|
{
|
|
color: #999;
|
|
}
|
|
|
|
.comment-blue, .comment-blue ol li div, .comment-blue li div
|
|
{
|
|
color: #00C0FF !important;
|
|
}
|
|
|
|
.comment-green, .comment-green ol li div, .comment-green li div
|
|
{
|
|
color: #5DF644 !important;
|
|
}
|
|
|
|
.comment-gold, .comment-gold ol li div, .comment-gold li div
|
|
{
|
|
color: #D7CEA4 !important;
|
|
}
|
|
|
|
.comment-pink, .comment-pink ol li div, .comment-pink li div
|
|
{
|
|
color: #F9F !important;
|
|
}
|
|
|
|
.comment-edit-modes a
|
|
{
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.comment-edit-buttons
|
|
{
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.comment-edit-body textarea
|
|
{
|
|
width: 98%;
|
|
height: 11em;
|
|
font-family: Arial, sans-serif;
|
|
font-size: 16px;
|
|
margin: 3px 0;
|
|
}
|
|
|
|
.comment-lastedit
|
|
{
|
|
padding-top: 4px;
|
|
font-style: italic;
|
|
color: #9d9d9d;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.comment-links
|
|
{
|
|
font-style: inherit;
|
|
text-align: right;
|
|
font-size: 11px;
|
|
padding: 0 2px 2px 0;
|
|
color: #ddd;
|
|
}
|
|
|
|
.comment-links span, .comment-links span
|
|
{
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.screenshot-cell
|
|
{
|
|
cursor: pointer;
|
|
padding: 10px 4px;
|
|
text-align: center;
|
|
}
|
|
|
|
.screenshot-cell img
|
|
{
|
|
border: 2px solid #404040;
|
|
background-color: #080808;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.screenshot-cell-user
|
|
{
|
|
width: 100%;
|
|
overflow: hidden;
|
|
font-size: 11px;
|
|
padding-bottom: 5px;
|
|
color: #ccc;
|
|
}
|
|
|
|
.screenshot-caption, .screenshot-caption-over
|
|
{
|
|
width: 100%;
|
|
position: absolute;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.screenshot-caption
|
|
{
|
|
overflow: hidden;
|
|
height: 1.33333em;
|
|
padding: 1px;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 0;
|
|
}
|
|
|
|
.screenshot-caption-over
|
|
{
|
|
color: white;
|
|
background-color: #505050;
|
|
border: 1px solid #303030;
|
|
padding: 0;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.screenshot-caption span, .screenshot-caption-over span
|
|
{
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.slider-x, .slider-y {
|
|
position: relative;
|
|
}
|
|
|
|
.slider-x {
|
|
width: 100%;
|
|
height: 25px;
|
|
}
|
|
|
|
.slider-y {
|
|
width: 25px;
|
|
height: 100%;
|
|
}
|
|
|
|
.slider-x.has-labels {
|
|
height: 40px;
|
|
}
|
|
|
|
.slider-x .track, .slider-y .track {
|
|
position: absolute;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 8;
|
|
}
|
|
|
|
.slider-x .track {
|
|
height: 25px;
|
|
}
|
|
|
|
.slider-y .track {
|
|
width: 25px;
|
|
}
|
|
|
|
.slider-x .handle, .slider-y .handle {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 10;
|
|
}
|
|
|
|
.slider-x .handle {
|
|
background: url(../images/ui/misc/slider.gif) no-repeat top left;
|
|
cursor: e-resize;
|
|
height: 22px;
|
|
width: 9px;
|
|
}
|
|
|
|
.slider-y .handle {
|
|
background: url(../images/ui/misc/slider.gif) no-repeat top right;
|
|
cursor: n-resize;
|
|
height: 9px;
|
|
width: 22px;
|
|
}
|
|
|
|
.slider-x .handle:hover {
|
|
background-position: bottom left;
|
|
}
|
|
|
|
.slider-y .handle:hover {
|
|
background-position: bottom right;
|
|
}
|
|
|
|
.slider-x span, .slider-y span {
|
|
position: absolute;
|
|
background: #7e7e7e;
|
|
border: 1px solid #404040;
|
|
z-index: 5;
|
|
}
|
|
|
|
.slider-x span {
|
|
top: 9px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 2px;
|
|
}
|
|
|
|
.slider-y span {
|
|
top: 0;
|
|
left: 9px;
|
|
width: 2px;
|
|
height: 100%;
|
|
}
|
|
|
|
.slider-x .label {
|
|
font-size: 11px;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 22px;
|
|
}
|
|
|
|
.slider-x .label.max {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.slider-y .label {
|
|
font-size: 11px;
|
|
left: 22px;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
.slider-y .label.max {
|
|
top: auto;
|
|
bottom: 0;
|
|
}
|
|
|
|
.slider-x input, .slider-y input {
|
|
background: none;
|
|
border: 1px solid transparent;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
display: block;
|
|
font-size: 11px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
text-align: center;
|
|
top: 22px;
|
|
width: 50px;
|
|
z-index: 9;
|
|
}
|
|
|
|
.slider-y input {
|
|
margin: 0 0 0 21px;
|
|
position: relative;
|
|
text-align: left;
|
|
top: 45%;
|
|
width: 30px;
|
|
}
|
|
|
|
.slider-x input:hover, .slider-y input:hover, .slider-x input:focus, .slider-y input:focus {
|
|
background: #101010;
|
|
border-color: #303030;
|
|
outline: none;
|
|
}
|
|
|
|
.tooltip-slider table {
|
|
width: 100%;
|
|
}
|
|
|
|
.pet-model
|
|
{
|
|
position: relative;
|
|
background-color: #101010;
|
|
width: 200px;
|
|
height: 150px;
|
|
border: 3px solid #404040;
|
|
margin: 0 auto;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
a.pet-zoom
|
|
{
|
|
position: absolute;
|
|
display: block;
|
|
left: 0;
|
|
top: 0;
|
|
width: 200px;
|
|
height: 150px;
|
|
background: url(../images/pet-zoom2.gif) 180px 130px no-repeat;
|
|
}
|
|
|
|
a:hover.pet-zoom
|
|
{
|
|
background-position: 180px -70px;
|
|
}
|
|
|
|
.grid
|
|
{
|
|
width: 100%;
|
|
clear: both;
|
|
border-collapse: collapse;
|
|
background-color: #141414;
|
|
border: 3px solid #404040;
|
|
}
|
|
|
|
.grid td
|
|
{
|
|
padding: 4px;
|
|
color: #ddd;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.grid th
|
|
{
|
|
vertical-align: top;
|
|
font-weight: normal;
|
|
color: white;
|
|
padding: 4px;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.grid td, .grid th
|
|
{
|
|
border-top: 1px solid #404040;
|
|
border-bottom: 1px solid #404040;
|
|
border-left: 1px solid #282828;
|
|
border-right: 1px solid #282828;
|
|
}
|
|
|
|
/****************/
|
|
/* PROGRESS BAR */
|
|
/****************/
|
|
|
|
.progressbar
|
|
{
|
|
display: block;
|
|
border: none;
|
|
background-color: black;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
line-height: 1.5em;
|
|
color: white;
|
|
text-decoration: none !important;
|
|
position: relative;
|
|
margin: 2px 1px 4px 1px;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.progressbar del
|
|
{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.progressbar ins
|
|
{
|
|
display: none;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.progressbar
|
|
{
|
|
cursor: default;
|
|
}
|
|
|
|
a.progressbar:hover ins
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
a.progressbar:hover del
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.progressbar-text
|
|
{
|
|
position: absolute;
|
|
left: 0;
|
|
top: 1px;
|
|
width: 100%;
|
|
height: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.progressbar-hidden
|
|
{
|
|
position: relative;
|
|
visibility: hidden;
|
|
height: 1px;
|
|
width: auto;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.progressbar-rep0
|
|
{
|
|
border-top: 1px solid #b82e21;
|
|
border-bottom: 1px solid #9c2319;
|
|
background-color: #861c10;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.progressbar-rep1
|
|
{
|
|
border-top: 1px solid #c9662b;
|
|
border-bottom: 1px solid #b05421;
|
|
background-color: #994515;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.progressbar-rep2
|
|
{
|
|
border-top: 1px solid #d59b31;
|
|
border-bottom: 1px solid #bf8626;
|
|
background-color: #aa7419;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.progressbar-rep3
|
|
{
|
|
border-top: 1px solid #d2b130;
|
|
border-bottom: 1px solid #bb9b25;
|
|
background-color: #a68818;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.progressbar-rep4
|
|
{
|
|
border-top: 1px solid #a4a201;
|
|
border-bottom: 1px solid #8d8b01;
|
|
background-color: #777601;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.progressbar-rep5
|
|
{
|
|
border-top: 1px solid #74a001;
|
|
border-bottom: 1px solid #638701;
|
|
background-color: #527001;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.progressbar-rep6
|
|
{
|
|
border-top: 1px solid #30a601;
|
|
border-bottom: 1px solid #288b01;
|
|
background-color: #217201;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.progressbar-rep7
|
|
{
|
|
border-top: 1px solid #0aa087;
|
|
border-bottom: 1px solid #068870;
|
|
background-color: #007564;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.progressbar-ach0
|
|
{
|
|
border-top: 1px solid #2b98c9;
|
|
border-bottom: 1px solid #2082af;
|
|
background-color: #157099;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.progressbar-ach1
|
|
{
|
|
border-top: 1px solid #7a7a7a;
|
|
border-bottom: 1px solid #686868;
|
|
background-color: #575757;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.progressbar-green
|
|
{
|
|
border-top: 1px solid #3aca01;
|
|
border-bottom: 1px solid #2b9401;
|
|
background-color: #207001;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.progressbar-yellow
|
|
{
|
|
border-top: 1px solid #e6e200;
|
|
border-bottom: 1px solid #b1ae00;
|
|
background-color: #939000;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.progressbar-red
|
|
{
|
|
border-top: 1px solid #e60f00;
|
|
border-bottom: 1px solid #b10c00;
|
|
background-color: #930900;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.listview .progressbar
|
|
{
|
|
margin: 3px;
|
|
}
|
|
|
|
.article-footer
|
|
{
|
|
background: url(../images/article.gif) left 3px no-repeat;
|
|
color: #9d9d9d;
|
|
margin-top: 1em;
|
|
font-size: 11px;
|
|
padding: 3px 0 3px 20px;
|
|
}
|
|
|
|
a.button-red
|
|
{
|
|
position: relative;
|
|
display: block;
|
|
float: right;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
line-height: 21px;
|
|
color: #FFD100;
|
|
font-weight: bold;
|
|
font-size: 11px;
|
|
background: url(../images/button-red.gif) left 0 no-repeat;
|
|
padding-left: 13px;
|
|
white-space: nowrap;
|
|
outline: none;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
a.button-red span
|
|
{
|
|
display: block;
|
|
position: relative;
|
|
z-index: 5;
|
|
}
|
|
|
|
a.button-red i
|
|
{
|
|
position: absolute;
|
|
left: -1px;
|
|
top: 2px;
|
|
z-index: 1;
|
|
font-style: normal;
|
|
color: black;
|
|
}
|
|
|
|
a.button-red em
|
|
{
|
|
display: block;
|
|
font-style: normal;
|
|
padding-right: 13px;
|
|
background: url(../images/button-red.gif) right 0 no-repeat;
|
|
}
|
|
|
|
a.button-red b
|
|
{
|
|
display: block;
|
|
position: absolute;
|
|
}
|
|
|
|
a:hover.button-red
|
|
{
|
|
color: white;
|
|
background-position: left -21px;
|
|
}
|
|
|
|
a:hover.button-red em
|
|
{
|
|
background-position: right -21px;
|
|
}
|
|
|
|
a:active.button-red
|
|
{
|
|
background-position: left -63px;
|
|
}
|
|
|
|
a:active.button-red em
|
|
{
|
|
background-position: right -63px;
|
|
}
|
|
|
|
a:active.button-red span, a:active.button-red i
|
|
{
|
|
left: -2px;
|
|
}
|
|
|
|
a:active.button-red-disabled i
|
|
{
|
|
left: -1px;
|
|
}
|
|
|
|
a.button-red-disabled, a:hover.button-red-disabled
|
|
{
|
|
background-position: left -84px !important;
|
|
color: #A0A0A0;
|
|
cursor: default;
|
|
}
|
|
|
|
a.button-red-disabled em, a:hover.button-red-disabled em
|
|
{
|
|
background-position: right -84px !important;
|
|
}
|
|
|
|
.live-search
|
|
{
|
|
position: absolute;
|
|
z-index: 100000001;
|
|
left: 0;
|
|
top: 0;
|
|
background: #484848;
|
|
border: 1px solid #202020;
|
|
padding: 0 2px 2px;
|
|
white-space: nowrap;
|
|
color: #FFD100;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.live-search div
|
|
{
|
|
background-color: #282828;
|
|
}
|
|
|
|
.live-search div div
|
|
{
|
|
background-color: transparent;
|
|
position: relative;
|
|
border-top: 1px solid #484848;
|
|
border-bottom: 1px solid #101010;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.live-search a
|
|
{
|
|
display: block;
|
|
text-decoration: none;
|
|
padding: 4px;
|
|
padding-left: 28px;
|
|
}
|
|
|
|
.live-search a:hover
|
|
{
|
|
color: #FFD100;
|
|
}
|
|
|
|
.live-search i
|
|
{
|
|
display: block;
|
|
position: absolute;
|
|
font-style: normal;
|
|
line-height: 1.5em;
|
|
top: 3px;
|
|
right: 0;
|
|
padding: 0 4px;
|
|
font-size: 11px;
|
|
color: #808080;
|
|
background: #282828;
|
|
}
|
|
|
|
.live-search a:hover i
|
|
{
|
|
padding-right: 18px;
|
|
background-image: url(../images/search-arrow.gif);
|
|
background-position: right center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.live-search-selected div
|
|
{
|
|
border-bottom: 1px solid #202020;
|
|
color: white;
|
|
}
|
|
|
|
div.live-search-icon
|
|
{
|
|
background-position: 4px 3px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.live-search-icon div
|
|
{
|
|
background-image: url(../../images/icons/border_small.png);
|
|
background-position: left center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.live-search-icon-boss
|
|
{
|
|
background-image: url(../../images/icons/boss.gif);
|
|
background-position: 8px center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.live-search-icon-quest-alliance
|
|
{
|
|
background-image: url(../../images/icons/alliance-icon.gif);
|
|
background-position: 9px 5px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.live-search-icon-quest-horde
|
|
{
|
|
background-image: url(../../images/icons/horde-icon.gif);
|
|
background-position: 6px 5px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.lightbox-outer
|
|
{
|
|
position: fixed;
|
|
left: 50%;
|
|
top: 50%;
|
|
width: 1px;
|
|
height: 1px;
|
|
font-size: 1px;
|
|
z-index: 60;
|
|
}
|
|
|
|
div.lightbox-inner
|
|
{
|
|
position: absolute;
|
|
z-index: 70;
|
|
}
|
|
|
|
div.lightbox-overlay
|
|
{
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
background: black;
|
|
opacity: .8;
|
|
z-index: 50;
|
|
}
|
|
|
|
div.modelviewer-screen
|
|
{
|
|
background-color: #141414;
|
|
width: 600px;
|
|
height: 400px;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
|
|
div.modelviewer-quality
|
|
{
|
|
float: left;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
div.modelviewer-quality span
|
|
{
|
|
float: left;
|
|
display: block;
|
|
line-height: 22px;
|
|
}
|
|
|
|
div.modelviewer-model
|
|
{
|
|
padding: 10px 0;
|
|
}
|
|
|
|
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: block;
|
|
}
|
|
|
|
a.screenshotviewer-next span
|
|
{
|
|
right: 0;
|
|
}
|
|
|
|
a.screenshotviewer-cover span
|
|
{
|
|
position: static !important;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
div.screenshotviewer-from
|
|
{
|
|
padding-top: 10px;
|
|
font-size: 11px;
|
|
color: #ccc;
|
|
}
|
|
|
|
div.screenshotviewer-caption
|
|
{
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
padding: 5px 0 10px;
|
|
}
|
|
|
|
div.dialog
|
|
{
|
|
font-size: 12px;
|
|
background: #303030;
|
|
padding: 10px 10px 0;
|
|
}
|
|
|
|
div.dialog .text
|
|
{
|
|
padding: 10px;
|
|
background: #141414;
|
|
}
|
|
|
|
div.dialog th
|
|
{
|
|
text-align: right;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
vertical-align: top;
|
|
line-height: 24px;
|
|
padding: 3px;
|
|
}
|
|
|
|
div.dialog td
|
|
{
|
|
vertical-align: top;
|
|
padding: 3px;
|
|
}
|
|
|
|
div.dialog textarea
|
|
{
|
|
font-family: Arial, sans-serif;
|
|
font-size: 16px;
|
|
margin: 3px 0;
|
|
}
|
|
|
|
div.toolbar button
|
|
{
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
div.toolbar img
|
|
{
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url(../images/toolbar.png) no-repeat;
|
|
}
|
|
|
|
img.toolbar-b
|
|
{
|
|
background-position: 0 0 !important;
|
|
}
|
|
|
|
img.toolbar-i
|
|
{
|
|
background-position: -16px 0 !important;
|
|
}
|
|
|
|
img.toolbar-u
|
|
{
|
|
background-position: -32px 0 !important;
|
|
}
|
|
|
|
img.toolbar-s
|
|
{
|
|
background-position: -48px 0 !important;
|
|
}
|
|
|
|
img.toolbar-url
|
|
{
|
|
background-position: -64px 0 !important;
|
|
}
|
|
|
|
img.toolbar-small
|
|
{
|
|
background-position: -80px 0 !important;
|
|
}
|
|
|
|
img.toolbar-quote
|
|
{
|
|
background-position: -96px 0 !important;
|
|
}
|
|
|
|
img.toolbar-code
|
|
{
|
|
background-position: -112px 0 !important;
|
|
}
|
|
|
|
img.toolbar-ul
|
|
{
|
|
background-position: -128px 0 !important;
|
|
}
|
|
|
|
img.toolbar-ol
|
|
{
|
|
background-position: -144px 0 !important;
|
|
}
|
|
|
|
img.toolbar-li
|
|
{
|
|
background-position: -160px 0 !important;
|
|
}
|
|
|
|
.disclosure-on, .disclosure-off
|
|
{
|
|
background: url(../images/disclosure_arrow.gif) no-repeat left center;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.disclosure-off
|
|
{
|
|
background-position: -740px center;
|
|
}
|
|
|
|
a.disclosure-on, a.disclosure-off
|
|
{
|
|
color: white;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
a.captcha
|
|
{
|
|
display: block;
|
|
width: 150px;
|
|
height: 40px;
|
|
margin: 8px 1px;
|
|
}
|
|
|
|
a.captcha:hover
|
|
{
|
|
border: 1px dotted #747474;
|
|
margin: 7px 0;
|
|
background-color: #343434;
|
|
}
|
|
|
|
.tabbed-contents a.captcha:hover
|
|
{
|
|
border: 1px dotted #686868;
|
|
background-color: #282828;
|
|
}
|
|
|
|
.inputbox a.captcha:hover
|
|
{
|
|
border: 1px dotted #888;
|
|
background-color: #484848;
|
|
}
|
|
|
|
h1.h1-icon
|
|
{
|
|
padding-top: 5px;
|
|
}
|
|
|
|
div.h1-icon
|
|
{
|
|
float: left;
|
|
position: relative;
|
|
top: -4px;
|
|
left: -4px;
|
|
margin-right: 2px;
|
|
margin-bottom: -4px;
|
|
}
|
|
|
|
.dragged
|
|
{
|
|
z-index: 1000;
|
|
opacity: .35;
|
|
-moz-opacity: .35;
|
|
}
|
|
|
|
.pages var
|
|
{
|
|
float: right;
|
|
color: #ccc;
|
|
font-style: normal;
|
|
padding: 3px 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.pages var span
|
|
{
|
|
margin: 0 6px;
|
|
color: #9d9d9d;
|
|
}
|
|
|
|
.pages .gotopage
|
|
{
|
|
margin-right: 6px;
|
|
padding: 0 9px;
|
|
cursor: pointer;
|
|
background: url(../images/forums-pages.gif) no-repeat left center;
|
|
}
|
|
|
|
.pages-numbers a, .pages-numbers span
|
|
{
|
|
float: right;
|
|
margin: 0 2px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.pages-numbers a
|
|
{
|
|
padding: 3px 6px;
|
|
border: 1px solid #404040;
|
|
background-color: #141414;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.pages-numbers a:hover
|
|
{
|
|
background-color: #303030;
|
|
}
|
|
|
|
.pages-numbers span
|
|
{
|
|
padding: 3px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.pages-numbers span.selected
|
|
{
|
|
padding: 3px 6px;
|
|
color: white;
|
|
background-color: #404040;
|
|
border: 1px solid #404040;
|
|
font-weight: bold;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.rcorners
|
|
{
|
|
border-radius:3px;
|
|
}
|
|
|
|
#fi
|
|
{
|
|
color: #ccc;
|
|
}
|
|
|
|
#fi table
|
|
{
|
|
border-collapse: collapse;
|
|
border: 0;
|
|
}
|
|
|
|
#fi table td
|
|
{
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
#fi .padded
|
|
{
|
|
padding-top: 12px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#fi .padded2
|
|
{
|
|
padding-top: 8px;
|
|
}
|
|
|
|
#fi .rightselect
|
|
{
|
|
margin-top: 2px;
|
|
}
|
|
|
|
#fi .rightpanel
|
|
{
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
|
|
#fi .rightpanel2
|
|
{
|
|
float: right;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
#fi .smalltextbox
|
|
{
|
|
text-align: center;
|
|
width: 2em;
|
|
}
|
|
|
|
#fi .smalltextbox2
|
|
{
|
|
text-align: center;
|
|
width: 2.3em;
|
|
}
|
|
|
|
.criteria div
|
|
{
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
#statweight-disclosure
|
|
{
|
|
padding: 10px;
|
|
border: 1px solid #363636;
|
|
background-color: #141414;
|
|
float: left;
|
|
}
|
|
|
|
#statweight-help div
|
|
{
|
|
position: absolute;
|
|
right: -9px;
|
|
top: -33px;
|
|
}
|
|
|
|
#fi_weight
|
|
{
|
|
margin-top: 10px;
|
|
padding-top: 12px;
|
|
border-top: 1px solid #484848;
|
|
}
|
|
|
|
small, .listview-mode-default .small, .comment-edit-modes, .comment-edit-body
|
|
{
|
|
font-size: 11px;
|
|
}
|
|
|
|
.text ol li div, .text li div, .minibox h3 a, .comment-body b, .comment-body h3
|
|
{
|
|
color: #cccccc;
|
|
}
|
|
|
|
a:hover, a.open, .infobox li div, .text b
|
|
{
|
|
color: white;
|
|
}
|
|
|
|
.text ul, .text ol, .comment-body ul, .comment-body ol
|
|
{
|
|
margin: 1em 0;
|
|
padding-left: 26px;
|
|
}
|
|
|
|
.text ol ul, .text ol ol, .text ul ol, .text ul ul {
|
|
margin-bottom: 0px;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.text ul.first, .text ol.first, .comment-body h3.first
|
|
{
|
|
margin-top: 0;
|
|
}
|
|
|
|
.text ol li, .comment-body ol li
|
|
{
|
|
color: #E5CC80;
|
|
}
|
|
|
|
.text ul li, .comment-body ul li
|
|
{
|
|
/* color: #c3030b; */
|
|
list-style-type: square;
|
|
}
|
|
|
|
.text li, .comment-body li
|
|
{
|
|
list-style-position: outside;
|
|
line-height: 1.75em;
|
|
}
|
|
|
|
.text h3 small, .infobox th small, .comment-links a
|
|
{
|
|
font-weight: normal;
|
|
}
|
|
|
|
#home h1, #header-logo h1
|
|
{
|
|
position: absolute;
|
|
left: -2323px;
|
|
top: -2323px;
|
|
}
|
|
|
|
#header, #sidebar, .rcorners, #statweight-help
|
|
{
|
|
position: relative;
|
|
}
|
|
|
|
#toptabs-right a, .toplinks a
|
|
{
|
|
margin: 0 6px;
|
|
}
|
|
|
|
.menu-buttons a:hover, .tooltip a:hover, .listview-mode-default tbody a:hover, .comment-header a.q0:hover, .comment-header-bt a.q0:hover, a.disclosure-on:hover, a.disclosure-off:hover
|
|
{
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* probably unnessecary
|
|
#wrapper.nosidebar #main, #wrapper.nosidebar
|
|
{
|
|
min-height: 0;
|
|
}
|
|
*/
|
|
|
|
#footer a, #beyondfooter a
|
|
{
|
|
margin: 0 .5em;
|
|
}
|
|
|
|
#infobox-sticky, .listview-cb
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
.series td, .iconlist th, .tooltip td td, .listview thead a span span
|
|
{
|
|
padding: 0;
|
|
}
|
|
|
|
.minibox small, .minibox small a, .comment-lastedit a
|
|
{
|
|
color: #9d9d9d;
|
|
}
|
|
|
|
.menu table, .inputbox table
|
|
{
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.menu em, .menu var, .menu strong, .live-search em, .live-search var, .live-search strong
|
|
{
|
|
display: block;
|
|
position: absolute;
|
|
background: url(../images/menu_shadow.png) no-repeat;
|
|
}
|
|
|
|
.menu em, .live-search em
|
|
{
|
|
width: 5px;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: -5px;
|
|
background-position: right top;
|
|
}
|
|
|
|
.menu var, .live-search var
|
|
{
|
|
width: 5px;
|
|
height: 6px;
|
|
right: -5px;
|
|
bottom: -6px;
|
|
background-position: right bottom;
|
|
}
|
|
|
|
.menu strong, .live-search strong
|
|
{
|
|
height: 6px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: -6px;
|
|
background-position: left bottom;
|
|
}
|
|
|
|
.tabs, .old-tabs, .iconlist ul
|
|
{
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.tabs a:hover, .old-tabs a:hover
|
|
{
|
|
background-color: #383838;
|
|
border-bottom: 1px solid #303030;
|
|
}
|
|
|
|
.tabs a.selected, .tabs a.selected:hover, .old-tabs a.selected, .tabs a.selected:hover
|
|
{
|
|
background-color: #404040;
|
|
border-bottom: 1px solid #404040;
|
|
}
|
|
|
|
.iconlist, .icontab
|
|
{
|
|
border-collapse: collapse;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.icontab tr, .listview-mode-tiled td.empty-cell:hover
|
|
{
|
|
background: none !important;
|
|
}
|
|
|
|
.q6, .q6 a, .q7, .q7 a
|
|
{
|
|
color: #e5cc80 !important;
|
|
}
|
|
|
|
.iconsmall, .iconsmall var
|
|
{
|
|
width: 26px;
|
|
height: 26px;
|
|
}
|
|
|
|
.iconmedium, .iconmedium var
|
|
{
|
|
width: 44px;
|
|
height: 44px;
|
|
}
|
|
|
|
.iconsmall-socket-meta-empty ins, .iconmedium-socket-meta-empty ins, .iconsmall a:hover, .iconmedium a:hover, .iconlarge a:hover
|
|
{
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.iconsmall-socket-yellow-empty ins, .iconmedium-socket-red-empty ins
|
|
{
|
|
background-position: -36px 0;
|
|
}
|
|
|
|
.iconsmall-socket-prismatic-empty ins, .iconmedium-socket-yellow-empty ins
|
|
{
|
|
background-position: -72px 0;
|
|
}
|
|
|
|
.iconmedium del, .tooltip p div
|
|
{
|
|
width: 44px;
|
|
height: 44px;
|
|
background-image: url(../../images/icons/border_medium.png);
|
|
}
|
|
|
|
.iconmedium-gold del
|
|
{
|
|
background-image: url(../../images/icons/border_medium_gold.png);
|
|
}
|
|
|
|
.iconmedium-gold-selected del
|
|
{
|
|
background-image: url(../../images/icons/border_medium_gold_selected.png);
|
|
}
|
|
|
|
.iconlarge-gold-selected del
|
|
{
|
|
background-image: url(../../images/icons/border_large_gold_selected.png);
|
|
}
|
|
|
|
.iconmedium-gold a
|
|
{
|
|
background: none !important;
|
|
cursor: default;
|
|
}
|
|
|
|
.tooltip a, .listview-mode-default tbody a
|
|
{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.listview-void
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.listview table, div.dialog table
|
|
{
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
a.modelviewer-help, a.screenshotviewer-original
|
|
{
|
|
float: right;
|
|
display: block;
|
|
padding: 10px 0 10px 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
a.dialog-yes, a.dialog-okay
|
|
{
|
|
float: right;
|
|
display: block;
|
|
padding-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
a.modelviewer-close, a.screenshotviewer-close
|
|
{
|
|
float: right;
|
|
display: block;
|
|
padding: 10px 0 10px 10px;
|
|
}
|
|
|
|
a.dialog-no, a.dialog-cancel
|
|
{
|
|
float: right;
|
|
display: block;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.dialog-thumbup, a.dialog-thumbdown, a.dialog-okay, a.dialog-cancel, a.dialog-question, a.dialog-arrow
|
|
{
|
|
padding-right: 22px;
|
|
margin: 10px 0 10px 10px;
|
|
line-height: 22px;
|
|
height: 22px;
|
|
display: block;
|
|
float: right;
|
|
color: #a0a0a0;
|
|
text-transform: uppercase;
|
|
text-decoration: none;
|
|
font-size: 15px;
|
|
font-family: Tahoma, sans-serif !important;
|
|
}
|
|
|
|
.dialog-thumbup:hover, a.dialog-thumbdown:hover, a.dialog-okay:hover, a.dialog-cancel:hover, a.dialog-question:hover, a.dialog-arrow:hover
|
|
{
|
|
color: #e0e0e0;
|
|
}
|
|
|
|
.dialog-cancel
|
|
{
|
|
padding-right: 24px !important;
|
|
}
|
|
|
|
.dialog-thumbup
|
|
{
|
|
background: url(../images/dialog_icons.gif) right 0 no-repeat;
|
|
}
|
|
|
|
.dialog-thumbup:hover
|
|
{
|
|
background-position: right -154px;
|
|
}
|
|
|
|
.dialog-thumbdown
|
|
{
|
|
background: url(../images/dialog_icons.gif) right -22px no-repeat;
|
|
}
|
|
|
|
.dialog-thumbdown:hover
|
|
{
|
|
background-position: right -176px;
|
|
}
|
|
|
|
.dialog-okay
|
|
{
|
|
background: url(../images/dialog_icons.gif) right -44px no-repeat;
|
|
}
|
|
|
|
.dialog-okay:hover
|
|
{
|
|
background-position: right -198px;
|
|
}
|
|
|
|
.dialog-cancel
|
|
{
|
|
background: url(../images/dialog_icons.gif) right -66px no-repeat;
|
|
}
|
|
|
|
.dialog-cancel:hover
|
|
{
|
|
background-position: right -220px;
|
|
}
|
|
|
|
.dialog-question
|
|
{
|
|
background: url(../images/dialog_icons.gif) right -88px no-repeat;
|
|
}
|
|
|
|
.dialog-question:hover
|
|
{
|
|
background-position: right -242px;
|
|
}
|
|
|
|
.dialog-arrow
|
|
{
|
|
background: url(../images/dialog_icons.gif) right -132px no-repeat;
|
|
}
|
|
|
|
.dialog-arrow:hover
|
|
{
|
|
background-position: right -286px;
|
|
}
|
|
|
|
a.dialog-left
|
|
{
|
|
padding-left: 22px;
|
|
height: 22px;
|
|
display: block;
|
|
float: left;
|
|
background: url(../images/dialog_icons.gif) 0 -110px no-repeat;
|
|
}
|
|
|
|
a.dialog-right
|
|
{
|
|
padding-right: 22px;
|
|
height: 22px;
|
|
display: block;
|
|
float: left;
|
|
background: url(../images/dialog_icons.gif) right -264px no-repeat;
|
|
}
|
|
|
|
div.modelviewer a.dialog-cancel
|
|
{
|
|
clear: right;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
div.modelviewer a.dialog-question
|
|
{
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.listview-mode-default tbody tr, .listview-mode-tiled td, .listview-cb input
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.listview-mode-default tbody tr:hover, .listview-mode-tiled td:hover, .grid tr:hover
|
|
{
|
|
background-color: #202020;
|
|
}
|
|
|
|
.listview-mode-tiled td.empty-cell, a.button-red-disabled
|
|
{
|
|
cursor: default !important;
|
|
}
|
|
|
|
.comment-header a, .comment-header-bt a, .comment-rating span, .screenshot-cell-user a
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.grid .iconsmall, .grid .iconmedium, .dragged .iconsmall, .dragged .iconmedium, .pages-left var, .pages-left .pages-numbers a, .pages-left .pages-numbers span
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
a:active.button-red-disabled span, a.screenshotviewer-prev span
|
|
{
|
|
left: 0;
|
|
}
|
|
|
|
div.live-search-selected i, div.live-search-selected
|
|
{
|
|
background-color: #383838;
|
|
}
|
|
|
|
div.modelviewer, div.screenshotviewer
|
|
{
|
|
padding: 10px 10px 0;
|
|
background-color: #303030;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.notice-box {
|
|
padding: 8px;
|
|
color: #dddddd;
|
|
margin-bottom: 10px;
|
|
text-align: center;
|
|
background: #141414;
|
|
border: 1px solid #101010;
|
|
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.reputation-negative-amount span {
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.announcement-pagetop div.announcement-inner {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
div.announcement-pagetop div.announcement-inner, div.announcement-contenttop div.announcement-inner {
|
|
background-color: #141414;
|
|
border: 1px solid #101010;
|
|
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
div.announcement-inner {
|
|
background-position: 0 center;
|
|
background-repeat: no-repeat;
|
|
margin-bottom: 10px;
|
|
padding: 8px;
|
|
position: relative;
|
|
}
|
|
|
|
/* Close button */
|
|
a.announcement-close {
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url(../images/delete.gif) center center no-repeat;
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 8px;
|
|
}
|
|
|
|
/* .text overrides */
|
|
div.announcement ul {
|
|
margin: 0.25em 0 !important;
|
|
}
|
|
div.announcement h3 {
|
|
margin-top: 0 !important;
|
|
margin-bottom: 0.25em !important;
|
|
}
|
|
div.announcement li {
|
|
line-height: 1.75em !important;
|
|
}
|
|
|
|
/* jQuery replacement */
|
|
.announcement {
|
|
-webkit-transition: .5s ease;
|
|
-moz-transition: .5s ease;
|
|
-o-transition: .5s ease;
|
|
-ms-transition: .5s ease;
|
|
transition: .5s ease;
|
|
}
|
|
|
|
.search-noresults {
|
|
background:url(../images/noresults.jpg) left no-repeat;
|
|
width:254px;
|
|
height:215px;
|
|
float:right;
|
|
margin-top:10px;
|
|
}
|