MediaWiki:Common.css: Forskelle mellem versioner
Hop til navigation
Admin (diskussion | bidrag) (Tømmer siden for indhold) |
No edit summary |
||
Linje 1: | Linje 1: | ||
/* CSS die hier wordt geplaatst heeft invloed op alle skins */ | |||
div.mvisto { | |||
opacity:0.8; | |||
filter:alpha(opacity=80); | |||
} | |||
div.mvisto:hover { | |||
opacity:1; | |||
filter:alpha(opacity=100); | |||
} | |||
div.NavFrame { | |||
margin: 0; | |||
padding: 1px; | |||
border: 0px solid #322618; | |||
text-align: top; | |||
border-collapse: collapse; | |||
font-size: 95%; | |||
} | |||
div.NavFrame + div.NavFrame { | |||
border-top-style: none; | |||
border-top-style: hidden; | |||
} | |||
div.NavPic { | |||
background-color: #fff; | |||
margin: 0; | |||
padding: 0px; | |||
float: left; | |||
} | |||
div.NavFrame div.NavHead { | |||
height: 1.9em; | |||
font-weight: bold; | |||
background-color: #C0A875; | |||
position: relative; | |||
} | |||
div.NavFrame p, | |||
div.NavFrame div.NavContent, | |||
div.NavFrame div.NavContent p { | |||
font-size: 12px; | |||
} | |||
div.NavEnd { | |||
margin: 0; | |||
padding: 0; | |||
line-height: 1px; | |||
clear: both; | |||
} | |||
a.NavToggle { | |||
position: absolute; | |||
top: 0; | |||
right: 3px; | |||
font-weight: normal; | |||
font-size: 93%; | |||
} | |||
.tiltleft { | |||
-webkit-transition: all 1s ease; | |||
-moz-transition: all 1s ease; | |||
-o-transition: all 1s ease; | |||
-ms-transition: all 1s ease; | |||
transition: all 1s ease; | |||
} | |||
.tiltleft:hover { | |||
-webkit-transform: rotate(-10deg); | |||
-moz-transform: rotate(-10deg); | |||
-o-transform: rotate(-10deg); | |||
-ms-transform: rotate(-10deg); | |||
transform: rotate(-10deg); | |||
} | |||
.tiltright { | |||
-webkit-transition: all 1s ease; | |||
-moz-transition: all 1s ease; | |||
-o-transition: all 1s ease; | |||
-ms-transition: all 1s ease; | |||
transition: all 1s ease; | |||
} | |||
.tiltright:hover { | |||
-webkit-transform: rotate(10deg); | |||
-moz-transform: rotate(10deg); | |||
-o-transform: rotate(10deg); | |||
-ms-transform: rotate(10deg); | |||
transform: rotate(10deg); | |||
} | |||
.middel { | |||
-webkit-transition: all 1s ease; | |||
-moz-transition: all 1s ease; | |||
-o-transition: all 1s ease; | |||
-ms-transition: all 1s ease; | |||
transition: all 1s ease; | |||
} | |||
.middel:hover { | |||
-webkit-transform: translate(0px,-10px); | |||
-moz-transform: translate(0px,-10px); | |||
-o-transform: translate(0px,-10px); | |||
-ms-transform: translate(0px,-10px); | |||
transform: translate(0px,-10px); | |||
} | |||
.downunder { | |||
-webkit-transition: all 1s ease; | |||
-moz-transition: all 1s ease; | |||
-o-transition: all 1s ease; | |||
-ms-transition: all 1s ease; | |||
transition: all 1s ease; | |||
} | |||
.downunder:hover { | |||
-webkit-transform: translate(0px,10px); | |||
-moz-transform: translate(0px,10px); | |||
-o-transform: translate(0px,10px); | |||
-ms-transform: translate(0px,10px); | |||
transform: translate(0px,10px); | |||
} | |||
.grow img { | |||
height: 87px; | |||
width: 123px; | |||
-webkit-transition: all 1s ease; | |||
-moz-transition: all 1s ease; | |||
-o-transition: all 1s ease; | |||
-ms-transition: all 1s ease; | |||
transition: all 1s ease; | |||
} | |||
.grow img:hover { | |||
width: 150px; | |||
height: 100px; | |||
} | |||
.highlight{ | |||
/*background: url(https://wiki.sk.grepolis.com/images/3/36/Gpwindow_bg.jpg) repeat; | |||
border-style: solid; | |||
border-width: 3px; | |||
-moz-border-image: url(https://wiki.sk.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat; | |||
-webkit-border-image: url(https://wiki.sk.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat; | |||
-o-border-image: url(https://wiki.sk.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat; | |||
border-image: url(https://wiki.sk.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat;*/ | |||
color:#222222; | |||
text-shadow: 1px 1px 0 #fc6, 1px 1px; | |||
/*font-family: Georgia,serif;*/ | |||
margin:1px; | |||
padding:6px; | |||
overflow: auto; | |||
} | |||
th{ | |||
text-shadow:none; | |||
} | |||
#document-wrapper | |||
{ | |||
max-width: 1200px; | |||
} | |||
.tribal-button | |||
{ | |||
background-color: black; | |||
} | |||
.tribal-borderbox #contentheader #pt-logout a { | |||
margin-right: 2px; | |||
} | |||
.tribal-borderbox .with-button .tribal-button | |||
{ | |||
width: 21%; | |||
} | |||
#toc, #toctitle{ | |||
width: 98%; | |||
} | |||
.toc{ | |||
width: 98%; | |||
} | |||
.tw_bg_tl { | |||
background-position: left top; | |||
bottom: 50%; | |||
right: 50%; | |||
left: 0; | |||
top: 0; | |||
} | |||
.tw_bg_tr { | |||
background-position: right top; | |||
width: 50%; | |||
bottom: 50%; | |||
right: 0; | |||
top: 0; | |||
} | |||
.tw_bg_bl { | |||
background-position: left bottom; | |||
height: 50%; | |||
right: 50%; | |||
bottom: 0; | |||
left: 0; | |||
} | |||
.tw_bg_br { | |||
background-position: right bottom; | |||
height: 50%; | |||
width: 50%; | |||
bottom: 0; | |||
right: 0; | |||
} | |||
.tooltip_outer { | |||
position:absolute; | |||
left:50%; | |||
bottom: 100%; | |||
margin-bottom: 8px; | |||
z-index:-1; | |||
} | |||
.tooltip { | |||
position:relative; | |||
padding:10px 13px 12px 13px; | |||
opacity:0; | |||
visibility:hidden; | |||
-webkit-transition: opacity .15s ease-in-out; | |||
-webkit-transform: translateZ(0) scale(1.0, 1.0); | |||
-moz-transition: opacity .15s ease-in-out; | |||
transition: opacity .15s ease-in-out; | |||
white-space:nowrap; | |||
max-width:350px; | |||
left:-50%; | |||
color:black; | |||
} | |||
.tooltip::after { | |||
content: " "; | |||
position: absolute; | |||
top: 100%; | |||
left: 50%; | |||
margin-top: -4px; | |||
margin-left: -11px; | |||
background-image: url(https://wiki.the-west.fr/images/3/32/Tooltip_arrow.png); | |||
width: 22px; | |||
height: 11px; | |||
} | |||
.tooltip_container { | |||
position:relative; | |||
} | |||
.tooltip_container:hover .tooltip { | |||
visibility:visible; | |||
-webkit-transition: opacity .15s ease-in-out 0.4s; | |||
-moz-transition: opacity .15s ease-in-out 0.4s; | |||
transition: opacity .15s ease-in-out 0.4s; | |||
opacity:1; | |||
} | |||
.tooltip_container:hover > .tooltip_outer { | |||
z-index:1000; | |||
} | |||
.per_level:after{ | |||
content:"(par Niveau)"; | |||
} | |||
/* Navigation Bar */ | |||
#navbar { | |||
position:relative; | |||
top:29px; | |||
font-family:Calibri; | |||
width:800px; | |||
height:85px; | |||
margin:0; | |||
padding:0; | |||
background-image : url('https://wiki.the-west.fr/images/0/0d/Barre.png'); | |||
text-align:center; | |||
} | |||
#navbar > #bull1 , #navbar > #bull2{ | |||
position:absolute; | |||
top:20px; | |||
z-index:1; | |||
width:104px; | |||
height:64px; | |||
pointer-events: none; | |||
} | |||
#navbar > #bull1{ | |||
left:40px; | |||
background-image : url('https://wiki.the-west.fr/images/2/20/Bull1.png'); | |||
} | |||
#navbar > #bull2{ | |||
right:40px; | |||
background-image : url('https://wiki.the-west.fr/images/9/91/Bull2.png'); | |||
} | |||
#navbar ul { | |||
list-style-type: none; | |||
font-size:0; | |||
padding:0; | |||
overflow: hidden; | |||
position:relative; | |||
top:42px; | |||
height:37px; | |||
} | |||
#navbar li { | |||
font-size:18px; | |||
display:inline; | |||
} | |||
#navbar li a { | |||
position:relative; | |||
display:inline-block; | |||
color: white; | |||
font-weight:normal; | |||
text-align: center; | |||
padding: 8px 10px; | |||
line-height:20px; | |||
text-decoration: none; | |||
-webkit-transition: all .25s; | |||
-moz-transition: all .25s; | |||
-ms-transition: all .25s; | |||
-o-transition: all .25s; | |||
transition: all .25s; | |||
} | |||
#navbar li a:hover { | |||
color:#FFDEAD; | |||
} | |||
#navbar .selflink { | |||
background-color: #FFDEAD; | |||
color:black; | |||
position:relative; | |||
display:inline-block; | |||
text-align: center; | |||
padding: 8px 10px; | |||
line-height:20px; | |||
border-bottom-left-radius:10px; | |||
border-bottom-right-radius:10px; | |||
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset; | |||
z-index:1; | |||
} | |||
#navbar li a:before { | |||
content: ""; | |||
display: block; | |||
position: absolute; | |||
left: 0; | |||
bottom: 0; | |||
height: 4px; | |||
width: 0; | |||
background: #FFDEAD; | |||
-webkit-transition: width .25s; | |||
-moz-transition: width .25s; | |||
-ms-transition: width .25s; | |||
-o-transition: width .25s; | |||
transition: width .25s; | |||
} | |||
#navbar li a:hover:before { | |||
width:100%; | |||
} | |||
#navbar li a:after, #navbar .selflink:after{ | |||
content: ""; | |||
display: block; | |||
position: absolute; | |||
left: -2px; | |||
top: 17px; | |||
height: 4px; | |||
width: 4px; | |||
background: #ffffff; | |||
opacity: 0.5; | |||
} | |||
#navbar .selflink:after{ | |||
width: 2px; | |||
} | |||
#navbar li:first-child *:after{ | |||
opacity:0; | |||
} | |||
/* Items shop */ | |||
.shop_container { | |||
position: relative; | |||
background-image: url(https://wiki.the-west.fr/images/0/05/Shop_container.png); | |||
width: 149px; | |||
height: 176px; | |||
margin: 0px; | |||
text-align: center; | |||
display:inline-block; | |||
} | |||
.shop_container .shop_name { | |||
display: inline-block; | |||
width: 114px; | |||
color: white; | |||
text-shadow: 0.1em 0.1em 0.2em #000000; | |||
font-size: 12px; | |||
position: absolute; | |||
line-height: 1.1; | |||
left: 18px; | |||
top: 20px; | |||
font-size: 13px; | |||
} | |||
.shop_container .shop_item { | |||
top: 40px; | |||
left: 35px; | |||
position: absolute; | |||
} | |||
.shop_container .shop_price { | |||
background-image: url(https://wiki.the-west.fr/images/0/0b/Shop_price.png); | |||
width: 100%; | |||
height: 32px; | |||
position: absolute; | |||
top: 132px; | |||
line-height:32px; | |||
font-size:12px; | |||
font-weight:bold; | |||
color:white; | |||
text-shadow:0.1em 0.1em 0.2em #333333; | |||
} | |||
.shop_container .shop_border { | |||
width: 133px; | |||
height: 162px; | |||
position: absolute; | |||
left: 9px; | |||
top: 5px; | |||
background: url(https://wiki.the-west.fr/images/b/b1/Shop_frame.png) no-repeat; | |||
} | |||
.shop_container #vert {background-position: -133px 0;} | |||
.shop_container #bleu {background-position: -266px 0;} | |||
.shop_container #rouge {background-position: -399px 0;} | |||
.shop_container #orange {background-position: -532px 0;} | |||
.shop_container #marron {background-position: -665px 0;} | |||
.shop_container #violet {background-position: -798px 0;} | |||
.shop_container #cyan {background-position: -931px 0;} | |||
.shop_container #gris {background-position: -1064px 0;} | |||
/* Bannière nouveaux sets */ | |||
.new_set { | |||
width: 36px; | |||
height: 34px; | |||
position: absolute; | |||
top: 0px; | |||
right: 0px; | |||
background: url(https://wiki.the-west.fr/images/1/1a/New.png); | |||
pointer-events: none; | |||
} | |||
/* Test calendrier */ | |||
#calendar { | |||
border-image: url(https://westfr.innogamescdn.com/images/tw2gui/table/table_border.png?3) 16 16 16 16 stretch; | |||
border-width: 16px; | |||
border-style: solid; | |||
width: 700px; | |||
} | |||
#calendar .week { | |||
position: relative; | |||
} | |||
#calendar .day { | |||
width:98px; | |||
height:100%; | |||
border:1px solid grey; | |||
display:inline-block; | |||
border-radius: 5px; | |||
position: relative; | |||
font-weight: bold; | |||
} | |||
#calendar .nb { | |||
position: absolute; | |||
top:0px; | |||
padding:5px; | |||
border-bottom:1px solid grey; | |||
border-bottom-right-radius: 5px; | |||
border-right: 1px solid grey; | |||
} | |||
#calendar .events { | |||
margin-top:30px; | |||
position: absolute; | |||
top:0px; | |||
width:100%; | |||
} | |||
#calendar .event { | |||
position: relative; | |||
margin-top:5px; | |||
height:10px; | |||
left:100px; | |||
border-radius:5px; | |||
box-shadow: 0px 1px 1px 0px black; | |||
} | |||
#calendar .today {color:red;} | |||
/* Arrière plan noël */ | |||
.xmas { | |||
background-image: url(https://wiki.the-west.fr/images/5/58/Arri%C3%A8re-plan_No%C3%ABl.png) !important; | |||
background-repeat:no-repeat !important; | |||
} | |||
/* Nouvelles popup */ | |||
div.tw_bg_popup_tl, | |||
div.tw_bg_popup_tr, | |||
div.tw_bg_popup_bl, | |||
div.tw_bg_popup_br { | |||
background-image: url(https://wiki.the-west.fr/images/5/59/Fond_objets.png); | |||
position: absolute; | |||
z-index: -1; | |||
} | |||
.tw_bg_popup_tl { | |||
background-position: left top; | |||
bottom: 50%; | |||
right: 50%; | |||
left: 0; | |||
top: 0; | |||
} | |||
.tw_bg_popup_tr { | |||
background-position: right top; | |||
width: 50%; | |||
bottom: 50%; | |||
right: 0; | |||
top: 0; | |||
} | |||
.tw_bg_popup_bl { | |||
background-position: left bottom; | |||
height: 50%; | |||
right: 50%; | |||
bottom: 0; | |||
left: 0; | |||
} | |||
.tw_bg_popup_br { | |||
background-position: right bottom; | |||
height: 50%; | |||
width: 50%; | |||
bottom: 0; | |||
right: 0; | |||
} | |||
div.popup_window { | |||
position: absolute; | |||
display: none; | |||
margin: 0px; | |||
min-width: 200px; | |||
white-space: nowrap; | |||
z-index:1000; | |||
} | |||
div.item_container { | |||
height: 79px; | |||
width: 79px; | |||
position: relative; | |||
background-image: url(https://wiki.the-west.fr/images/a/a9/Case_inventaire.png); | |||
background-repeat: no-repeat; | |||
display: inline-block; | |||
} | |||
div.item_container.wear { | |||
height: 93px; | |||
width: 94px; | |||
position: relative; | |||
background-image: url(https://wiki.the-west.fr/images/8/82/Item_box_wear.png); | |||
background-repeat: no-repeat; | |||
display: inline-block; | |||
} | |||
div.item_container.wear2 { | |||
height: 138px; | |||
width: 95px; | |||
position: relative; | |||
background-image: url(https://wiki.the-west.fr/images/5/54/Item_box_wear2.png); | |||
background-repeat: no-repeat; | |||
display: inline-block; | |||
} | |||
div.item_container.empty { | |||
background-image: none; | |||
} | |||
div.item_container > img { | |||
position: absolute; | |||
top: 3px; | |||
left: 3px; | |||
} | |||
div.item_border div.item_container > img, | |||
div.item_container.wear > img, | |||
div.item_container.wear2 > img { | |||
top: 0px !important; | |||
left: 0px !important; | |||
} | |||
div.item_container:hover div.popup_window { | |||
left: 120%; | |||
top: 10px; | |||
z-index: 10; | |||
display: block; | |||
} | |||
div.popup_contents { | |||
margin: 25px; | |||
font-family: Arial, Verdana, sans-serif; | |||
font-size: 12px; | |||
} | |||
div.popup_contents * { | |||
margin: 0; | |||
} | |||
div.popup_image { | |||
background-image: url(https://wiki.the-west.fr/images/a/a9/Case_inventaire.png); | |||
background-repeat: no-repeat; | |||
width: 79px; | |||
height: 79px; | |||
margin: auto; | |||
} | |||
.popup_divider { | |||
width:124px; | |||
height:6px; | |||
margin-top:4px !important; | |||
background-image: url(https://wiki.the-west.fr/images/d/d5/Barre_de_division.png); | |||
margin-left: auto !important; | |||
margin-right: auto !important; | |||
display: block; | |||
} | |||
div.popup_image img { | |||
padding-top: 3px; | |||
padding-left: 4px; | |||
} | |||
.popup_attribute { | |||
text-align: left; | |||
padding-left: 7px; | |||
font-size: 12px; | |||
color: #070; | |||
font-weight: bold; | |||
} | |||
.popup_skill { | |||
text-align: left; | |||
padding-left: 18px; | |||
font-size: 11px; | |||
color: #070; | |||
} | |||
.popup_type { | |||
font-style: italic; | |||
font-size: 8pt; | |||
text-align: center; | |||
} | |||
.popup_name { | |||
font-size: 13px; | |||
color: #070; | |||
font-weight: bold; | |||
text-align: center; | |||
padding-top: 4px; | |||
} | |||
.popup_infos { | |||
text-align: center; | |||
} | |||
.popup_id { | |||
color: blue; | |||
} | |||
.popup_set { | |||
color: #800080; | |||
font-weight: bold; | |||
} | |||
.popup_speed { | |||
color: #8b4513; | |||
} | |||
.popup_fb { | |||
color: #8b4513; | |||
font-weight: bold; | |||
} | |||
.popup_fb_stats { | |||
color: #8b4513; | |||
font-weight: bold; | |||
} | |||
.popup_dmg { | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.popup_text { | |||
color: #007777; | |||
white-space: normal; | |||
max-width: 200px; | |||
} | |||
.popup_quest { | |||
color:#800000; | |||
text-align:center; | |||
font-style: italic; | |||
} | |||
.item_number { | |||
position: absolute; | |||
left: 5px; | |||
top: 5px; | |||
z-index: 10; | |||
font-size: 16pt; | |||
color: white; | |||
font-weight: bold; | |||
text-shadow: 2px 2px 2px #000; | |||
} | |||
.popup_bonus { | |||
color:#8b4513; | |||
} | |||
.popup_job { | |||
display:inline-block; | |||
border-radius: 3px; | |||
border: 1px solid #804000; | |||
padding-top: 3px; | |||
margin-top: 10px !important; | |||
margin-bottom: 10px !important; | |||
} | |||
.popup_job img { | |||
width:50px; | |||
height:50px; | |||
} | |||
.popup_crafteditem { | |||
display:inline-block; | |||
background: none; | |||
margin-top: 10px !important; | |||
margin-bottom: 10px !important; | |||
} | |||
.popup_crafteditem table { | |||
border-radius: 3px; | |||
border: 1px solid #804000; | |||
text-align: center; | |||
} | |||
.popup_txtgreen { | |||
color: green; | |||
} | |||
.popup_txtred { | |||
color: #900; | |||
} | |||
.item_level { | |||
position: absolute; | |||
display:block; | |||
top: 4px; | |||
left: 3px; | |||
height: 13px; | |||
line-height: 13px; | |||
background-color: rgba(0,0,0,0.4); | |||
text-align: center; | |||
font-size: 12px; | |||
padding: 1px 2px 0 2px; | |||
color: #ffffff; | |||
font-weight: normal; | |||
box-shadow: 1px 1px 3px #000000; | |||
border-radius: 0 0 2px 0; | |||
text-shadow: black -1px 0 1px, black 0 1px 1px, black 1px 0 1px, black 0 -1px 1px; | |||
white-space: nowrap; | |||
z-index: 1; | |||
} | |||
.icon_level { | |||
display: inline-block; | |||
width: 15px; | |||
height:12px; | |||
background:url(https://westfr.innogamescdn.com/images/items/item_level.png); | |||
margin-right: 3px; | |||
} | |||
.level { | |||
vertical-align: top; | |||
} | |||
.upgrade { | |||
display: inline-block; | |||
width:12px; | |||
height: 12px; | |||
background: url(https://wiki.the-west.fr/images/c/ca/Upgrade_icons.png) 0px 12px; | |||
margin: 0px 3px 0 1px; | |||
cursor: pointer; | |||
} | |||
.upgrade:hover { | |||
background-position-y:0px; | |||
} | |||
.downgrade { | |||
display: inline-block; | |||
width:12px; | |||
height:12px; | |||
background: url(https://wiki.the-west.fr/images/c/ca/Upgrade_icons.png) 12px 12px; | |||
margin: 0px 3px 0 3px; | |||
cursor: pointer; | |||
} | |||
.downgrade:hover { | |||
background-position-y:0px; | |||
} | |||
.item_container[data-lvl="0"] .item_level { | |||
display:none; | |||
} | |||
.item_container:hover .item_level { | |||
display:block; | |||
} | |||
.item_container .upgrade, .item_container .downgrade { | |||
display:none; | |||
} | |||
.item_container:hover .upgrade, .item_container:hover .downgrade { | |||
display:inline-block; | |||
} | |||
#input_level, | |||
#input_search { | |||
display: inline-block; | |||
background: url(https://westfr.innogamescdn.com/images/tw2gui/textfield/textfield.png) top left no-repeat; | |||
height: 30px; | |||
width: 12px; | |||
} | |||
#input_search { | |||
position: absolute; | |||
right: 250px; | |||
} | |||
input.west { | |||
background: url(https://westfr.innogamescdn.com/images/tw2gui/textfield/textfield.png) top right no-repeat; | |||
height: 30px; | |||
margin-left: 12px; | |||
padding: 0px 8px 0px 0px; | |||
border: 0; | |||
outline: none; | |||
} | |||
.cdrjob{ | |||
border: 10px solid #74563D; | |||
border-radius: 20px; | |||
width: 86%; | |||
background-color: #D4BA91; | |||
align-content: center; | |||
margin-left: 40px; | |||
padding: 3px; | |||
box-shadow: 1px 1px 10px #000;" | |||
} | |||
.xdrjobT{ | |||
text-shadow: 1px 1px 2px rgba(26, 26, 203, 0.51); | |||
color:#404040; | |||
font-size:30px; | |||
width:100%; | |||
text-align:center; | |||
line-height:26px; | |||
border: 0; | |||
font-weight: bold; | |||
font-family: System;text-decoration: underline; | |||
} | |||
#tableh {display: table;} | |||
.row {display: table-row;} | |||
.cell {display: table-cell;} |
Versionen fra 15. jun. 2020, 12:50
/* CSS die hier wordt geplaatst heeft invloed op alle skins */ div.mvisto { opacity:0.8; filter:alpha(opacity=80); } div.mvisto:hover { opacity:1; filter:alpha(opacity=100); } div.NavFrame { margin: 0; padding: 1px; border: 0px solid #322618; text-align: top; border-collapse: collapse; font-size: 95%; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0; padding: 0px; float: left; } div.NavFrame div.NavHead { height: 1.9em; font-weight: bold; background-color: #C0A875; position: relative; } div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p { font-size: 12px; } div.NavEnd { margin: 0; padding: 0; line-height: 1px; clear: both; } a.NavToggle { position: absolute; top: 0; right: 3px; font-weight: normal; font-size: 93%; } .tiltleft { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .tiltleft:hover { -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } .tiltright { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .tiltright:hover { -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); } .middel { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .middel:hover { -webkit-transform: translate(0px,-10px); -moz-transform: translate(0px,-10px); -o-transform: translate(0px,-10px); -ms-transform: translate(0px,-10px); transform: translate(0px,-10px); } .downunder { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .downunder:hover { -webkit-transform: translate(0px,10px); -moz-transform: translate(0px,10px); -o-transform: translate(0px,10px); -ms-transform: translate(0px,10px); transform: translate(0px,10px); } .grow img { height: 87px; width: 123px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grow img:hover { width: 150px; height: 100px; } .highlight{ /*background: url(https://wiki.sk.grepolis.com/images/3/36/Gpwindow_bg.jpg) repeat; border-style: solid; border-width: 3px; -moz-border-image: url(https://wiki.sk.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat; -webkit-border-image: url(https://wiki.sk.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat; -o-border-image: url(https://wiki.sk.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat; border-image: url(https://wiki.sk.grepolis.com/images/1/17/Sandyborder.png) 5 7 7 4 repeat;*/ color:#222222; text-shadow: 1px 1px 0 #fc6, 1px 1px; /*font-family: Georgia,serif;*/ margin:1px; padding:6px; overflow: auto; } th{ text-shadow:none; } #document-wrapper { max-width: 1200px; } .tribal-button { background-color: black; } .tribal-borderbox #contentheader #pt-logout a { margin-right: 2px; } .tribal-borderbox .with-button .tribal-button { width: 21%; } #toc, #toctitle{ width: 98%; } .toc{ width: 98%; } .tw_bg_tl { background-position: left top; bottom: 50%; right: 50%; left: 0; top: 0; } .tw_bg_tr { background-position: right top; width: 50%; bottom: 50%; right: 0; top: 0; } .tw_bg_bl { background-position: left bottom; height: 50%; right: 50%; bottom: 0; left: 0; } .tw_bg_br { background-position: right bottom; height: 50%; width: 50%; bottom: 0; right: 0; } .tooltip_outer { position:absolute; left:50%; bottom: 100%; margin-bottom: 8px; z-index:-1; } .tooltip { position:relative; padding:10px 13px 12px 13px; opacity:0; visibility:hidden; -webkit-transition: opacity .15s ease-in-out; -webkit-transform: translateZ(0) scale(1.0, 1.0); -moz-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; white-space:nowrap; max-width:350px; left:-50%; color:black; } .tooltip::after { content: " "; position: absolute; top: 100%; left: 50%; margin-top: -4px; margin-left: -11px; background-image: url(https://wiki.the-west.fr/images/3/32/Tooltip_arrow.png); width: 22px; height: 11px; } .tooltip_container { position:relative; } .tooltip_container:hover .tooltip { visibility:visible; -webkit-transition: opacity .15s ease-in-out 0.4s; -moz-transition: opacity .15s ease-in-out 0.4s; transition: opacity .15s ease-in-out 0.4s; opacity:1; } .tooltip_container:hover > .tooltip_outer { z-index:1000; } .per_level:after{ content:"(par Niveau)"; } /* Navigation Bar */ #navbar { position:relative; top:29px; font-family:Calibri; width:800px; height:85px; margin:0; padding:0; background-image : url('https://wiki.the-west.fr/images/0/0d/Barre.png'); text-align:center; } #navbar > #bull1 , #navbar > #bull2{ position:absolute; top:20px; z-index:1; width:104px; height:64px; pointer-events: none; } #navbar > #bull1{ left:40px; background-image : url('https://wiki.the-west.fr/images/2/20/Bull1.png'); } #navbar > #bull2{ right:40px; background-image : url('https://wiki.the-west.fr/images/9/91/Bull2.png'); } #navbar ul { list-style-type: none; font-size:0; padding:0; overflow: hidden; position:relative; top:42px; height:37px; } #navbar li { font-size:18px; display:inline; } #navbar li a { position:relative; display:inline-block; color: white; font-weight:normal; text-align: center; padding: 8px 10px; line-height:20px; text-decoration: none; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } #navbar li a:hover { color:#FFDEAD; } #navbar .selflink { background-color: #FFDEAD; color:black; position:relative; display:inline-block; text-align: center; padding: 8px 10px; line-height:20px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset; z-index:1; } #navbar li a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 4px; width: 0; background: #FFDEAD; -webkit-transition: width .25s; -moz-transition: width .25s; -ms-transition: width .25s; -o-transition: width .25s; transition: width .25s; } #navbar li a:hover:before { width:100%; } #navbar li a:after, #navbar .selflink:after{ content: ""; display: block; position: absolute; left: -2px; top: 17px; height: 4px; width: 4px; background: #ffffff; opacity: 0.5; } #navbar .selflink:after{ width: 2px; } #navbar li:first-child *:after{ opacity:0; } /* Items shop */ .shop_container { position: relative; background-image: url(https://wiki.the-west.fr/images/0/05/Shop_container.png); width: 149px; height: 176px; margin: 0px; text-align: center; display:inline-block; } .shop_container .shop_name { display: inline-block; width: 114px; color: white; text-shadow: 0.1em 0.1em 0.2em #000000; font-size: 12px; position: absolute; line-height: 1.1; left: 18px; top: 20px; font-size: 13px; } .shop_container .shop_item { top: 40px; left: 35px; position: absolute; } .shop_container .shop_price { background-image: url(https://wiki.the-west.fr/images/0/0b/Shop_price.png); width: 100%; height: 32px; position: absolute; top: 132px; line-height:32px; font-size:12px; font-weight:bold; color:white; text-shadow:0.1em 0.1em 0.2em #333333; } .shop_container .shop_border { width: 133px; height: 162px; position: absolute; left: 9px; top: 5px; background: url(https://wiki.the-west.fr/images/b/b1/Shop_frame.png) no-repeat; } .shop_container #vert {background-position: -133px 0;} .shop_container #bleu {background-position: -266px 0;} .shop_container #rouge {background-position: -399px 0;} .shop_container #orange {background-position: -532px 0;} .shop_container #marron {background-position: -665px 0;} .shop_container #violet {background-position: -798px 0;} .shop_container #cyan {background-position: -931px 0;} .shop_container #gris {background-position: -1064px 0;} /* Bannière nouveaux sets */ .new_set { width: 36px; height: 34px; position: absolute; top: 0px; right: 0px; background: url(https://wiki.the-west.fr/images/1/1a/New.png); pointer-events: none; } /* Test calendrier */ #calendar { border-image: url(https://westfr.innogamescdn.com/images/tw2gui/table/table_border.png?3) 16 16 16 16 stretch; border-width: 16px; border-style: solid; width: 700px; } #calendar .week { position: relative; } #calendar .day { width:98px; height:100%; border:1px solid grey; display:inline-block; border-radius: 5px; position: relative; font-weight: bold; } #calendar .nb { position: absolute; top:0px; padding:5px; border-bottom:1px solid grey; border-bottom-right-radius: 5px; border-right: 1px solid grey; } #calendar .events { margin-top:30px; position: absolute; top:0px; width:100%; } #calendar .event { position: relative; margin-top:5px; height:10px; left:100px; border-radius:5px; box-shadow: 0px 1px 1px 0px black; } #calendar .today {color:red;} /* Arrière plan noël */ .xmas { background-image: url(https://wiki.the-west.fr/images/5/58/Arri%C3%A8re-plan_No%C3%ABl.png) !important; background-repeat:no-repeat !important; } /* Nouvelles popup */ div.tw_bg_popup_tl, div.tw_bg_popup_tr, div.tw_bg_popup_bl, div.tw_bg_popup_br { background-image: url(https://wiki.the-west.fr/images/5/59/Fond_objets.png); position: absolute; z-index: -1; } .tw_bg_popup_tl { background-position: left top; bottom: 50%; right: 50%; left: 0; top: 0; } .tw_bg_popup_tr { background-position: right top; width: 50%; bottom: 50%; right: 0; top: 0; } .tw_bg_popup_bl { background-position: left bottom; height: 50%; right: 50%; bottom: 0; left: 0; } .tw_bg_popup_br { background-position: right bottom; height: 50%; width: 50%; bottom: 0; right: 0; } div.popup_window { position: absolute; display: none; margin: 0px; min-width: 200px; white-space: nowrap; z-index:1000; } div.item_container { height: 79px; width: 79px; position: relative; background-image: url(https://wiki.the-west.fr/images/a/a9/Case_inventaire.png); background-repeat: no-repeat; display: inline-block; } div.item_container.wear { height: 93px; width: 94px; position: relative; background-image: url(https://wiki.the-west.fr/images/8/82/Item_box_wear.png); background-repeat: no-repeat; display: inline-block; } div.item_container.wear2 { height: 138px; width: 95px; position: relative; background-image: url(https://wiki.the-west.fr/images/5/54/Item_box_wear2.png); background-repeat: no-repeat; display: inline-block; } div.item_container.empty { background-image: none; } div.item_container > img { position: absolute; top: 3px; left: 3px; } div.item_border div.item_container > img, div.item_container.wear > img, div.item_container.wear2 > img { top: 0px !important; left: 0px !important; } div.item_container:hover div.popup_window { left: 120%; top: 10px; z-index: 10; display: block; } div.popup_contents { margin: 25px; font-family: Arial, Verdana, sans-serif; font-size: 12px; } div.popup_contents * { margin: 0; } div.popup_image { background-image: url(https://wiki.the-west.fr/images/a/a9/Case_inventaire.png); background-repeat: no-repeat; width: 79px; height: 79px; margin: auto; } .popup_divider { width:124px; height:6px; margin-top:4px !important; background-image: url(https://wiki.the-west.fr/images/d/d5/Barre_de_division.png); margin-left: auto !important; margin-right: auto !important; display: block; } div.popup_image img { padding-top: 3px; padding-left: 4px; } .popup_attribute { text-align: left; padding-left: 7px; font-size: 12px; color: #070; font-weight: bold; } .popup_skill { text-align: left; padding-left: 18px; font-size: 11px; color: #070; } .popup_type { font-style: italic; font-size: 8pt; text-align: center; } .popup_name { font-size: 13px; color: #070; font-weight: bold; text-align: center; padding-top: 4px; } .popup_infos { text-align: center; } .popup_id { color: blue; } .popup_set { color: #800080; font-weight: bold; } .popup_speed { color: #8b4513; } .popup_fb { color: #8b4513; font-weight: bold; } .popup_fb_stats { color: #8b4513; font-weight: bold; } .popup_dmg { font-weight: bold; text-align: center; } .popup_text { color: #007777; white-space: normal; max-width: 200px; } .popup_quest { color:#800000; text-align:center; font-style: italic; } .item_number { position: absolute; left: 5px; top: 5px; z-index: 10; font-size: 16pt; color: white; font-weight: bold; text-shadow: 2px 2px 2px #000; } .popup_bonus { color:#8b4513; } .popup_job { display:inline-block; border-radius: 3px; border: 1px solid #804000; padding-top: 3px; margin-top: 10px !important; margin-bottom: 10px !important; } .popup_job img { width:50px; height:50px; } .popup_crafteditem { display:inline-block; background: none; margin-top: 10px !important; margin-bottom: 10px !important; } .popup_crafteditem table { border-radius: 3px; border: 1px solid #804000; text-align: center; } .popup_txtgreen { color: green; } .popup_txtred { color: #900; } .item_level { position: absolute; display:block; top: 4px; left: 3px; height: 13px; line-height: 13px; background-color: rgba(0,0,0,0.4); text-align: center; font-size: 12px; padding: 1px 2px 0 2px; color: #ffffff; font-weight: normal; box-shadow: 1px 1px 3px #000000; border-radius: 0 0 2px 0; text-shadow: black -1px 0 1px, black 0 1px 1px, black 1px 0 1px, black 0 -1px 1px; white-space: nowrap; z-index: 1; } .icon_level { display: inline-block; width: 15px; height:12px; background:url(https://westfr.innogamescdn.com/images/items/item_level.png); margin-right: 3px; } .level { vertical-align: top; } .upgrade { display: inline-block; width:12px; height: 12px; background: url(https://wiki.the-west.fr/images/c/ca/Upgrade_icons.png) 0px 12px; margin: 0px 3px 0 1px; cursor: pointer; } .upgrade:hover { background-position-y:0px; } .downgrade { display: inline-block; width:12px; height:12px; background: url(https://wiki.the-west.fr/images/c/ca/Upgrade_icons.png) 12px 12px; margin: 0px 3px 0 3px; cursor: pointer; } .downgrade:hover { background-position-y:0px; } .item_container[data-lvl="0"] .item_level { display:none; } .item_container:hover .item_level { display:block; } .item_container .upgrade, .item_container .downgrade { display:none; } .item_container:hover .upgrade, .item_container:hover .downgrade { display:inline-block; } #input_level, #input_search { display: inline-block; background: url(https://westfr.innogamescdn.com/images/tw2gui/textfield/textfield.png) top left no-repeat; height: 30px; width: 12px; } #input_search { position: absolute; right: 250px; } input.west { background: url(https://westfr.innogamescdn.com/images/tw2gui/textfield/textfield.png) top right no-repeat; height: 30px; margin-left: 12px; padding: 0px 8px 0px 0px; border: 0; outline: none; } .cdrjob{ border: 10px solid #74563D; border-radius: 20px; width: 86%; background-color: #D4BA91; align-content: center; margin-left: 40px; padding: 3px; box-shadow: 1px 1px 10px #000;" } .xdrjobT{ text-shadow: 1px 1px 2px rgba(26, 26, 203, 0.51); color:#404040; font-size:30px; width:100%; text-align:center; line-height:26px; border: 0; font-weight: bold; font-family: System;text-decoration: underline; } #tableh {display: table;} .row {display: table-row;} .cell {display: table-cell;}