MediaWiki:Common.css

From The Fifth City Wiki
Revision as of 07:50, 22 June 2025 by Hannah (talk | contribs) (Add basic tooltip functionality)

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 */

/* 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;
}