Difference between revisions of "MediaWiki:Common.css"

From Nomad DB
Line 102: Line 102:
  
 
/* --- MISC --- */
 
/* --- MISC --- */
 +
.wikitable {
 +
background: rgba(255, 255, 255, 0.125);
 +
color: inherit;
 +
border: 0 none;
 +
}
 +
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
 +
border: 1px solid rgba(255, 255, 255, 0.4);
 +
}
 
#pagehistory li.selected {
 
#pagehistory li.selected {
 
background: rgba(255, 255, 255, 0.1);
 
background: rgba(255, 255, 255, 0.1);

Revision as of 18:40, 13 April 2020

/* CSS placed here will be applied to all skins */
:root {
	--main-bg-color: #2A2A2A;
	--input-bg-color: rgba(0, 0, 0, 0.4);

	--main-text-color: #F0F0F0;
	--muted-text-color: #BFBFBF;
	--link-color: #F1C94F;
	--link-color-visited: #F1C94F;
	--new-link-color: #EF533E;
}

body {
	background-color: var(--main-bg-color);
	color: var(--main-text-color);
}
a {
	color: var(--link-color);
}
a:visited {
	color: var(--link-color-visited);
}

/* --- SIDEBAR --- */
#mw-panel .portal h3 {
	color: var(--main-text-color);
}
#mw-panel .portal .body {
	background: none;
}
#mw-panel .portal .body li a {
	color: var(--link-color);
}
#mw-panel .portal .body li a:visited {
	color: var(--link-color-visited);
}
/* --- END SIDEBAR --- */

/* --- HEADER --- */
#mw-page-base {
	background: none;
}
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
	background: none;
}
.vectorTabs .selected {
	background: none;
}
.vectorTabs li {
	background: none;
}
.vectorTabs li a, .vectorTabs .selected a, .vectorTabs .selected a:visited {
	color: var(--link-color);
}
.vectorMenu h3 span {
	color: var(--link-color);
}
.vectorTabs .new a, .vectorTabs .new a:visited {
	color: var(--new-link-color);
}
a.new, #p-personal a.new, a.new:visited, #p-personal a.new:visited {
	color: var(--new-link-color);
}
/* --- END HEADER --- */

/* --- MAIN CONTENT --- */
h1, h2, h3, h4, h5, h6 {
	color: var(--main-text-color);
}
.mw-body {
	background: none;
	color: inherit;
	border:  1px solid rgba(255, 255, 255, 0.2);
}
.mw-parser-output a.external {
	color: var(--link-color);
}
.mw-parser-output a.external:visited {
	color: var(--link-color-visited);
}
.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
	font-family: inherit;
}
/* --- END MAIN CONTENT --- */

/* --- INPUT ELEMENTS--- */
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.mw-widget-dateInputWidget-handle,
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
	background: var(--input-bg-color);
	color: inherit;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
	background-color: #36c;
    border-color: #36c;
}
#simpleSearch input {
	background: var(--input-bg-color);
    color: inherit;
}
/* --- END INPUT ELEMENTS --- */

/* --- MISC --- */
.wikitable {
	background: rgba(255, 255, 255, 0.125);
	color: inherit;
	border: 0 none;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
	border: 1px solid rgba(255, 255, 255, 0.4);
}
#pagehistory li.selected {
	background: rgba(255, 255, 255, 0.1);
	color: inherit;
}
#footer li {
	color: var(--muted-text-color);
}
#footer-poweredbyico {
	display: none;
}
/* --- END MISC --- */