MediaWiki:Common.css: Difference between revisions

From Olentangy Park Wiki
Jump to navigation Jump to search
Added Tooltip styling
mNo edit summary
 
(7 intermediate revisions by the same user not shown)
Line 137: Line 137:
display: inline-block;
display: inline-block;
border-bottom: 1px dotted black;
border-bottom: 1px dotted black;
line-height: 15px;
}
}


.tooltip .tooltiptext {
.tooltip .tooltiptext {
position: absolute;
position: absolute;
top: 20px;
top: 22px;
left: 0;
left: 0;
z-index: 1;
z-index: 1;
Line 149: Line 150:
border-radius: 6px;
border-radius: 6px;
text-align: center;
text-align: center;
padding: 5px 0;
font-size: 10pt;
width: 120px;
padding: 5px;
min-width: 120px;
}
}


.tooltip:hover .tooltiptext { visibility: visible; }
.tooltip:hover .tooltiptext { visibility: visible; }

Latest revision as of 18:58, 12 June 2025

/* CSS placed here will be applied to all skins */

#bodyContent {
	/*max-width: 1050px;*/
}

h2:has(#References) {
	clear: both;
}

.mw-references-wrap {
	margin-bottom: 30px;
}

.infobox {
    float: right;
    background: #eee;
    margin: 0 0 1em 1em;
    border: 1px dashed #aaa;
    padding: 1em;
    font-size: 10pt;
    width: 300px;
}
.infobox-title {
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox th {
    text-align: left;
    vertical-align: top;
    width: 140px;
}
.infobox td {
    vertical-align: top;
}

.copycode {
    background: #f3f3f3;
    margin: 0;
    padding: 1em;
    font-size: 10pt;
    width: 600px;
}

.notice {
    background: #eee;
    margin: 30px auto;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    font-size: 10pt;
    width: 60%;
}

.mw-references-wrap {
  font-size: 9pt;
}

.summary-text {
	font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
	font-size: 16pt;
}

/* Navbox */

.navbox {
	clear: both;
	margin: 0 auto;
	border: 1px solid black;
	font-size: 0.75rem;
	line-height: 1.5;
	/*max-width: 1100px;*/
}

.navbox table {
	width: 100%;
}

.navbox ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 25px;
	padding-right: 20px;
}

.navbox ul li:last-child {
	list-style: none;
}

.navbox ul li {
	direction: rtl;
	list-style: disc;
}

.navbox ul li a {
	white-space: nowrap;
	word-wrap: break-word;
}

.navbox th {
	background-color: lightgrey;
	padding: 5px;
	min-width: 150px;
}

.navbox-title  {
	cursor: pointer;
}

.navbox-title th {
	background-color: lightgrey;
}

.collapsed {
	display: block;
}

.expanded {
	display: none;
}

.toc {
	clear: both;
	float: right;
	margin-left: 15px;
}

/* Tooltip */

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
	line-height: 15px;
}

.tooltip .tooltiptext {
	position: absolute;
	top: 22px;
	left: 0;
	z-index: 1;
	visibility: hidden;
	color: black;
	background-color: lightgray;
	border-radius: 6px;
	text-align: center;
	font-size: 10pt;
	padding: 5px;
	min-width: 120px;
}

.tooltip:hover .tooltiptext { visibility: visible; }