MediaWiki:Common.css: differenze tra le versioni
Vai alla navigazione
Nessun oggetto della modifica |
Nessun oggetto della modifica |
||
Riga 154: | Riga 154: | ||
.successo_testo { | .successo_testo { | ||
left: | left: 70px; | ||
right: | right: 70px; | ||
top: 40px; | top: 40px; | ||
text-shadow: #000 1px 1px 1px; | text-shadow: #000 1px 1px 1px; |
Versione delle 21:58, 23 feb 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: 300px;} .mw-body a { color: #804000; font-weight: bold;} .mw-body a.external { color: #804000 !important;} .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: 40px; 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_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; } 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; }