MediaWiki:Common.css: Difference between revisions
Jump to navigation
No edit summary |
No edit summary |
||
Line 66: | Line 66: | ||
left:3px; | left:3px; | ||
} | } | ||
div.item_border img { | div.item_border div.item_container img { | ||
top:0px !important; | top:0px !important; | ||
left:0px !important; | left:0px !important; |
Revision as of 14:55, 13 February 2017
/* CSS placed here will be applied to all skins */ #wrapper { width: 1200px; } #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; } /* Popup item */ div.tw_bg_tl, div.tw_bg_tr, div.tw_bg_bl, div.tw_bg_br { 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; bottom: 50%; right: 50%; left: 0; top: 0; } .tw_bg_tr { background-position: right top; width: 50%; bottom: 50%; right: 0; top: 0; } .tw_bg_bl { background-position: left bottom; height: 50%; right: 50%; bottom: 0; left: 0; } .tw_bg_br { background-position: right bottom; height: 50%; width: 50%; bottom: 0; right: 0; } div.item_container div.popup_window { position: absolute; display:none; margin: 0px; min-width:200px; white-space:nowrap; } 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; } div.item_container.empty{ background-image:none; } div.item_container > img { position: absolute; top:3px; left:3px; } div.item_border div.item_container img { top:0px !important; left:0px !important; } div.item_container:hover > div.popup_window { left: 120%; top:10px; z-index: 10; display:block; } div.popup_contents { margin:25px; font-family: Arial, Verdana, sans-serif; } div.popup_contents * { margin:0; } div.popup_image { background-image: url(https://wiki.the-west.net/images/e/ec/Item_box.png); background-repeat: no-repeat; width:79px; height:79px; margin: auto; } div.popup_image img{ padding-top: 3px; padding-left: 4px; } .popup_attribute{ text-align: left; padding-left: 7px; font-size: 12px; color: #070; font-weight: bold; } .popup_skill{ text-align: left; padding-left: 18px; font-size: 11px; color: #070; } .popup_type{ font-style: italic; font-size: 8pt; text-align: center; } .popup_name{ font-size: 13px; color: #070; font-weight: bold; text-align: center; padding-top:4px; } .popup_infos { text-align: center; } .popup_id { color:blue; } .popup_set{ color:#800080; font-weight: bold; } .popup_speed{ color:#8b4513; } .popup_fb_stats{ color:#8b4513; font-weight: bold; } .popup_dmg{ font-weight: bold; text-align: center; } .popup_text{ color: #007777; white-space:normal; max-width:200px; } .item_number{ position: absolute; left: 5px; top: 5px; z-index: 10; font-size: 16pt; color: white; font-weight: bold; text-shadow: 2px 2px 2px #000; } .popup_txtgreen{color:green;} .popup_txtred{color:red;} /* Sets */ .infoSet{ border:1px solid #806D47; box-shadow: 2px 2px 4px #000; padding:10px; } table.infosetatt{ border:1px solid #806D47; /*box-shadow: 2px 2px 4px #000;*/ background-color:#EBEBCF; padding:0px; height:44px; } table.infosetatt td{ padding:0px; vertical-align:middle; } div.tt_bg_tl, div.tt_bg_tr, div.tt_bg_bl, div.tt_bg_br { background-image: url(https://wiki.the-west.fr/images/f/fc/Tooltip_bg.png); background-repeat: no-repeat; position: absolute; z-index: -1; } .tt_bg_tl { background-position: left top; bottom: 50%; right: 50%; left: 0; top: 0; } .tt_bg_tr { background-position: right top; width: 50%; bottom: 50%; right: 0; top: 0; } .tt_bg_bl { background-position: left bottom; height: 50%; right: 50%; bottom: 0; left: 0; } .tt_bg_br { background-position: right bottom; height: 50%; width: 50%; bottom: 0; right: 0; } .tooltip_outer { position:absolute; left:50%; bottom: 100%; margin-bottom: 8px; z-index:-1; } .tooltip { position:relative; padding:10px 13px 12px 13px; 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: " "; position: absolute; top: 100%; left: 50%; margin-top: -4px; margin-left: -11px; background-image: url(https://wiki.the-west.fr/images/3/32/Tooltip_arrow.png); width: 22px; height: 11px; } .tooltip_container { position:relative; } .tooltip_container:hover .tooltip { visibility:visible; -webkit-transition: opacity .15s ease-in-out 0.4s; -moz-transition: opacity .15s ease-in-out 0.4s; transition: opacity .15s ease-in-out 0.4s; opacity:1; } .tooltip_container:hover > .tooltip_outer { z-index:1000; } .per_level:after{ content:"(per Level)"; } #input_level {display:inline-block;} #input_search { display:inline-block; float:right; } .item_border { 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 { position:relative; top:48px; left:5px; text-shadow: black 1px 1px 1px; font-size:18px; color:white; font-weight:40; }