Difference between revisions of "MediaWiki:Common.css"

Revision as of 07:07, 8 January 2022

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

.center { 
	margin-left: auto;   
	margin-right: auto; 
}

.right {
	float:right;
}

body, body.skin--responsive {
	background: #FFFFFF url("https://seiwanetwork.org/images/bg.png");
	font-family: "Open Sans", sans-serif;
}

@media (prefers-color-scheme: dark){
	body, body.skin--responsive {
		background: #1c1c1c url("https://seiwanetwork.org/images/bg-dark.png");
		color: #DEDEDE;
	}
	
	body a, body.skin--responsive a {
		color: #47b5e7;
	}
}

/**********************************************
**
**		ARTICLES
**
**********************************************/
h1#firstHeading {
	display: inline-block;
	clear: both;
	border-bottom: none;
	margin: .5em 0;
	font-size: 2rem;
	line-height: 1.15;
	padding-top: 1rem;
	margin-bottom: 1.2rem;
	font-weight: 700;
	font-family: "Open Sans", sans-serif;
}

h1#firstHeading::after {
	margin-top: 0.1em;
	content: '';
	background: #CC0000;
	width: 100%;
	height: 0.1em;
	display: block;
}

h1, h2, h3, h4, h5, h6{
	color:#181818;
}

@media (prefers-color-scheme: dark){
	h1, h2, h3, h4, h5, h6{
		color:#DEDEDE;
	}
}

/**********************************************
**
**		TABLE OF CONTENTS
**
**********************************************/
@media (prefers-color-scheme: dark){
	.toc, .toccolours {
		background: #373737;
		color: #DEDEDE;
		border-color: #505050;
	}
}

@media (prefers-color-scheme: dark){
	.tocnumber {
		color: #DEDEDE;
	}
}

/**********************************************
**
**		TABLES
**
**********************************************/
@media (prefers-color-scheme: dark){
	table, .wikitable {
		background: #181818;
		color: #DEDEDE;
		border-color: #505050;
	}
	
	.wikitable > tr > th, .wikitable > * > tr > th {
		background-color: #373737;
	}
	
	.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
		border-color: #505050;
	}
}

/**********************************************
**
**		FOOTER
**
**********************************************/
@media (prefers-color-scheme: dark){
	#catlinks {
		background: #181818;
		border-color: #505050;
	}
}

/**********************************************
**
**		FILES
**
**********************************************/
@media (prefers-color-scheme: dark){
	#filetoc, .mw_metadata td{
		background: #181818;
	}
	
	.mw_metadata th{
		background: #373737;
	}
	
	.mw_metadata td, .mw_metadata th{
		border-color: #505050;
	}
}

/**********************************************
**
**		RECENT CHANGES
**
**********************************************/
@media (prefers-color-scheme: dark){
	table.mw-enhanced-rc{
		background-color: transparent;
	}
	
	.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend{
		background: #373737;
	}
	
	.mw-rcfilters-highlighted, .mw-rcfilters-ui-tagItemWidget-highlight:before {
		color:#000000;
		filter: invert(1) hue-rotate(180deg);
	}
}

/**********************************************
**
**		INTERFACE
**
**********************************************/
@media (prefers-color-scheme: dark){
	pre, code, .mw-code {
		background-color: #373737;
		color: #C0C0C0;
		border-color: #c0c0c0;
	}
	
	.ace-tm {
		background-color: #000000;
		color: #DEDEDE;
	}
	
	.ace-tm .ace_constant.ace_numeric, .ace-tm .ace_storage, .ace-tm .ace_keyword {
		color: #34aaef;
	}
	
	.ace-tm .ace_gutter{
		background: #212121;
	}
	
	.ace-tm .ace_cursor {
		color: #DEDEDE;
	}
}

/**********************************************
**
**		EDITING WINDOW
**
**********************************************/
@media (prefers-color-scheme: dark){
	.editOptions{
		background: #000000;
		color: #DEDEDE;
		border-color: #505050;
	}
}