MediaWiki:Common.css: Difference between revisions

From Game Making Tools Wiki
(Jargon styling, italicise blockquote, orientation in infobox, list indent)
(ul margin decrease)
Line 47: Line 47:


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



Revision as of 05:23, 22 December 2021

/*	Variables	*/

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

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 {
	content:"";
}

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.3em;
}

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