MediaWiki:Common.css: Difference between revisions

From Game Making Tools Wiki
m (Blanking to setup theme properly)
Tags: Blanking Manual revert Reverted
m (Putting it back)
Tag: Manual revert
 
Line 1: Line 1:
/* 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;
}

Latest revision as of 09:26, 20 May 2024

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