MediaWiki:Common.css: differenze tra le versioni
Vai alla navigazione
Nessun oggetto della modifica |
Nessun oggetto della modifica |
||
Riga 72: | Riga 72: | ||
#p-cactions { width: 850px; } | #p-cactions { width: 850px; } | ||
#searchText { | |||
width: 80%; | |||
z-index: 10; | |||
} | |||
.oo-ui-selectWidget { | |||
margin-top: 40px; | |||
} | |||
input.oo-ui-inputWidget-input { | |||
width: 65%; | |||
} | |||
div.tbbox-rafter { | |||
display: none; | |||
} | |||
.tribal-button { | |||
width: 190px !important; | |||
} | |||
.work_bg_prodotto { | |||
height:40px; | |||
width:40px; | |||
padding:2px; | |||
background:url("https://wiki.the-west.net/images/e/ec/Item_box.png"); | |||
background-size: 44px 44px; | |||
margin:0 auto; | |||
} | |||
.work_container { | |||
height:67px; | |||
background-image:none !important; | |||
} | |||
.work_time { | |||
background: rgba(0, 0, 0, 0) url("https://wiki.the-west.it/images/3/3e/Work-time.png") no-repeat scroll right top; | |||
color: #523f30; | |||
font-size: 10px; | |||
font-weight: bold; | |||
height: 22px; | |||
line-height: 22px; | |||
margin-bottom: 22px; | |||
margin-left: 40px; | |||
margin-top: -40px; | |||
padding-left: 31px; | |||
padding-right: 10px; | |||
text-align: center; | |||
width: 65px; | |||
} | |||
.striscia-espandibile { | |||
background:url("https://wiki.the-west.it/images/2/2f/Striscia.png") center top no-repeat !important; | |||
position:relative; | |||
text-align:left; | |||
} | |||
.sfumato { | |||
background: url("https://wiki.the-west.it/images/9/93/Ricetta-bg.png") bottom repeat-x; | |||
border-radius: 0 0 20px 20px; | |||
} | |||
.mw-changeslist-legend, .mw-editfooter-list { | |||
background: none !important; | |||
} | |||
.set_icona { | |||
border-radius: 10px; | |||
cursor: pointer; | |||
display: inline-block; | |||
height: 60px; | |||
margin-top: 3px; | |||
position: relative; | |||
width: 60px; | |||
overflow: hidden; | |||
} | |||
.successo_container { | |||
height: 89px; | |||
width: 400px; | |||
background-image:none !important; | |||
margin-bottom: -35px; | |||
} | |||
.successo_icona { | |||
border-radius: 10px; | |||
cursor: pointer; | |||
display: inline-block; | |||
margin-top: 3px; | |||
position: relative; | |||
overflow: hidden; | |||
} | |||
.successo_titolo { | |||
left: 90px; | |||
right: 90px; | |||
top: 2px; | |||
text-shadow: #000 1px 1px 1px; | |||
font-size: 14px; | |||
font-weight: bold; | |||
color: #FFF; | |||
line-height: 22px; | |||
text-align: center; | |||
position: absolute; | |||
} | |||
.successo_contorno_foto { | |||
left: 8px; | |||
top: 8px; | |||
position: absolute; | |||
} | |||
.successo_contorno_punteggio { | |||
right: 6px; | |||
top: 8px; | |||
position: absolute; | |||
} | |||
.successo_sfondo_foto { | |||
left: 14px; | |||
top: 12px; | |||
position: absolute; | |||
} | |||
.successo_sfondo_punteggio { | |||
right: 15px; | |||
top: 12px; | |||
position: absolute; | |||
} | |||
.successo_foto { | |||
left: 11px; | |||
top: 10px; | |||
position: absolute; | |||
} | |||
.successo_punteggio { | |||
right: 15px; | |||
top: 12px; | |||
font-size: 22px; | |||
text-shadow: #000 1px 1px 1px; | |||
color: #FFF; | |||
text-align: center; | |||
width: 55px; | |||
font-weight: bold; | |||
position: absolute; | |||
} | |||
.successo_data { | |||
right: 15px; | |||
top: 45px; | |||
font-size: 11px; | |||
text-shadow: #000 1px 1px 1px; | |||
color: #FFF; | |||
text-align: center; | |||
width: 55px; | |||
font-weight: bold; | |||
position: absolute; | |||
} | |||
.successo_testo { | |||
left: 70px; | |||
right: 70px; | |||
top: 32px; | |||
text-shadow: #000 1px 1px 1px; | |||
font-size: 13px; | |||
font-weight: bold; | |||
color: #FFF; | |||
text-align: center; | |||
position: absolute; | |||
font-family: Arial, Verdana, sans-serif; | |||
} | |||
.ricompensa_container { | |||
height: 270px; | |||
width: 400px; | |||
background-image:none !important; | |||
margin-bottom: -35px; | |||
} | |||
.ricompensa_icona { | |||
border-radius: 10px; | |||
cursor: pointer; | |||
display: inline-block; | |||
margin-top: 3px; | |||
position: relative; | |||
overflow: visible; | |||
} | |||
.ricompensa_titolo { | |||
left: 100px; | |||
right: 100px; | |||
top: 7px; | |||
text-shadow: #000 1px 1px 1px; | |||
font-size: 14px; | |||
font-weight: bold; | |||
color: #FFF; | |||
line-height: 22px; | |||
text-align: center; | |||
position: absolute; | |||
} | |||
.ricompensa_contorno_foto { | |||
left: 11px; | |||
top: 8px; | |||
position: absolute; | |||
} | |||
.ricompensa_contorno_punteggio { | |||
right: 12px; | |||
top: 8px; | |||
position: absolute; | |||
} | |||
.ricompensa_sfondo_foto { | |||
left: 16px; | |||
top: 12px; | |||
position: absolute; | |||
} | |||
.ricompensa_sfondo_punteggio { | |||
right: 21px; | |||
top: 12px; | |||
position: absolute; | |||
} | |||
.ricompensa_foto { | |||
left: 12px; | |||
top: 11px; | |||
position: absolute; | |||
} | |||
.ricompensa_punteggio { | |||
right: 17px; | |||
top: 12px; | |||
font-size: 22px; | |||
text-shadow: #000 1px 1px 1px; | |||
color: #FFF; | |||
text-align: center; | |||
width: 55px; | |||
font-weight: bold; | |||
position: absolute; | |||
} | |||
.ricompensa_data { | |||
right: 17px; | |||
top: 45px; | |||
font-size: 11px; | |||
text-shadow: #000 1px 1px 1px; | |||
color: #FFF; | |||
text-align: center; | |||
width: 55px; | |||
font-weight: bold; | |||
position: absolute; | |||
} | |||
.ricompensa_testo { | |||
left: 100px; | |||
right: 100px; | |||
top: 50px; | |||
text-shadow: #000 1px 1px 1px; | |||
font-size: 13px; | |||
font-weight: bold; | |||
color: #FFF; | |||
line-height: 22px; | |||
text-align: center; | |||
position: absolute; | |||
font-family: Arial, Verdana, sans-serif; | |||
} | |||
.ricompensa_successo { | |||
left: 11px; | |||
bottom: 30px; | |||
position: absolute; | |||
} | |||
.set_icona_item1{ | |||
bottom: 8px; | |||
left: -5px; | |||
position: absolute; | |||
} | |||
.set_icona_item1 img { | |||
height: 45px; | |||
width: 45px; | |||
} | |||
.set_icona_item2{ | |||
position: absolute; | |||
right: 1px; | |||
top: 3px; | |||
} | |||
.set_icona_item3{ | |||
bottom: 3px; | |||
position: absolute; | |||
right: 1px; | |||
} | |||
.set_icona_item2 img, .set_icona_item3 img { | |||
height: 30px; | |||
width: 30px; | |||
} | |||
.set_icona_arma1{ | |||
left: 1px; | |||
position: absolute; | |||
top: 5px; | |||
} | |||
.set_icona_arma2{ | |||
position: absolute; | |||
right: 1px; | |||
top: 5px; | |||
} | |||
.set_icona_arma1 img, .set_icona_arma2 img { | |||
height: 39px; | |||
width: 26px; | |||
} | |||
.set_icona_arma1{ | |||
left: 1px; | |||
position: absolute; | |||
top: 8px; | |||
} | |||
.set_icona_arma2{ | |||
position: absolute; | |||
right: 1px; | |||
top: 8px; | |||
} | |||
.set_icona_arma1 img, .set_icona_arma2 img { | |||
height: 45px; | |||
width: 45px; | |||
} | |||
.set_icona_animale1{ | |||
left: 1px; | |||
position: absolute; | |||
top: 5px; | |||
} | |||
.set_icona_animale2{ | |||
position: absolute; | |||
right: 1px; | |||
top: 10px; | |||
} | |||
.set_icona_arma1 img, .set_icona_arma2 img { | |||
height: 40px; | |||
width: 40px; | |||
} | |||
div.item_container { | |||
/*background-image: url("https://wiki.the-west.it/images/e/e5/Bgitem.png");*/ | |||
background-image: url("https://wiki.the-west.net/images/e/ec/Item_box.png"); | |||
background-repeat: no-repeat; | |||
display: inline-block; | |||
position: relative; | |||
padding: 3px; | |||
text-align: left; | |||
} | |||
div.item_container div.popup_window { | |||
display: none; | |||
margin: 0; | |||
min-width: 200px; | |||
position: absolute; | |||
white-space: nowrap; | |||
line-height: 1.3; | |||
} | |||
.popup_window { | |||
text-align: left; | |||
} | |||
div.item_container:hover > div.popup_window { | |||
display: block; | |||
left: 120%; | |||
top: 10px; | |||
z-index: 10; | |||
} | |||
div.popup_contents { | |||
font-family: Arial,Verdana,sans-serif; | |||
margin: 25px; | |||
} | |||
div.tw_popup_bg_tl, div.tw_popup_bg_tr, div.tw_popup_bg_bl, div.tw_popup_bg_br { | |||
background-image: url("https://wiki.the-west.net/images/6/68/Popup.png"); | |||
position: absolute; | |||
z-index: -1; | |||
} | |||
.tw_popup_bg_tl { | |||
background-position: left top; | |||
bottom: 50%; | |||
left: 0; | |||
right: 50%; | |||
top: 0; | |||
} | |||
.tw_popup_bg_tr { | |||
background-position: right top; | |||
bottom: 50%; | |||
right: 0; | |||
top: 0; | |||
width: 50%; | |||
} | |||
.tw_popup_bg_bl { | |||
background-position: left bottom; | |||
bottom: 0; | |||
height: 50%; | |||
left: 0; | |||
right: 50%; | |||
} | |||
.tw_popup_bg_br { | |||
background-position: right bottom; | |||
bottom: 0; | |||
height: 50%; | |||
right: 0; | |||
width: 50%; | |||
} | |||
div.popup_image { | |||
background-image: url("https://wiki.the-west.net/images/e/ec/Item_box.png"); | |||
background-repeat: no-repeat; | |||
height: 79px; | |||
margin: auto; | |||
width: 79px; | |||
} | |||
div.popup_image p img { | |||
margin: 3px; | |||
} | |||
p.txtspeed, p.txtid, p.txtdeg, p.txtset, p.tipoitem, p.txtinfo, p.txtinfo1, p.txtame, p.nomeitem, p.txtquete { | |||
display: inline; | |||
} | |||
p.nomeitem { | |||
color: #007700; | |||
font-size: 12px; | |||
font-weight: bold; | |||
padding-left: 10px; | |||
padding-right: 10px; | |||
} | |||
p.tipoitem { | |||
color: #000000; | |||
font-size: 11px; | |||
} | |||
div.set { | |||
border: 0 solid #ff0000; | |||
padding: 5px 10px 0; | |||
text-align: center; | |||
} | |||
p.txtdanni { | |||
color: #000000; | |||
} | |||
/* Tooltip main */ | |||
.tooltip { | |||
position: relative; | |||
display: inline-block; | |||
} | |||
/* Tooltip text */ | |||
.tooltip .tooltiptext { | |||
visibility: hidden; | |||
width: 220px; | |||
background-color: #e7ded4; | |||
text-align: center; | |||
padding: 10px 10px; | |||
border-radius: 6px; | |||
/* Position the tooltip text */ | |||
position: absolute; | |||
z-index: 999999999; | |||
top: -50%; | |||
left: 125%; | |||
margin-left: 0; | |||
/* Fade in tooltip */ | |||
opacity: 0; | |||
transition: opacity 1s; | |||
/*Box shadow*/ | |||
box-shadow: 2px 2px 10px #000; | |||
} | |||
/* Show the tooltip text when your mouse over the tooltip container */ | |||
.tooltip:hover .tooltiptext { | |||
visibility: visible; | |||
opacity: 1; | |||
} | |||
/* Grafica del popup */ | |||
div.popupbg_tl, div.popupbg_tr, div.popupbg_bl, div.popupbg_br { | |||
background-image: url("https://wiki.the-west.it/images/6/68/Popup.png"); | |||
position: absolute; | |||
z-index: -1; | |||
} | |||
.popupbg_tl { | |||
background-position: left top; | |||
bottom: 50%; | |||
left: 0; | |||
right: 50%; | |||
top: 0; | |||
} | |||
.popupbg_tr { | |||
background-position: right top; | |||
bottom: 50%; | |||
right: 0; | |||
top: 0; | |||
width: 50%; | |||
} | |||
.popupbg_bl { | |||
background-position: left bottom; | |||
bottom: 0; | |||
height: 50%; | |||
left: 0; | |||
right: 50%; | |||
} | |||
.popupbg_br { | |||
background-position: right bottom; | |||
bottom: 0; | |||
height: 50%; | |||
right: 0; | |||
width: 50%; | |||
} | |||
.popup { | |||
position:relative; | |||
width:100%; | |||
background:none; | |||
} | |||
.popupbg1 { | |||
width:22px; | |||
height:22px; | |||
background:url("https://wiki.the-west.it/images/6/68/Popup.png") top left; | |||
margin:0px; | |||
padding:0px; | |||
} | |||
.popupbg2 { | |||
height:22px; | |||
background:url("https://wiki.the-west.it/images/6/68/Popup.png") top center; | |||
margin:0px; | |||
padding:0px; | |||
} | |||
.popupbg3 { | |||
width:22px; | |||
height:22px; | |||
background:url("https://wiki.the-west.it/images/6/68/Popup.png") top right; | |||
margin:0px; | |||
padding:0px; | |||
} | |||
.popupbg4 { | |||
width:22px; | |||
background:url("https://wiki.the-west.it/images/6/68/Popup.png") center left; | |||
margin:0px; | |||
padding:0px; | |||
} | |||
.popupbg5 { | |||
background:url("https://wiki.the-west.it/images/6/68/Popup.png") center center; | |||
margin:0px; | |||
padding:0px; | |||
} | |||
.popupbg6 { | |||
width:22px; | |||
background:url("https://wiki.the-west.it/images/6/68/Popup.png") center right; | |||
margin:0px; | |||
padding:0px; | |||
} | |||
.popupbg7 { | |||
width:22px; | |||
height:22px; | |||
background:url("https://wiki.the-west.it/images/6/68/Popup.png") bottom left; | |||
margin:0px; | |||
padding:0px; | |||
} | |||
.popupbg8 { | |||
height:22px; | |||
background:url("https://wiki.the-west.it/images/6/68/Popup.png") bottom center; | |||
margin:0px; | |||
padding:0px; | |||
} | |||
.popupbg9 { | |||
width:22px; | |||
height:22px; | |||
background:url("https://wiki.the-west.it/images/6/68/Popup.png") bottom right; | |||
margin:0px; | |||
padding:0px; | |||
} | |||
#input_level {display:inline-block;} | |||
/*#switch { | |||
position: absolute; | |||
top: 30px; | |||
left: 195px; | |||
cursor: pointer; | |||
}*/ | |||
.per_level:after { | |||
content: " (per Livello)"; | |||
} | |||
#input_search { | |||
display: inline-block; | |||
/*background: url(https://westzzs.innogamescdn.com/images/tw2gui/textfield/textfield.png) top left no-repeat;*/ | |||
height: 30px; | |||
width: 180px; | |||
} | |||
#input_search { | |||
position: absolute; | |||
right: 50px; | |||
} | |||
#back_to_top { | |||
position: fixed; | |||
bottom: 5px; | |||
right: 5px; | |||
cursor: pointer; | |||
} | |||
/* Slideshow container */ | |||
.slideshow-container { | |||
height: 150px; | |||
width: 420px; | |||
position: relative; | |||
margin: auto; | |||
} | |||
/* Hide the images by default */ | |||
.mySlides { | |||
display: inline-block; | |||
} | |||
/* Caption text */ | |||
.text { | |||
color: #000000; | |||
font-size: 15px; | |||
/*padding: 8px 12px;*/ | |||
position: absolute; | |||
bottom: 0px; | |||
width: 100%; | |||
text-align: center; | |||
} | |||
/* Number text (1/3 etc) */ | |||
.numbertext { | |||
color: #ff0000; | |||
font-size: 12px; | |||
padding: 8px 5px; | |||
position: absolute; | |||
top: 0; | |||
} | |||
/* Fading animation */ | |||
.fade { | |||
-webkit-animation-name: fade; | |||
-webkit-animation-duration: 1.5s; | |||
animation-name: fade; | |||
animation-duration: 1.5s; | |||
} | |||
@-webkit-keyframes fade { | |||
from {opacity: .4} | |||
to {opacity: 1} | |||
} | |||
@keyframes fade { | |||
from {opacity: .4} | |||
to {opacity: 1} | |||
} | |||
div.successo{ | |||
display: inline-block; | |||
position: relative; | |||
vertical-align:top; | |||
font-family: Arial, Verdana, sans-serif; | |||
width:424px; | |||
min-height: 120px; | |||
text-align: center; | |||
text-shadow: black 1px 1px 1px; | |||
font-weight: bold; | |||
color: white; | |||
z-index: 3; | |||
margin:2px -1px 2px -1px; | |||
} | |||
div.succ-sfondo{ | |||
width: 100%; | |||
position: absolute; | |||
background-image: url(https://wiki.the-west.it/images/7/70/Successo_ricompensa2.png); | |||
left: 0; | |||
z-index: -1; | |||
} | |||
div.succ-top{ | |||
top: 0; | |||
bottom: 10px; | |||
background-position: top; | |||
} | |||
div.succ-fine{ | |||
bottom: 0; | |||
height: 10px; | |||
background-position: bottom; | |||
} | |||
div.foto{ | |||
background-image: url("https://westzz.innogamescdn.com/images/items/"); | |||
background-repeat: no-repeat; | |||
height: 73px; | |||
margin: auto; | |||
width: 73px; | |||
} |
Versione delle 19:32, 17 ott 2018
/* CSS placed here will be applied to all skins */ .tribal-borderbox {width:auto !important;} .tribal-borderbox .tbbox-tabs li {max-width: 170px;} .tribal-borderbox .tbbox-logo {left:44%} .tribal-borderbox .tbbox-tabs ul {margin-bottom: -18px;} .tribal-borderbox .tbbox-tabs {min-height:auto} .tribal-borderbox .tbbox-pagecontent {width: 860px;} .tribal-borderbox .with-button .tribal-button {width: 190px;} .tribal-borderbox #firstHeading.tbbox-headline, .tribal-borderbox .innogames-headline {width: auto;} .tribal-borderbox .tbbox-page-edge.tbbox-bottom, .tribal-borderbox .tbbox-page-edge.tbbox-top, .tribal-borderbox .tbbox-page-corner.tbbox-top.tbbox-right, .tribal-borderbox .tbbox-page-corner.tbbox-top.tbbox-left, .tribal-borderbox .tbbox-page-corner.tbbox-bottom.tbbox-right, .tribal-borderbox .tbbox-page-corner.tbbox-bottom.tbbox-left {z-index: 1 !important; position: absolute !important;} #toc, .toc {width:400px;} #document-wrapper {max-width: 1246px; margin: 0 auto;} a:visited, .mw-body a.external:visited { color: #3D2685;} a, .mw-body a.external { color: #3D2685;} li#ca-nstab-special { top: -13px; z-index: 1; height: 45px;} #siteNotice .innogames-headline { border-bottom: 2px solid white;border-top: 2px solid white;} #localNotice { padding-top: 36px;z-index:1} #localNotice > div:first-of-type { margin-left: 845px;} #localNotice div.innogame:nth-of-type(2n+1) { background-color: rgba(63,55,35,0.9);} #localNotice div.socialBar:active, #localNotice div.socialBar:hover, #localNotice div.socialBar:focus { background: transparent;} #localNotice #miniLogo { background-image: none; margin-top: -9px;} #localNotice > div:first-of-type, #localNotice div { padding: inherit;} .innogame { height: 32px !important; padding-top: 10px !important;} .innogame a { text-decoration: none; display: block; height: 25px;} #page-wrapper { margin: 0; margin-left: 197px;} #mw-panel { left: -20px;} .socialBar { background: none !important;} #wrapper { width: 1200px; } /* wiki width */ #container { width: 900px; } /* container width */ #contentTop { width: 900px; background-size: 100% 77px; } #content { width: 870px; background-size: 100%; } #contentFooter { background-size: 101%;z-index: 1; } #p-cactions { width: 850px; } #searchText { width: 80%; z-index: 10; } .oo-ui-selectWidget { margin-top: 40px; } input.oo-ui-inputWidget-input { width: 65%; } div.tbbox-rafter { display: none; } .tribal-button { width: 190px !important; } .work_bg_prodotto { height:40px; width:40px; padding:2px; background:url("https://wiki.the-west.net/images/e/ec/Item_box.png"); background-size: 44px 44px; margin:0 auto; } .work_container { height:67px; background-image:none !important; } .work_time { background: rgba(0, 0, 0, 0) url("https://wiki.the-west.it/images/3/3e/Work-time.png") no-repeat scroll right top; color: #523f30; font-size: 10px; font-weight: bold; height: 22px; line-height: 22px; margin-bottom: 22px; margin-left: 40px; margin-top: -40px; padding-left: 31px; padding-right: 10px; text-align: center; width: 65px; } .striscia-espandibile { background:url("https://wiki.the-west.it/images/2/2f/Striscia.png") center top no-repeat !important; position:relative; text-align:left; } .sfumato { background: url("https://wiki.the-west.it/images/9/93/Ricetta-bg.png") bottom repeat-x; border-radius: 0 0 20px 20px; } .mw-changeslist-legend, .mw-editfooter-list { background: none !important; } .set_icona { border-radius: 10px; cursor: pointer; display: inline-block; height: 60px; margin-top: 3px; position: relative; width: 60px; overflow: hidden; } .successo_container { height: 89px; width: 400px; background-image:none !important; margin-bottom: -35px; } .successo_icona { border-radius: 10px; cursor: pointer; display: inline-block; margin-top: 3px; position: relative; overflow: hidden; } .successo_titolo { left: 90px; right: 90px; top: 2px; text-shadow: #000 1px 1px 1px; font-size: 14px; font-weight: bold; color: #FFF; line-height: 22px; text-align: center; position: absolute; } .successo_contorno_foto { left: 8px; top: 8px; position: absolute; } .successo_contorno_punteggio { right: 6px; top: 8px; position: absolute; } .successo_sfondo_foto { left: 14px; top: 12px; position: absolute; } .successo_sfondo_punteggio { right: 15px; top: 12px; position: absolute; } .successo_foto { left: 11px; top: 10px; position: absolute; } .successo_punteggio { right: 15px; top: 12px; font-size: 22px; text-shadow: #000 1px 1px 1px; color: #FFF; text-align: center; width: 55px; font-weight: bold; position: absolute; } .successo_data { right: 15px; top: 45px; font-size: 11px; text-shadow: #000 1px 1px 1px; color: #FFF; text-align: center; width: 55px; font-weight: bold; position: absolute; } .successo_testo { left: 70px; right: 70px; top: 32px; text-shadow: #000 1px 1px 1px; font-size: 13px; font-weight: bold; color: #FFF; text-align: center; position: absolute; font-family: Arial, Verdana, sans-serif; } .ricompensa_container { height: 270px; width: 400px; background-image:none !important; margin-bottom: -35px; } .ricompensa_icona { border-radius: 10px; cursor: pointer; display: inline-block; margin-top: 3px; position: relative; overflow: visible; } .ricompensa_titolo { left: 100px; right: 100px; top: 7px; text-shadow: #000 1px 1px 1px; font-size: 14px; font-weight: bold; color: #FFF; line-height: 22px; text-align: center; position: absolute; } .ricompensa_contorno_foto { left: 11px; top: 8px; position: absolute; } .ricompensa_contorno_punteggio { right: 12px; top: 8px; position: absolute; } .ricompensa_sfondo_foto { left: 16px; top: 12px; position: absolute; } .ricompensa_sfondo_punteggio { right: 21px; top: 12px; position: absolute; } .ricompensa_foto { left: 12px; top: 11px; position: absolute; } .ricompensa_punteggio { right: 17px; top: 12px; font-size: 22px; text-shadow: #000 1px 1px 1px; color: #FFF; text-align: center; width: 55px; font-weight: bold; position: absolute; } .ricompensa_data { right: 17px; top: 45px; font-size: 11px; text-shadow: #000 1px 1px 1px; color: #FFF; text-align: center; width: 55px; font-weight: bold; position: absolute; } .ricompensa_testo { left: 100px; right: 100px; top: 50px; text-shadow: #000 1px 1px 1px; font-size: 13px; font-weight: bold; color: #FFF; line-height: 22px; text-align: center; position: absolute; font-family: Arial, Verdana, sans-serif; } .ricompensa_successo { left: 11px; bottom: 30px; position: absolute; } .set_icona_item1{ bottom: 8px; left: -5px; position: absolute; } .set_icona_item1 img { height: 45px; width: 45px; } .set_icona_item2{ position: absolute; right: 1px; top: 3px; } .set_icona_item3{ bottom: 3px; position: absolute; right: 1px; } .set_icona_item2 img, .set_icona_item3 img { height: 30px; width: 30px; } .set_icona_arma1{ left: 1px; position: absolute; top: 5px; } .set_icona_arma2{ position: absolute; right: 1px; top: 5px; } .set_icona_arma1 img, .set_icona_arma2 img { height: 39px; width: 26px; } .set_icona_arma1{ left: 1px; position: absolute; top: 8px; } .set_icona_arma2{ position: absolute; right: 1px; top: 8px; } .set_icona_arma1 img, .set_icona_arma2 img { height: 45px; width: 45px; } .set_icona_animale1{ left: 1px; position: absolute; top: 5px; } .set_icona_animale2{ position: absolute; right: 1px; top: 10px; } .set_icona_arma1 img, .set_icona_arma2 img { height: 40px; width: 40px; } div.item_container { /*background-image: url("https://wiki.the-west.it/images/e/e5/Bgitem.png");*/ background-image: url("https://wiki.the-west.net/images/e/ec/Item_box.png"); background-repeat: no-repeat; display: inline-block; position: relative; padding: 3px; text-align: left; } div.item_container div.popup_window { display: none; margin: 0; min-width: 200px; position: absolute; white-space: nowrap; line-height: 1.3; } .popup_window { text-align: left; } div.item_container:hover > div.popup_window { display: block; left: 120%; top: 10px; z-index: 10; } div.popup_contents { font-family: Arial,Verdana,sans-serif; margin: 25px; } div.tw_popup_bg_tl, div.tw_popup_bg_tr, div.tw_popup_bg_bl, div.tw_popup_bg_br { background-image: url("https://wiki.the-west.net/images/6/68/Popup.png"); position: absolute; z-index: -1; } .tw_popup_bg_tl { background-position: left top; bottom: 50%; left: 0; right: 50%; top: 0; } .tw_popup_bg_tr { background-position: right top; bottom: 50%; right: 0; top: 0; width: 50%; } .tw_popup_bg_bl { background-position: left bottom; bottom: 0; height: 50%; left: 0; right: 50%; } .tw_popup_bg_br { background-position: right bottom; bottom: 0; height: 50%; right: 0; width: 50%; } div.popup_image { background-image: url("https://wiki.the-west.net/images/e/ec/Item_box.png"); background-repeat: no-repeat; height: 79px; margin: auto; width: 79px; } div.popup_image p img { margin: 3px; } p.txtspeed, p.txtid, p.txtdeg, p.txtset, p.tipoitem, p.txtinfo, p.txtinfo1, p.txtame, p.nomeitem, p.txtquete { display: inline; } p.nomeitem { color: #007700; font-size: 12px; font-weight: bold; padding-left: 10px; padding-right: 10px; } p.tipoitem { color: #000000; font-size: 11px; } div.set { border: 0 solid #ff0000; padding: 5px 10px 0; text-align: center; } p.txtdanni { color: #000000; } /* Tooltip main */ .tooltip { position: relative; display: inline-block; } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 220px; background-color: #e7ded4; text-align: center; padding: 10px 10px; border-radius: 6px; /* Position the tooltip text */ position: absolute; z-index: 999999999; top: -50%; left: 125%; margin-left: 0; /* Fade in tooltip */ opacity: 0; transition: opacity 1s; /*Box shadow*/ box-shadow: 2px 2px 10px #000; } /* Show the tooltip text when your mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } /* Grafica del popup */ div.popupbg_tl, div.popupbg_tr, div.popupbg_bl, div.popupbg_br { background-image: url("https://wiki.the-west.it/images/6/68/Popup.png"); position: absolute; z-index: -1; } .popupbg_tl { background-position: left top; bottom: 50%; left: 0; right: 50%; top: 0; } .popupbg_tr { background-position: right top; bottom: 50%; right: 0; top: 0; width: 50%; } .popupbg_bl { background-position: left bottom; bottom: 0; height: 50%; left: 0; right: 50%; } .popupbg_br { background-position: right bottom; bottom: 0; height: 50%; right: 0; width: 50%; } .popup { position:relative; width:100%; background:none; } .popupbg1 { width:22px; height:22px; background:url("https://wiki.the-west.it/images/6/68/Popup.png") top left; margin:0px; padding:0px; } .popupbg2 { height:22px; background:url("https://wiki.the-west.it/images/6/68/Popup.png") top center; margin:0px; padding:0px; } .popupbg3 { width:22px; height:22px; background:url("https://wiki.the-west.it/images/6/68/Popup.png") top right; margin:0px; padding:0px; } .popupbg4 { width:22px; background:url("https://wiki.the-west.it/images/6/68/Popup.png") center left; margin:0px; padding:0px; } .popupbg5 { background:url("https://wiki.the-west.it/images/6/68/Popup.png") center center; margin:0px; padding:0px; } .popupbg6 { width:22px; background:url("https://wiki.the-west.it/images/6/68/Popup.png") center right; margin:0px; padding:0px; } .popupbg7 { width:22px; height:22px; background:url("https://wiki.the-west.it/images/6/68/Popup.png") bottom left; margin:0px; padding:0px; } .popupbg8 { height:22px; background:url("https://wiki.the-west.it/images/6/68/Popup.png") bottom center; margin:0px; padding:0px; } .popupbg9 { width:22px; height:22px; background:url("https://wiki.the-west.it/images/6/68/Popup.png") bottom right; margin:0px; padding:0px; } #input_level {display:inline-block;} /*#switch { position: absolute; top: 30px; left: 195px; cursor: pointer; }*/ .per_level:after { content: " (per Livello)"; } #input_search { display: inline-block; /*background: url(https://westzzs.innogamescdn.com/images/tw2gui/textfield/textfield.png) top left no-repeat;*/ height: 30px; width: 180px; } #input_search { position: absolute; right: 50px; } #back_to_top { position: fixed; bottom: 5px; right: 5px; cursor: pointer; } /* Slideshow container */ .slideshow-container { height: 150px; width: 420px; position: relative; margin: auto; } /* Hide the images by default */ .mySlides { display: inline-block; } /* Caption text */ .text { color: #000000; font-size: 15px; /*padding: 8px 12px;*/ position: absolute; bottom: 0px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #ff0000; font-size: 12px; padding: 8px 5px; position: absolute; top: 0; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } div.successo{ display: inline-block; position: relative; vertical-align:top; font-family: Arial, Verdana, sans-serif; width:424px; min-height: 120px; text-align: center; text-shadow: black 1px 1px 1px; font-weight: bold; color: white; z-index: 3; margin:2px -1px 2px -1px; } div.succ-sfondo{ width: 100%; position: absolute; background-image: url(https://wiki.the-west.it/images/7/70/Successo_ricompensa2.png); left: 0; z-index: -1; } div.succ-top{ top: 0; bottom: 10px; background-position: top; } div.succ-fine{ bottom: 0; height: 10px; background-position: bottom; } div.foto{ background-image: url("https://westzz.innogamescdn.com/images/items/"); background-repeat: no-repeat; height: 73px; margin: auto; width: 73px; }