MediaWiki:Common.css
Vai alla navigazione
Nota: dopo aver pubblicato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.
- Firefox / Safari: tieni premuto il tasto delle maiuscole Shift e fai clic su Ricarica, oppure premi Ctrl-F5 o Ctrl-R (⌘-R su Mac)
- Google Chrome: premi Ctrl-Shift-R (⌘-Shift-R su un Mac)
- Internet Explorer / Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5
- Opera: premi Ctrl-F5.
div.item_container { background-image: url("https://wiki.the-west.net/images/e/ec/Item_box.png"); background-repeat: no-repeat; display: inline-block; height: 79px; position: relative; width: 79px; } div.item_container div.popup_window { display: none; margin: 0; min-width: 200px; position: absolute; white-space: nowrap; } div.item_container:hover > div.popup { 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; } /* 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: 0; 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 you 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; }