html
{
overflow: -moz-scrollbars-vertical;
}
body
{
background-color: #101010;
color: #deebf7;
margin: 0;
font-family: arial;
font-size: 12px;
padding: 0;
}
img
{
border: none;
}
p { font-size: 11px; }
a:link { color: #63aad6; text-decoration: none; font-weight: bold; }
a:visited { color: #63aad6; text-decoration: none; font-weight: bold; }
a:hover { color: #fff; text-decoration: underline; }
a:active { color: #fff; }
textarea
{
border: 1px solid;
background-color: #101010;
color: #21597b;
}
option
{
border: 0px solid;
}
input
{
border: 1px solid;
background-color: #101010;
color: #21597b;
}
.button
{
color: #63aad6;
background: #000;
border: 1px solid #21597b;
padding: 2px 7px 2px 7px;
}
.button:hover
{
color: #fff;
}
.button:active
{
padding: 3px 6px 1px 8px;
color: #999;
}
#headerbg
{
margin: 0;
padding: 0;
width: 100%;
height: 185px;
background: #081c21;
}
#headerbg #header
{
background: #0869a5;
width: 1000px;
height: 169px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 15px;
}
#menu
{
width: 1000px;
margin-left: auto;
margin-right: auto;
margin-bottom: 31px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
}
#menu .passive
{
background-color: #00416b;
height: 24px;
float: left;
color: #0869a5;
}
#menu .passive:hover
{
background-color: #fff;
}
#menu .selected
{
background-color: #0869a5;
height: 24px;
float: left;
color: #00416b;
}
#menu .selected:hover
{
background-color: #fff;
}
#menu .marker
{
background-color: #63aad6;
width: 8px;
height: 8px;
margin-left: 8px;
margin-top: 8px;
float: left;
}
#content
{
background-color: #00416b;
width: 960px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
#copyright
{
width: 100%;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
font-size: 10px;
color: #303030;
}
#news
{
width: 490px;
float: left;
}
#news #headline
{
color: #63aad6;
font-size: 16px;
font-weight: bold;
}
#news #contenttext
{
margin-right: 20px;
}
#news .author
{
margin-left: 20px;
font-size: 14px;
color: #63aad6;
font-style: italic;
}
#versep
{
width: 1px;
background-image: url('verdot.png');
float: left;
}
.horsep
{
height: 1px;
background-image: url('/common/hordot.png');
margin-top: 15px;
margin-bottom: 15px;
}
#news_rightside
{
color: #63aad6;
width: 445px;
min-height: 500px;
border-left: 1px dotted #63aad6;
padding-left: 20px;
float: left;
}
#news_rightside .title
{
font-size: 16px;
font-weight: bold;
}
#news_rightside ul
{
padding: 0px 0px 0px 20px;
}
#news_rightside ul.recentitems li
{
font-size: 14px;
list-style: none;
padding: 0px 0px 0px 20px;
margin: 5px;
background-image: url('bullet.png');
background-repeat: no-repeat;
background-position: 0px 50%;
}
#news_rightside #commentsheadline
{
font-size: 16px;
font-weight: bold;
}
#news_rightside #chatheadline
{
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}
#news_rightside .author
{
font-size: 14px;
margin: 10px 0 5px 0;
}
#news_rightside .comment
{
background-color: #21597b;
color: #fff;
margin: 0 0 0 0;
padding: 5px;
}
.clear
{
clear: both;
}
#calheader
{
width: 960px;
height: 45px;
font-size: 30px;
color: #deebf7;
border-bottom: 1px dotted #63aad6;
}
#prevmonth
{
float: left;
width: 100px;
}
#thismonth
{
float: left;
width: 760px;
text-align: center;
margin: 0 auto;
}
#nextmonth
{
float: right;
width: 100px;
text-align: right;
}
#weekday
{
width: 14%;
font-size: 18px;
color: #deebf7;
float: left;
text-align: center;
}
#calendar
{
margin-left: 15px;
}
#calendar #day,
#calendar #today
{
width: 13.6%;
height: 100px;
margin: 0 5px 5px 0;
background-color: #0869a5;
float: left;
font-size: 16px;
text-align: center;
}
#calendar #today
{
width: 125px;
height: 96px;
border: 2px dotted #fff;
}
#calendar #day #othermonth
{
color: #777;
width: 100%;
margin-top: 6px;
}
#calendar #day .currentmonthheader
{
color: #deebf7;
width: 100%;
margin-top: 6px;
}
#calendar #today .todayheader
{
font-style: italic;
color: #fff;
width: 100%;
margin-top: 6px;
}
.dateheader
{
width: 100%;
text-align: center;
font-size: 22px;
height: 35px;
color: #deebf7;
margin: 15px auto 0 auto;
border-bottom: 1px dotted #63aad6;
margin-bottom: 25px;
}
.hourrow
{
width: 100%;
border-bottom: 1px dotted #63aad6;
color: #deebf7;
font-size: 16px;
font-weight: bold;
margin: 10px 0;
padding-bottom: 2px;
}
.eventblock
{
background-color: #101010;
position: absolute;
width: 150px;
padding: 5px;
}
.roleheader
{
font-size: 16px;
color: #deebf7;
font-style: italic;
font-weight: bold;
margin-bottom: 5px;
}
.roleblock
{
background-color: #101010;
padding: 5px;
}
#progression
{
width: 100%;
margin-top: 5px;
margin-bottom: 20px;
font-size: 12px;
font-weight: bold;
}
#progression .alive
{
margin: 2px;
float: left;
width: 15px;
height: 15px;
border: 1px solid #deebf7;
background-color: #a00;
}
#progression .alive:hover
{
background-color: #f00;
}
#progression .killed
{
margin: 2px;
float: left;
width: 15px;
height: 15px;
border: 1px solid #deebf7;
background-color: #0a0;
cursor: pointer;
}
#progression .killed:hover
{
background-color: #0f0;
position: relative;
}
#progression .killed span
{
z-index: 100;
display: none;
}
#progression .killed:hover span
{
color: #deebf7;
display: block;
position: absolute;
top: 20px;
border: 1px solid #deebf7;
background-color: #101010;
}
#progression .hm
{
margin: 2px;
float: left;
width: 15px;
height: 15px;
border: 1px solid #deebf7;
background-color: #ffc600;
cursor: pointer;
}
#progression .hm:hover
{
background-color: #fff54c;
position: relative;
}
#progression .hm span
{
z-index: 100;
display: none;
}
#progression .hm:hover span
{
color: #deebf7;
display: block;
position: absolute;
top: 20px;
border: 1px solid #deebf7;
background-color: #101010;
}
#videocontainer {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding:10px 10px 10px 10px;
border:2px dotted #fff;
}
.deathknight:link, .deathknight:visited { color: #c41f3b; }
.druid:link, .druid:visited { color: #ff7d0a; }
.hunter:link, .hunter:visited { color: #adb473; }
.mage:link, .mage:visited { color: #69ccf0; }
.paladin:link, .paladin:visited { color: #f58cba; }
.priest:link, .priest:visited { color: #ffffff; }
.rogue:link, .rogue:visited { color: #fff569; }
.shaman:link, .shaman:visited { color: #2459ff; }
.warlock:link, .warlock:visited { color: #9482c9; }
.warrior:link, .warrior:visited { color: #c79c6e; }
/* Klors */
#chatpanel {position: absolute; bottom: 6px; right: 6px; width: 250px; display: none;}
#chaticon {position: absolute; bottom: 6px; right: 6px; border: 1px solid #21597b; cursor: pointer; cursor: hand;}
#chat {width: 100%; height: 100px; background-color: #000000; overflow-y: scroll;}
#chatinput {width: 170px;}
#chatbutton {margin-left: 2px; width: 70px;}
#chatlogon {background-color: #000000;}
.translucent {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}