MediaWiki:Common.css: Difference between revisions
From The Fifth City Wiki
Add basic tooltip functionality |
m Modify z-indexing of tooltips (-1 when not visible, 10 when visible) |
||
Line 35: | Line 35: | ||
/* Tooltip positioning */ | /* Tooltip positioning */ | ||
position: absolute; | position: absolute; | ||
z-index: 1; | z-index: -1; | ||
bottom: 100%; | bottom: 100%; | ||
} | } | ||
Line 41: | Line 41: | ||
.hastooltip:hover .tooltip { | .hastooltip:hover .tooltip { | ||
visibility: visible; | visibility: visible; | ||
z-index: 10; | |||
} | } |
Revision as of 05:31, 23 June 2025
/* CSS placed here will be applied to all skins */ /* Rules for the citation generator */ #citegen_input_url, #citegen_input_title, #citegen_input_source, #citegen_input_quote { width: 60%; } #citecont_url, #citecont_title, #citecont_source, #citecont_quote, #citecont_opt, #citecont_output { margin: 0 0 1rem 0; } /* Basic tooltip css */ /* Used in the following way: <any_tag class = "hastooltip"> Stuff That Has Tooltip When You Hover Over It <div class = "tooltip"> Tooltip Content </div> </any_tag> */ .hastooltip { position: relative; } .hastooltip .tooltip { visibility: hidden; /* Tooltip styling */ border: 2px dashed darkgray; background-color: black; padding: 5px; text-align: center; color: white; /* Tooltip positioning */ position: absolute; z-index: -1; bottom: 100%; } .hastooltip:hover .tooltip { visibility: visible; z-index: 10; }