MediaWiki:Common.css: Difference between revisions

From Olentangy Park Wiki
Jump to navigation Jump to search
Added notice class for notice boxes
mNo edit summary
 
(88 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* 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 {
.infobox {
Line 37: Line 49:
.notice {
.notice {
     background: #eee;
     background: #eee;
     margin: 0 auto;
     margin: 30px auto;
     border: 1px solid #ccc;
     border: 1px solid #ccc;
     padding: 10px;
     padding: 10px;
    text-align: center;
     font-size: 10pt;
     font-size: 10pt;
     width: 80%;
     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; }

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