MediaWiki:Common.css: Difference between revisions
Jump to navigation
No edit summary |
No edit summary |
||
Line 169: | Line 169: | ||
.popup_txtgreen{color:green;} | .popup_txtgreen{color:green;} | ||
.popup_txtred{color:red;} | .popup_txtred{color:red;} | ||
/* Sets */ | |||
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; | |||
} |
Revision as of 10:02, 2 October 2016
/* 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_container:hover > div.popupR { left: 120%; top:10px; z-index: 10; display:block; } div.item_container:hover > div.popupL { right: 120%; top:10px; z-index: 10; display:block; } div.item_container:hover > div.popupRT { left: 120%; bottom:100%; z-index: 10; display:block; } div.item_container:hover > div.popupLT { right: 120%; bottom:100%; 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{ padding-left: 7px; font-size: 12px; color: #070; font-weight: bold; } .popup_skill{ 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; } .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 */ 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; }