Discussioni MediaWiki:Common.css

Da Wiki The-West IT.
Vai alla navigazione
  1. document-wrapper { max-width: 1160px;}
  2. container { width: 900px; }
  3. contentTop { width: 900px; background-size: 100% 77px; }
  4. content { width: 870px; background-size: 100%; }
  5. contentFooter { background-size: 101%; z-index: 0;}
  6. p-cactions { width: 850px; }
  7. toc{ display:inline-block; width: 400px;}

.mw-body a { color: #804000; font-weight: bold;} .mw-body a.external { color: #804000 !important;}

  1. 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;

}

  1. input_level {display:inline-block;}

/*#switch { 

   position: absolute;
   top: 30px;
   left: 195px;
   cursor: pointer;

}*/

.per_level:after { 

   content: " (per Livello)";

}


  1. input_search {
   display: inline-block;
   /*background: url(https://westzzs.innogamescdn.com/images/tw2gui/textfield/textfield.png)  top left no-repeat;*/
   height: 30px;
   width: 180px;

}

  1. input_search {
   position: absolute;
   right: 250px;

}


  1. 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;

}

Estratto da "https://wiki.the-west.it/index.php?title=Discussioni_MediaWiki:Common.css&oldid=40566"