172 lines
5.6 KiB
CSS
172 lines
5.6 KiB
CSS
.skilltree {
|
|
font-family: Verdana, Helvetica, Arial, sans-serif;
|
|
font-size: 12px;
|
|
background-color: #000000;
|
|
color: #FFFFFF;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.skilltree input
|
|
{
|
|
font-family: Verdana, Helvetica, Arial, sans-serif;
|
|
font-size: 10px;
|
|
color: #C7C7C7;
|
|
background-color: #131313;
|
|
border-bottom: #6F6D67 1px solid;
|
|
border-LEFT: #6F6D67 1px solid;
|
|
border-RIGHT: #6F6D67 1px solid;
|
|
border-TOP: #6F6D67 1px solid;
|
|
}
|
|
|
|
.skilltree stdText
|
|
{
|
|
font-family:Verdana, Helvetica, Arial, sans-serif;
|
|
color:#FFFFFF;
|
|
font-size:11px;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.skilltree a:link
|
|
{
|
|
font-family: Verdana, Helvetica, Arial, sans-serif;
|
|
font-size: 10px;
|
|
font-style: normal;
|
|
color: #FFFFFF;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.skilltree a:active
|
|
{
|
|
font-family: Verdana, Helvetica, Arial, sans-serif;
|
|
font-size: 10px;
|
|
font-style: normal;
|
|
color: #FFFFFF;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.skilltree a:hover
|
|
{
|
|
font-family: Verdana, Helvetica, Arial, sans-serif;
|
|
font-size: 10px;
|
|
font-style: normal;
|
|
color: #FFFFFF;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.skilltree a:visited
|
|
{
|
|
font-family: Verdana, Helvetica, Arial, sans-serif;
|
|
font-size: 10px;
|
|
font-style: normal;
|
|
color: #FFFFFF;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.treerowspacer{
|
|
clear: both;
|
|
width: 100%;
|
|
height: 67px;
|
|
padding-left: 10px;
|
|
}
|
|
.contentarea{margin-top:5px;margin-left:5px;width:90%;}
|
|
.icon{
|
|
float: left;
|
|
position: relative;
|
|
width:65px;
|
|
height:67px;
|
|
top: 0px;
|
|
opacity: 1;
|
|
background-image:none;
|
|
background-repeat:no-repeat;
|
|
background-position:2px 2px;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
}
|
|
.icon_text_green{color: rgb(46, 255, 0);}
|
|
.icon_text_yellow{color: rgb(255, 209, 0);}
|
|
|
|
.icon_arrow_grey_down{background-position: 0px 0px;}
|
|
.icon_arrow_grey_down_right{background-position: -65px 0px;}
|
|
.icon_arrow_yellow_down{background-position: -130px 0px;}
|
|
.icon_arrow_yellow_down_right{background-position: -195px 0px;}
|
|
|
|
.icon_border_grey{background-position: 0px 0px;}
|
|
.icon_border_grey_inc_left{background-position: 0px -402px;}
|
|
.icon_border_grey_inc{background-position: 0px -268px;}
|
|
.icon_border_grey_down{background-position: 0px -201px;}
|
|
.icon_border_grey_down_right{background-position: 0px -469px;}
|
|
|
|
.icon_border_green{background-position: -65px 0px;}
|
|
.icon_border_green_right{background-position: -65px -134px;}
|
|
|
|
.icon_border_yellow{background-position: -260px 0px;}
|
|
.icon_border_yellow_inc{background-position: -260px -268px;}
|
|
.icon_border_yellow_down{background-position: -260px -201px;}
|
|
.icon_border_yellow_down_right{background-position: -260px -469px;}
|
|
|
|
.icon_number{
|
|
position: relative;
|
|
float: right;
|
|
font-size:10px;
|
|
vertical-align:middle;
|
|
text-align:center;
|
|
font-family:Verdana, Helvetica, Arial, sans-serif;
|
|
width:21px;
|
|
height:10px;
|
|
right:3px;
|
|
bottom:19px;}
|
|
.window{
|
|
//position:absolute;
|
|
position: relative;
|
|
background-color:#000;left:-1000px;width:300px;top:135px;padding:1px 1px 1px 1px;color:#000;z-index:6;}
|
|
.window a{color:#000001;}
|
|
.window th{background-color:#333;border:1px solid #CCC;color:#FFF;}
|
|
.window table{background-color:#DADADA;border:0 solid #CCC;}
|
|
|
|
.tooltip {
|
|
//position:absolute;
|
|
z-index:9999;font-family:Verdana, Helvetica, Arial, sans-serif;color:#FFFFFF;font-size:12px;line-height:17px;width:300px;left:-1000px;}
|
|
.tooltip td td{background:none;padding:0;color:#FFFFFF;}
|
|
.tooltip th{padding:3px;height:8px;}
|
|
.tooltip td{padding:8px 4px 1px 9px;cursor:default;color:#FFFFFF;}
|
|
.tooltip .desc{color:#FFD100;}
|
|
.tooltip .tip{color:#0F0;}
|
|
.tooltip .reqmet{color:#0F0;}
|
|
.tooltip .reqnotmet{color:#F00;}
|
|
.tooltip .left{float:left;}
|
|
.tooltip .right{float:right;text-align:right;height:0;}
|
|
.tooltip .hleft{float:left;}
|
|
.tooltip .hright{float:right;text-align:right;height:0;}
|
|
.tooltip .rankright{float:right;text-align:right;height:0;color:#9D9D9D;font-size:14px;}
|
|
|
|
.yellowFont{color:#FFD100;}
|
|
|
|
.talentheader {width: 300px; border-bottom:0px solid #002B55;background-image: url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=tableheader.png);}
|
|
.talentheader div{padding-right:20px;background-repeat:no-repeat;background-position:bottom right;height:41px;width:209px;float:left;}
|
|
.talentheader strong{font-weight:bold;display:block;padding-left:18px;padding-top:14px;vertical-align:bottom;}
|
|
.talentheader img {height: 20px; width: 59px; margin-top:11px; cursor:pointer; background:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=resetbutton.png) no-repeat;}
|
|
|
|
.outerbg{border:0px solid #002B55;background-color:#002B55; padding-left: 12px;}
|
|
.talent_icon{
|
|
background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=skilltree_icons.gif);
|
|
background-repeat:no-repeat;
|
|
width:65px;
|
|
height:67px;
|
|
}
|
|
.talent_arrow{
|
|
background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=arrows.gif);
|
|
background-repeat:no-repeat;
|
|
width:65px;
|
|
height:67px;
|
|
}
|
|
.noscript{
|
|
//position:absolute;
|
|
left:462px;right:318px;top:5px;overflow:hidden;text-align:center;z-index:20;border:2px solid #600;color:#FFF;font-size:12px;padding:3px;}
|
|
|
|
.runeB{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=mini-pal.gif);background-position:-44px 0;}
|
|
.runeF{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=mini-pal.gif);background-position:-57px 0;}
|
|
.runeU{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=mini-pal.gif);background-position:-70px 0;}
|
|
|
|
.tooltip td,
|
|
.tooltip th{background:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=tooltip.gif);} |