MediaWiki:Common.css: Difference between revisions

Latest revision as of 13:14, 31 October 2023

/*	Variables	*/

:root {
	--colour_bg:#ffffff;
	--colour_bg_secondary:#f8f9fa;
	--colour_secondary:#ffaec9;
	--colour_tertiary:lightyellow;
	--colour_quaternary:#fff200;
	/* These names are confusing... */
}

body {
	font-family:none;
	font-size:1em;
}

div#mw-content {
	border:var(--colour_secondary) 1px dashed;
}

div#mw-content ul > li::marker {
	color:var(--colour_secondary);
	content:"▹";
}

div#mw-content ul > li {
	padding-left:0.5em;
}

div#mw-content div#toc ul > li::marker,
div#mw-content div.search-types ul > li::marker {
	content:none;
}

div#mw-content div#toc ul > li {
	padding-left:0;
}

div#mw-content-container {
	border-bottom:var(--colour_secondary) 1px solid;
}

hr {
	border:none;
	border-bottom:var(--colour_secondary) 1px dashed;
}

li.gallerybox {
	/*	still borked a bit	*/
	border:pink 1px solid;
	padding:0.5em;
}

.mw-content-ltr ul {
	margin:0 0 0 0.4em;
}

/*	Sidebars	*/

div#site-navigation.sidebar-chunk,
div#site-tools.sidebar-chunk,
div#page-tools.sidebar-chunk {
	border:var(--colour_secondary) 1px solid;
}

div#catlinks-sidebar.sidebar-chunk {
	background-color:var(--colour_tertiary);
	border:var(--colour_secondary) 1px solid;
	box-shadow:0.5em 0.5em 0px rgba(50,0,0,0.25);
}

/*	Infoboxes	*/

table#infobox {
	background-color:var(--colour_tertiary);
	border:var(--colour_secondary) 3px double;
	box-shadow:0.5em 0.5em 0px rgba(50,0,0,0.25);
	display:block;
	float:right;
	margin:1em 0 1em 1em;
	padding:1em;
	text-align:left;
	width:auto;
}
table#infobox tr.list > td,
table#infobox tr.list > th {
	border-top:var(--colour_secondary) 1px dashed;
	vertical-align:top;
}
table#infobox tr.item-end > td {
	border-bottom:var(--colour_secondary) 1px dashed;
}
table#infobox td.date {
	text-align:right;
}
table#infobox tr:first-child > th {
	padding-bottom:0.5em;
}
table#infobox tr > th {
	vertical-align:top;
}

/*	Other Templates	*/

blockquote {
	font-style:italic;
}

blockquote span.credit {
	font-style:normal;
}

em.jargon > a {
	color:green;
	cursor:help;
}

p.nb {
	background:var(--colour_bg_secondary);
	border:solid 1px var(--colour_quaternary);
	display:inline-block;
	margin:1em 0;
	padding:1em;
}

/*	Header	*/

#mw-header-container {
	background-color:var(--colour_secondary);
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

#mw-header-hack {
	display:none;
}

#mw-content-container {
	margin-top:3em;
}

/*	Headings	*/

.mw-body h1.firstHeading {
	border-bottom: var(--colour_secondary) 1px solid;
}

.mw-body .mw-parser-output h2::after,
#mw-site-navigation .sidebar-chunk h3,
#mw-related-navigation .sidebar-chunk h3 {
	border-bottom: var(--colour_secondary) 1px dashed;
}

/*	Categories Lists	*/

div.mw-category-group h3 {
	/* Remove margin 'cause it's applied weird to first item */
	margin-top:0;
}

div.mw-category-group {
	/* Don't break sections over columns */
	break-inside:avoid-column;
	/* Reapply maring to bottom of each section */
	margin-bottom:2em;
}