MediaWiki:Common.css: Difference between revisions
From The Fifth City Wiki
m Forgot the :has :p (Code editor on mediawiki is claiming this has an error, but I cannot figure out what, and the W3C CSS validator says there is nothing? So I'm going to publish the edit. It should probably be fine.) |
Roboto fonts |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&family=Roboto:wght@400;700&display=swap'); | |||
/* Orders element above others if specific child elements hovered */ | /* Orders element above others if specific child elements hovered */ | ||
Revision as of 14:35, 29 June 2025
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&family=Roboto:wght@400;700&display=swap');
/* Orders element above others if specific child elements hovered */
.frontOnChildHover:has(.hoverChild:hover) {
z-index: 10;
}
/* 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: 1;
}
