MediaWiki:Common.css: Difference between revisions

Revision as of 15:11, 23 October 2020

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

/* NB: Using this for now, as the 'Theme' extension is borked */

/*	Variables	*/

:root {
	--colour_bg:#ffffff;
	--colour_secondary:#ffaec9;
	--colour_tertiary:lightyellow;
}


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


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


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