MediaWiki:Common.css: differenze tra le versioni

Da Wiki The-West IT.
Vai alla navigazione
Nessun oggetto della modifica
Nessun oggetto della modifica
Riga 1: Riga 1:
/* CSS placed here will be applied to all skins */
#document-wrapper { max-width: 1160px;}
/* Wiki */
#container { width: 900px; }
.mw-body a {
#contentTop { width: 900px; background-size: 100% 77px; }
    color: #804000;
#content { width: 870px; background-size: 100%; }
    font-weight: bold;
#contentFooter { background-size: 101%; z-index: 0;}
}
#p-cactions { width: 850px; }
.mw-body a.external {
#toc{  display:inline-block;  width: 400px;}
    color: #804000 !important;
.mw-body a {   color: #804000;    font-weight: bold;}
}
.mw-body a.external {    color: #804000 !important;}
#document-wrapper {
    padding: 0 225px 0 20px;
    margin:0 auto;
    max-width: 1250px;
    min-width:880px;
}
div.mw-content-ltr img {
    max-width:100%;
    height:auto;
}
#searchText {
#searchText {
  width: 80%;
  width: 80%;
  z-index: 10;
  z-index: 10;
}
}
div.oo-ui-menuSelectWidget {
.oo-ui-selectWidget {
  margin-top: 40px;
  margin-top: 40px;
}
}
Riga 28: Riga 18:
  width: 65%;
  width: 65%;
}
}
div.tbbox-rafter {
div.tbbox-rafter {
  display: none;
  display: none;
}
}
body {
 
background-image: url(https://wiki.the-west.net/skins/thewest/images/bg-cover-right.png),url(https://wiki.the-west.net/skins/thewest/images/bg-cover-left.png),url(https://wiki.the-west.net/images/f/f1/NewCoverBgBottom.png),url(https://wiki.the-west.net/images/d/d5/NewMainBg.jpg);
.tribal-button {
    width: 190px !important;
}
}
#siteNotice {
 
     position: absolute;
.work_bg_prodotto {
     left: 0;
     height:40px;
     height: 100%;
     width:40px;
     margin-left: 100%;
    padding:2px;
    background:url("https://wiki.the-west.net/images/e/ec/Item_box.png");
     background-size: 44px 44px;
     margin:0 auto;
}
}
#localNotice div:not(#right_menu):not(#quickLinks):not(.dock-btn){
 
     height:auto !important;
.work_container {
     background:none !important;
     height:67px;
     background-image:none !important;
}
}
#localNotice {
 
     top: -107px;
 
     height: 100%;
.work_time {
     min-height:1650px;
     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;
}
}
#right_menu {
 
     position: -webkit-sticky !important;
.striscia-espandibile {
     position: sticky !important;
     background:url("https://wiki.the-west.it/images/2/2f/Striscia.png") center top no-repeat !important;
     background-image:unset !important;
     position:relative;
    padding:0 !important;
     text-align:left;
    margin:0 20px 0 30px !important;
    top:25px;
}
}
#quickLinks {
 
     position:absolute !important;
.sfumato {
     text-align:center !important;
     background: url("https://wiki.the-west.it/images/9/93/Ricetta-bg.png") bottom repeat-x;
    left:0 !important;
     border-radius: 0 0 20px 20px;
    height:auto !important;
    background: #44301d !important;
    box-shadow: inset 0em 0em 1.2em 0.2em #140a05 !important;
}
}


#socialBar {
.mw-changeslist-legend, .mw-editfooter-list {
    position:absolute !important;
     background: none !important;
    top:300px !important;
    left:0 !important;
     background:none !important;
}
}
.tribal-button {
 
     width: 190px !important;
.set_icona {
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 60px;
    margin-top: 3px;
    position: relative;
     width: 60px;
    overflow: hidden;
}
}
.with-button .tbbox-headline {
 
     width: 100% !important;
.successo_container {
    height: 89px;
     width: 400px;
    background-image:none !important;
    margin-bottom: -35px;
}
}
#toc{
 
  display:inline-block;
