MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* 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 */
/* This next line will throw an error... ignore it? I have no clue why it's doing so. */
/* You can check with the official css validator, it is completely valid css */
.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;
}

/*
Remove all <p> tags that are a direct decendant of this class
*/
.removeP > p {
	display: none;
}