.successo_icona {
  width: auto;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    margin-top: 3px;
    position: relative;
    overflow: hidden;
}
}
table {
 
    width: auto;
.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;
}
}
.mw-collapsible {
 
    display:inline-block;
.successo_contorno_foto {
  left: 8px;
  top: 8px;
  position: absolute;
}
}
.mw-collapsible-toggle {
 
    margin-left:10px;
.successo_contorno_punteggio {
  right: 6px;
  top: 8px;
  position: absolute;
}
}
table.transparent, table.transparent > tbody > tr > td {
 
   border:none;
.successo_sfondo_foto {
   background:none !important;
   left: 14px;
  top: 12px;
   position: absolute;
}
}
table.transparent { width:100%;}
 
div.tbbox-logo {z-index:100;}
.successo_sfondo_punteggio {
@media screen and (max-width: 1100px) {
  right: 15px;
  table.transparent > tbody > tr > td {
  top: 12px;
    display:block;
  position: absolute;
  }
}
}
/* Item Popup */
 
div.tw_bg_tl,
.successo_foto {
div.tw_bg_tr,
  left: 11px;
div.tw_bg_bl,
  top: 10px;
div.tw_bg_br {
  position: absolute;
    background-image: url(https://wiki.the-west.net/images/6/68/Popup.png);
    position: absolute;
    z-index: -1;
}
}
.tw_bg_tl {
 
    background-position: left top;
.successo_punteggio {
    bottom: 50%;
  right: 15px;
    right: 50%;
  top: 12px;
    left: 0;
  font-size: 22px;
    top: 0;
  text-shadow: #000 1px 1px 1px;
  color: #FFF;
  text-align: center;
  width: 55px;
  font-weight: bold;
  position: absolute;
}
}
.tw_bg_tr {
 
    background-position: right top;
.successo_data {
    width: 50%;
  right: 15px;
    bottom: 50%;
  top: 45px;
    right: 0;
  font-size: 11px;
    top: 0;
  text-shadow: #000 1px 1px 1px;
  color: #FFF;
  text-align: center;
  width: 55px;
  font-weight: bold;
  position: absolute;
}
}
.tw_bg_bl {
 
    background-position: left bottom;
.successo_testo {
    height: 50%;
  left: 70px;
    right: 50%;
  right: 70px;
    bottom: 0;
  top: 32px;
    left: 0;
  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;
}
}
.tw_bg_br {
 
    background-position: right bottom;
.ricompensa_container {
     height: 50%;
     height: 270px;
     width: 50%;
     width: 400px;
     bottom: 0;
     background-image:none !important;
     right: 0;
     margin-bottom: -35px;
}
}
div.popup_window {
 
    position: absolute;
.ricompensa_icona {
    display: none;
     border-radius: 10px;
    margin: 0px;
     cursor: pointer;
    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.net/images/e/ec/Item_box.png);
     background-repeat: no-repeat;
     display: inline-block;
     display: inline-block;
}
     margin-top: 3px;
div.item_container.wear {
     height: 93px;
    width: 94px;
     position: relative;
     position: relative;
     background-image: url(https://wiki.the-west.net/images/8/82/Item_box_wear.png);
     overflow: visible;
    background-repeat: no-repeat;
    display: inline-block;
}
}
div.item_container.wear2 {
 
    height: 138px;
.ricompensa_titolo {
    width: 95px;
  left: 100px;
    position: relative;
  right: 100px;
    background-image: url(https://wiki.the-west.net/images/5/54/Item_box_wear2.png);
  top: 7px;
    background-repeat: no-repeat;
  text-shadow: #000 1px 1px 1px;
    display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  line-height: 22px;
  text-align: center;
  position: absolute;
}
}
div.item_container.empty {
 
    background-image: none;
.ricompensa_contorno_foto {
  left: 11px;
  top: 8px;
  position: absolute;
}
}
div.item_container > img {
 
    position: absolute;
.ricompensa_contorno_punteggio {
    top: 3px;
  right: 12px;
    left: 3px;
  top: 8px;
  position: absolute;
}
}
div.item_container.item_off > img {
 
    filter:sepia(1) opacity(35%);
.ricompensa_sfondo_foto {
  left: 16px;
  top: 12px;
  position: absolute;
}
}
div.item_border div.item_container > img,
 
div.item_container.wear > img,
.ricompensa_sfondo_punteggio {
div.item_container.wear2 > img {
  right: 21px;
    top: 0px !important;
  top: 12px;
    left: 0px !important;
  position: absolute;
}
}
div.item_container:hover div.popup_window {
 
    left: 120%;
.ricompensa_foto {
    top: 10px;
  left: 12px;
    z-index: 10;
  top: 11px;
    display: block;
  position: absolute;
}
}
div.popup_contents {
 
    margin: 25px;
.ricompensa_punteggio {
    font-family: Arial, Verdana, sans-serif;
  right: 17px;
    font-size: 12px;
  top: 12px;
  font-size: 22px;
  text-shadow: #000 1px 1px 1px;
  color: #FFF;
  text-align: center;
  width: 55px;
  font-weight: bold;
  position: absolute;
}
}
div.popup_contents * {
 
    margin: 0;
.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;
}
}
div.popup_image {
 
    background-image: url(https://wiki.the-west.net/images/e/ec/Item_box.png);
.ricompensa_testo {
    background-repeat: no-repeat;
  left: 100px;
    width: 79px;
  right: 100px;
    height: 79px;
  top: 50px;
    margin: auto;
  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;
}
}
.popup_divider {
 
    width:124px;
.ricompensa_successo {
    height:6px;
  left: 11px;
    margin-top:4px !important;
  bottom: 30px;
    background-image: url(https://wiki.the-west.net/images/c/c1/Divider.png);
  position: absolute;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}
}
div.popup_image img {
 
     padding-top: 3px;
.set_icona_item1{
     padding-left: 4px;
     bottom: 8px;
     left: -5px;
    position: absolute;
}
}
.popup_attribute {
 
     text-align: left;
.set_icona_item1 img {
    padding-left: 7px;
     height: 45px;
    font-size: 12px;
     width: 45px;
    color: #070;
     font-weight: bold;
}
}
.popup_skill {
 
     text-align: left;
.set_icona_item2{
    padding-left: 18px;
     position: absolute;
     font-size: 11px;
     right: 1px;
     color: #070;
     top: 3px;
}
}
.popup_type {
 
     font-style: italic;
.set_icona_item3{
     font-size: 8pt;
     bottom: 3px;
     text-align: center;
     position: absolute;
     right: 1px;
}
}
.popup_name {
 
     font-size: 13px;
.set_icona_item2 img, .set_icona_item3 img {
    color: #070;
     height: 30px;
    font-weight: bold;
     width: 30px;
    text-align: center;
     padding-top: 4px;
}
}
.popup_infos {
 
     text-align: center;
.set_icona_arma1{
     left: 1px;
    position: absolute;
    top: 5px;
}
}
.popup_id {
 
     color: blue;
.set_icona_arma2{
     position: absolute;
    right: 1px;
    top: 5px;
}
}
.popup_set {
 
     color: #800080 !important;
.set_icona_arma1 img, .set_icona_arma2 img {
     font-weight: bold !important;
     height: 39px;
     width: 26px;
}
}
.popup_speed {
 
     color: #8b4513;
.set_icona_arma1{
     left: 1px;
    position: absolute;
    top: 8px;
}
}
.popup_fb {
 
     color: #8b4513;
.set_icona_arma2{
     font-weight: bold;
     position: absolute;
    right: 1px;
     top: 8px;
}
}
.popup_fb_stats {
 
     color: #8b4513;
.set_icona_arma1 img, .set_icona_arma2 img {
     font-weight: bold;
     height: 45px;
     width: 45px;
}
}
.popup_dmg {
 
     font-weight: bold;
.set_icona_animale1{
     text-align: center;
     left: 1px;
    position: absolute;
     top: 5px;
}
}
.popup_text {
 
    color: #007777;
.set_icona_animale2{
    white-space: normal;
    max-width: 200px;
}
.item_number {
     position: absolute;
     position: absolute;
     left: 5px;
     right: 1px;
     top: 2px;
     top: 10px;
    z-index: 10;
    font-size: 16pt;
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 2px #000;
}
}
.popup_bonus {
 
     color:#8b4513;
.set_icona_arma1 img, .set_icona_arma2 img {
     height: 40px;
    width: 40px;
}
}
.popup_job {
 
     display:inline-block;
div.item_container {
     border-radius: 3px;
     /*background-image: url("https://wiki.the-west.it/images/e/e5/Bgitem.png");*/
     border: 1px solid #804000;
     background-image: url("https://wiki.the-west.net/images/e/ec/Item_box.png");
     padding-top: 3px;
     background-repeat: no-repeat;
     margin-top: 10px !important;
     display: inline-block;
     margin-bottom: 10px !important;
    position: relative;
     padding: 3px;
     text-align: left;
}
}
.popup_job img {
 
     width:50px;
div.item_container div.popup_window {
     height:50px;
     display: none;
    margin: 0;
    min-width: 200px;
     position: absolute;
    white-space: nowrap;
    line-height: 1.3;
}
}
.popup_crafteditem {
 
     display:inline-block;
.popup_window {
    background: none;
     text-align: left;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
}
.popup_crafteditem table {
 
     border-radius: 3px;
div.item_container:hover > div.popup_window {
     border: 1px solid #804000;
     display: block;
     text-align: center;
    left: 120%;
     top: 10px;
     z-index: 10;
}
}
.popup_txtgreen {
 
     color: green;
div.popup_contents {
     font-family: Arial,Verdana,sans-serif;
    margin: 25px;
}
}
.popup_txtred {
    color: #900;
}
/* Sets */
.set_container {
    position:relative;
    width: 276px;
    height: 395px;
    box-shadow: 0 0 65px #cdbe9f inset, 0 0 20px #beae8c inset, 0 0 5px #816f47;
    border-radius: 10px;
}
.infoSet {
    width:auto;
    margin-top:10px;
    padding: 0;
    text-align:center;
    border: 1px solid #806D47;
    box-shadow: 1px 1px 5px #000;;
}
table.infosetatt {
    border: 1px solid #806D47;
    background-color: #EBEBCF;
    padding: 0;
    height: 44px;
}
table.infosetatt td {
    padding: 0;
    vertical-align: middle;
}
div.set_bonus {
    border:1px solid #997146;
    width:40px;
    text-align:center;
    background-color:#4E3E26;
    color:#fff;
    font:12px arial;
    float:left;
}
/* Set bonus tooltip */


div.tt_bg_tl,
div.tw_popup_bg_tl, div.tw_popup_bg_tr, div.tw_popup_bg_bl, div.tw_popup_bg_br {
div.tt_bg_tr,
     background-image: url("https://wiki.the-west.net/images/6/68/Popup.png");
div.tt_bg_bl,
div.tt_bg_br {
     background-image: url(https://wiki.the-west.net/images/f/fc/Tooltip_bg.png);
    background-repeat: no-repeat;
     position: absolute;
     position: absolute;
     z-index: -1;
     z-index: -1;
}
}
.tt_bg_tl {
 
.tw_popup_bg_tl {
     background-position: left top;
     background-position: left top;
     bottom: 50%;
     bottom: 50%;
    left: 0;
     right: 50%;
     right: 50%;
    left: 0;
     top: 0;
     top: 0;
}
}
.tt_bg_tr {
 
.tw_popup_bg_tr {
     background-position: right top;
     background-position: right top;
    width: 50%;
     bottom: 50%;
     bottom: 50%;
     right: 0;
     right: 0;
     top: 0;
     top: 0;
    width: 50%;
}
}
.tt_bg_bl {
 
.tw_popup_bg_bl {
     background-position: left bottom;
     background-position: left bottom;
    bottom: 0;
     height: 50%;
     height: 50%;
    left: 0;
     right: 50%;
     right: 50%;
    bottom: 0;
    left: 0;
}
}
.tt_bg_br {
 
.tw_popup_bg_br {
     background-position: right bottom;
     background-position: right bottom;
    bottom: 0;
     height: 50%;
     height: 50%;
    right: 0;
     width: 50%;
     width: 50%;
    bottom: 0;
    right: 0;
}
}
.tooltip_outer {
 
     position: absolute;
div.popup_image {
     left: 50%;
     background-image: url("https://wiki.the-west.net/images/e/ec/Item_box.png");
     bottom: 100%;
     background-repeat: no-repeat;
     margin-bottom: 8px;
     height: 79px;
     z-index: -1;
     margin: auto;
     width: 79px;
}
}
.tooltip {
 
     position: relative;
div.popup_image p img {
    padding: 10px 13px 12px 13px;
     margin: 3px;
    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: " ";
p.txtspeed, p.txtid, p.txtdeg, p.txtset, p.tipoitem, p.txtinfo, p.txtinfo1, p.txtame, p.nomeitem, p.txtquete {
    position: absolute;
     display: inline;
    top: 100%;
    left: 50%;
    margin-top: -4px;
    margin-left: -11px;
    background-image: url(https://wiki.the-west.net/images/3/32/Tooltip_arrow.png);
    width: 22px;
     height: 11px;
}
}
.tooltip_container {
 
     position: relative;
p.nomeitem {
     color: #007700;
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}
}
.tooltip_container:hover .tooltip {
 
     visibility: visible;
p.tipoitem {
    -webkit-transition: opacity .15s ease-in-out 0.4s;
     color: #000000;
    -moz-transition: opacity .15s ease-in-out 0.4s;
     font-size: 11px;
     transition: opacity .15s ease-in-out 0.4s;
    opacity: 1;
}
}
.tooltip_container:hover > .tooltip_outer {
 
     z-index: 1000;
div.set {
    border: 0 solid #ff0000;
    padding: 5px 10px 0;
     text-align: center;
}
}
.per_level:after {
 
     content: "(per Livello)";
p.txtdanni {
     color: #000000;
}
}
/* Quest templates */


.item_border {
 
 
 
 
 
 
 
 
 
 
 
/* Tooltip main */
.tooltip {
     position: relative;
     position: relative;
     display: inline-block;
     display: inline-block;
    margin: 5px;
    background-color: #917F63;
    width: 74px;
    height: 74px;
    border-right: outset 2px;
    border-bottom: outset 2px;
    border-color: #000000;
    border-radius: 8px;
    text-align: left;
}
}
.number {
 
/* 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;
     position: absolute;
     top: 40px;
    z-index: 999999999;
     left: 5px;
     top: -50%;
     text-shadow: black 1px 1px 1px;
     left: 125%;
     font-size: 18px;
     margin-left: 0;
     color: white;
 
     font-weight: 40;
    /* Fade in tooltip */
     opacity: 0;
     transition: opacity 1s;
      
    /*Box shadow*/
    box-shadow: 2px 2px 10px #000;
}
}
/* Set switch duel weapon */


#switch {
 
    position: absolute;
/* Show the tooltip text when your mouse over the tooltip container */
    top: 30px;
.tooltip:hover .tooltiptext {
     left: 195px;
     visibility: visible;
     cursor: pointer;
     opacity: 1;  
}
}
#switch_prod {
 
/* 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;
     position: absolute;
     top: 30px;
     z-index: -1;
    left: 195px;
    cursor: pointer;
}
}
/* Inputs */


#input_level,
.popupbg_tl {
#input_search {
     background-position: left top;
     display: inline-block;
     bottom: 50%;
     background: url(https://westzz.innogamescdn.com/images/tw2gui/textfield/textfield.png) top left no-repeat;
    left: 0;
     height: 30px;
     right: 50%;
     width: 12px;
     top: 0;
}
}
#input_search {
 
     position: absolute;
.popupbg_tr {
     right: 250px;
     background-position: right top;
    bottom: 50%;
     right: 0;
    top: 0;
    width: 50%;
}
}
input.west {
    background: url(https://westzz.innogamescdn.com/images/tw2gui/textfield/textfield.png) top right no-repeat;
    height: 30px;
    width: 180px;
    margin-left: 12px;
    padding: 0px 8px 0px 0px;
    border: 0;
    outline: none;


.popupbg_bl {
    background-position: left bottom;
    bottom: 0;
    height: 50%;
    left: 0;
    right: 50%;
}
}
/* Set icon */
 
.set_icon_sprite {
.popupbg_br {
     display:inline-block;
     background-position: right bottom;
    position: relative;
     bottom: 0;
    margin-top:3px;
     height: 50%;
     width: 50px;
     right: 0;
     height: 50px;
     width: 50%;
     cursor: pointer;
     border-radius: 5px;
    background:url(https://wiki.the-west.it/images/4/46/Set_icons_sprite.png);
}
}
.set_icon_sprite:hover {
 
    background-color: #FFEECC;
 
 
 
 
 
.popup {
    position:relative;
    width:100%;
    background:none;
}
}
.warning_message {
 
     color: white;
.popupbg1 {
     display: inline-block;
     width:22px;
    padding: 12px 12px 12px 12px;
     height:22px;
    border: 1px solid black;
     background:url("https://wiki.the-west.it/images/6/68/Popup.png") top left;
     background: red;
     margin:0px;
    background: -webkit-linear-gradient(#db1616, #831919);
     padding:0px;
    background: -o-linear-gradient(#db1616, #831919);
     background: -moz-linear-gradient(#db1616, #831919);
     background: linear-gradient(#db1616, #831919);
}
}
/* Upgrade */
 
.item_level {
.popupbg2 {
     position: absolute;
     height:22px;
    display:block;
     background:url("https://wiki.the-west.it/images/6/68/Popup.png") top center;
    top: 4px;
     margin:0px;
    left: 3px;
     padding:0px;
    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;
.popupbg3 {
     width: 15px;
     width:22px;
     height:12px;
     height:22px;
     background:url(https://westzz.innogamescdn.com/images/items/item_level.png);
     background:url("https://wiki.the-west.it/images/6/68/Popup.png") top right;
     margin-right: 3px;
     margin:0px;
    padding:0px;
}
}
.level {
 
     vertical-align: top;
.popupbg4 {
     width:22px;
    background:url("https://wiki.the-west.it/images/6/68/Popup.png") center left;
    margin:0px;
    padding:0px;
}
}
.upgrade {
 
    display: inline-block;
.popupbg5 {
    width:12px;
     background:url("https://wiki.the-west.it/images/6/68/Popup.png") center center;
    height: 12px;
     margin:0px;
     background: url(https://wiki.the-west.net/images/c/ca/Upgrade_icons.png) 0px 12px;
     padding:0px;
     margin: 0px 3px 0 1px;
     cursor: pointer;
}
}
.upgrade:hover {
 
     background-position-y:0px;
.popupbg6 {
    width:22px;
     background:url("https://wiki.the-west.it/images/6/68/Popup.png") center right;
    margin:0px;
    padding:0px;
}
}
.downgrade {
 
    display: inline-block;
.popupbg7 {
     width:12px;
     width:22px;
     height:12px;
     height:22px;
     background: url(https://wiki.the-west.net/images/c/ca/Upgrade_icons.png) 12px 12px;
     background:url("https://wiki.the-west.it/images/6/68/Popup.png") bottom left;
     margin: 0px 3px 0 3px;
     margin:0px;
     cursor: pointer;
     padding:0px;
}
}
.downgrade:hover {
 
     background-position-y:0px;
.popupbg8 {
    height:22px;
     background:url("https://wiki.the-west.it/images/6/68/Popup.png") bottom center;
    margin:0px;
    padding:0px;
}
}


.item_container[data-lvl="0"] .item_level {
.popupbg9 {
display:none;
    width:22px;
    height:22px;
    background:url("https://wiki.the-west.it/images/6/68/Popup.png") bottom right;
    margin:0px;
    padding:0px;
}
}
.item_container:hover .item_level {
 
display:block;
#input_level {display:inline-block;}
 
/*#switch {
    position: absolute;
    top: 30px;
    left: 195px;
    cursor: pointer;
}*/
 
.per_level:after {
    content: " (per Livello)";
}
}
.item_container .upgrade, .item_container .downgrade {
 
display:none;
 
 
#input_search {
    display: inline-block;
    /*background: url(https://westzzs.innogamescdn.com/images/tw2gui/textfield/textfield.png)  top left no-repeat;*/
    height: 30px;
    width: 180px;
}
}
.item_container:hover .upgrade, .item_container:hover .downgrade {
#input_search {
display:inline-block;
    position: absolute;
    right: 50px;
}
}
div.set_container div.item_container > img {
 
    cursor:pointer;
 
}
#back_to_top {
div.mw-collapsible > b {
     position: fixed;
    color:#5e321a;
     bottom: 5px;
    font-size:16px;
     right: 5px;
}
.navbar_items {
    width: 392px;
    height: 89px;
    padding: 10px;
    background: url(https://wiki.the-west.net/images/b/ba/Navbar_items.png) no-repeat;
}
.navbar_items .link_icon {
    display:inline-block;
     position: relative;
     width: 42px;
     height: 43px;
     cursor: pointer;
     cursor: pointer;
    background:url(https://wiki.the-west.net/images/8/87/Navbar_items_icons.png);
}
}
.navbar_items .link_icon:hover, .navbar_items .active{
 
    background-position-y:-43px;
/* Slideshow container */
.slideshow-container {
  height: 150px;
  width: 420px;
  position: relative;
  margin: auto;
}
}
div#dock {
 
    position:absolute !important;
/* Hide the images by default */
    right: 0 !important;
.mySlides {
    margin: 10px !important;
     display: inline-block;
    width: 150px !important;
    height: auto !important;
    padding: 5px !important;
    background: url(/skins/thewest/images/headline-bgtile.png?1cd53) repeat !important;
     box-shadow: inset 0em 0em 1.2em 0.2em #140a05, 0px 0px 2px 1px #000000b3 !important;
    z-index: 500;
}
}
div.dock-btn {
 
    display: inline-block !important;
/* Caption text */
    width: 52px !important;
.text {
    height: 52px !important;
  color: #000000;
    background: url(https://wiki.the-west.net/images/a/a2/Dock_buttons.png) no-repeat !important;
  font-size: 15px;
  /*padding: 8px 12px;*/
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
}
}
div.dock-btn:hover {
 
  background-position-x:-52px !important;
/* Number text (1/3 etc) */
.numbertext {
  color: #ff0000;
  font-size: 12px;
  padding: 8px 5px;
  position: absolute;
  top: 0;
}
}
div.dock-btn > a > span {
 
    display: block !important;
/* Fading animation */
    width: 52px !important;
.fade {
    height: 52px !important;
  -webkit-animation-name: fade;
    background: url(https://wiki.the-west.net/images/a/a7/Dock_icons.png) !important;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
}
#right_menu .innogames-headline {
 
    margin-bottom:5px !important;
@-webkit-keyframes fade {
    border-top: 4px solid transparent !important;
  from {opacity: .4}
    border-bottom: 4px solid transparent !important;
  to {opacity: 1}
    border-image-slice: 4 !important;
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAECAIAAABz8up3AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QsREQkqmSTYtAAAAEZJREFUGNNjtLfQYcAAP37+4mBnY6AlYHz/5gUBFYyMWMX///+PX83///8h4sgq4YDl+OHdxLgP01jcKv8T5WMDLUWGgQAACj4ULl9i6ucAAAAASUVORK5CYII=) !important;
}
}
div.wiki-title {
 
    position:relative;
@keyframes fade {
    max-width: 800px;
  from {opacity: .4}
    height: 49px;
  to {opacity: 1}
    background: url(https://wiki.the-west.net/images/b/b3/Title.png) no-repeat;
    background-size: 100% 100%;
}
}
#popup_plain {
 
    position:relative;
 
    display:inline-block;
 
}
 
div.achievement {
div.successo{
     display: inline-block;
     display: inline-block;
     position: relative;
     position: relative;
Riga 674: Riga 741:
     margin:2px -1px 2px -1px;
     margin:2px -1px 2px -1px;
}
}
div.ach-background {
div.succ-sfondo{
     width: 100%;
     width: 100%;
     position: absolute;
     position: absolute;
     background-image: url(https://wiki.the-west.net/images/c/c8/Achievement_Background.png);
     background-image: url(https://wiki.the-west.it/images/7/70/Successo_ricompensa2.png);
     left: 0;
     left: 0;
     z-index: -1;
     z-index: -1;
}
}
div.ach-top{
div.succ-top{
     top: 0;
     top: 0;
     bottom: 10px;
     bottom: 10px;
     background-position: top;
     background-position: top;
}
}
div.ach-btm {
div.succ-fine{
     bottom: 0;
     bottom: 0;
     height: 10px;
     height: 10px;
     background-position: bottom;
     background-position: bottom;
}
.tw2gui_button {
    display: inline-block;
    position: relative;
    height: 36px;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center;
    cursor: pointer;
    min-width:150px;
    max-width:330px;
}
.tw2gui_button_left_cap,.tw2gui_button_right_cap {
    position: absolute;
    width: 50%;
    height: 36px;
    background: url(https://westzz.innogamescdn.com/images/tw2gui/button/button_normal.png) 0 0;
    left: 0;
}
.tw2gui_button_right_cap {
    left: 50%;
    background-position: right top;
}
.tw2gui_button_middle_bg {
    position: absolute;
    width: 18px;
    height: 36px;
    margin-left: -9px;
    left: 50%;
    background: url(https://westzz.innogamescdn.com/images/tw2gui/button/button_mid_normal.png) 0 0 no-repeat;
}
.textart_title {
    position: relative;
    color: #FFE7B1;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 9px;
    text-align: center;
    height: 19px;
    white-space: nowrap;
    font: bold 10pt Arial;
    overflow: hidden;
    text-overflow: ellipsis;
}
table.sticky_header th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index:3;
}
/* Item buff icon */
div.item_buff::after{
      content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAL4SURBVHjafJJRbFN1FIe/W7rcuxbb3ru2W2nHaJsJbEJ0DsE5B8l4wOCDhMQHs4wXCMTwUBFiTIxKfDBGh4uGxJolKCbwICYOkBQmbGHBTNQRSDpghJbZpr10XTc6a/vX3c4HXe1i4klOcs7D73e+nHMkquLyOzs/jj+cDvnrXf3dR797bakHUFwqHpO5f3ze+dmRY1/eXdKsqDYIrFoZyYsyiRJbRsanjnatVyPdPXsJbGzDrnkxTPkthV/vHNz9Umv62yv3fwGQ+J8YOPDMYnfPXu5O3Ka9YzMAyViCny98TY3PsX/PW5c+l6rRFZdKz3sXpWO9Ty06u55zZ69ey7zQuw9HfRM10jzJWAJfoLFiMmtZv84EcDOeCm3vDZGZygBw6OQNaVGf3OVucgNQI81z6dwFBo4fJxlLYNfsWJrW0fZY9oAJwFJQRsP972IpKKMAHx7as/bP5FzY2diCopj5LV/m2ec76djWhcPpRTKtxOv1EX84HVq2g5MDB12L+uSumcnpsLvJzRObtuNwehmKDNLZtRVFMVMqLXDjpzFaWjdw5cwpTNUnzF69ljGKhbD/6c00b+zErtkZigzy45lhpmL3eJR7BEDH1h2Voeal4mY8FWrp3Iaqasiygq6nsKl1bGpvx1mn0tCwqiIq/j6HrqcA/iWwFJTRbGICAF1P8eknX3AnegshSvj9QYQoAXBu8Dz52RmyiQksBWW08kiuJ9ui5Vx6n7OhHlXVaH58NX5/EMNYwDAW/sY1mwkG/WSzGW6NR4mu8LxcIThx+uz12jWBvrHhEWZnc8umRi4OASBECV1PMTY8Qu2aQN+J02ev/+cTP3hz90fFB7HX63yr8fk8aKqG3aESj98nmUyTmrqNI7ih7433vzkMIL2y/8XGU+HzicNvv2qduZdsLQgR0Gy2QD6XPKKJtKPaPCd75v4war8yyTU/WGU5Vtfsi5rlvMkDJIxSUQhbOW3NywghYrLV9X3B6lpGJ/+TAMJWThulovhrAOGQNXfJZsPQAAAAAElFTkSuQmCC);
      position:absolute;
      bottom:5px;
      right:5px;
      width:16px;
      height:15px;
}
}


.work_container {
div.foto{
    height:67px;
     background-image: url("https://westzz.innogamescdn.com/images/items/");
    background-image:none !important;
}
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;
}
 
div.mappa_mandante{
    height: 120px;
    width: 120px;
    position: relative;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     display: inline-block;
     height: 73px;
}
     margin: auto;
div.item_border div.mappa_mandante> img,
     width: 73px;
div.mappa_mandante.wear > img,
div.mappa_mandante.wear2 > img {
     top: 0px !important;
    left: 0px !important;
}}
div.item_border div.mappa_mandante.empty {
     width: 120px;
    height: 120px;
}
div.mappa_mandante:hover div.popup_window {
    left: 120%;
    top: 10px;
    z-index: 10;
    display: block;
}
 
.striscia-espandibile {
 
  background:url("https://wiki.the-west.it/images/2/2f/Striscia.png") center top no-repeat !important;
  position:relative;
  text-align:left;
}
}

Versione delle 13:20, 1 set 2018

#document-wrapper { max-width: 1160px;}
#container { width: 900px; }
#contentTop { width: 900px; background-size: 100% 77px; }
#content { width: 870px; background-size: 100%; }
#contentFooter { background-size: 101%; z-index: 0;}
#p-cactions { width: 850px; }
#toc{   display:inline-block;   width: 400px;}
.mw-body a {   color: #804000;    font-weight: bold;}
.mw-body a.external {    color: #804000 !important;}
#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;
}