MediaWiki:Common.css

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Global skin CSS */
.mediawiki {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
}

/*
==COLOURS==
#0f0b0e very dark brown (global background, tutable headers, dark borders)
#281c1c article background
#875f5f very light brown (header bottoms,
#422d2e lighter mid brown (tutable lighter)
#352425 mid brown (navbox, pre background, tutable darker, thumbinner)
#7e3b3b light red
#53181a crimson (category links)
*/

body, div#globalWrapper {
 background: #0f0b0e;
 color: #ddd;
}

.mw-body {
 color: #ddd;
}

a:link, #p-cactions li a {
  color: #ffa;
}

a:visited, #p-cactions li a {
  color: #b83;
}

.mw-parser-output a.external {
  color: #8af;
}
.mw-parser-output a.external:visited {
  color: #969;
}

.mw-highlight {
 background: none;
}

.editOptions {
 color: #d2d2d2;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
 border-bottom: 1px solid #875f5f;
 color: #ddd;
}

h3#p-navigation-label,
h3#p-search-label,
h3#p-tb-label,
h3#p-ShoutWiki_messages-label {
 border-bottom: 0px solid #0f0b0e;
}

body pre {
 border: 1px dashed #7e3b3b;
 /* width: 60%; */
}

.warningbox {
  background-color: #583D1D;
  color: #fff;
}

#wpTextbox1 {
  background-color: #3D2B2B;
  color: #ddd;
}

/* MAIN CONTENT (default color) */
div#content,
#p-cactions li a,
#p-cactions li.selected a,
li#ca-nstab-main,
div#content div.thumb,
div.pBody,
ul.pBody,
div#footer,
#preferences {
 background: #281c1c;
 border-color: black !important;
}

body { 
  font-size: 11px;
  max-width: 1700px;
  margin-left: auto;
  margin-right: auto;
}

p {
  margin-top: 8px;
  margin-bottom: 14px;
}

div#bodyContent {
  line-height: 23px;
}

#p-cactions li a:hover {
 background: #452527;
}

div#content {
 border-top: 0px solid black;
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
 background: #ccc;
}

#p-cactions li {
 //border: 1px solid #875f5f;
 border: 0px solid black;
}

@media (max-width: 550px) {
 div#content, div.mw-body {
  margin-left: 25px !important;
  margin-right: 25px !important;
 }
 div.mw-collapsible-content, div.mw-collapsible, div.mw-collapsed {
  width: 90% !important;
 }
}


/* TABLES, NAVBOXES, CODE PREVIEWS (lighter color) */
body table.navbox,
body table,
body pre,
div.thumb,
.editOptions {
 background-color: #352425 !important;
}

body table.tutable,
body table.tutable td,
body table.navbox,
body table.navbox td {
 border: 1px solid black !important;
 border-collapse: collapse;
 padding: 5px;
}

body table.navbox,
body table.navbox td {
 padding: 1px;
}

table.tutable th,
table.filehistory th {
 background-color: #0f0b0e !important;
}

table.tutable, pre {
 width: calc(100% - 430px);
}

@media (max-width: 1400px) {
 table.tutable, pre {
  width: calc(75% - 100px) !important;
 }
}

@media (max-width: 1200px) {
 table.tutable, pre {
  width: 95% !important;
 }
}
table.tutable tr:nth-child(odd) {
	background-color:#422d2e !important;
}
table.tutable tr:nth-child(even) {
	background-color:#352425 !important;
}
table.info_container {
	float: right;
	margin-left: auto;
	background-color: rgba(0, 0, 0, 0) !important;
}
table.filehistory th,
table.filehistory td {
 border: 1px solid #422d2e
}

/*IMAGE THUMBNAILS*/
div.thumbinner {
 border-color: #352425;
 background-color: #422d2e;
}
html .thumbimage {
 border: 1px solid #7e3b3b;
 background: #452527;
}

/*TABLE OF CONTENTS*/
#toc,
ul#filetoc,
th.table.wikitable {
 background-color: #352425;
 border-color: #aaa;
 border-width: 1px;
 border-radius: 3px;
}

ul.toc,
li.toc,
.tocnumber {
 color: #aaa;
}

/*CATEGORY LINKS*/
div.catlinks {
 background-color: #53181a;
 border: 1px solid #0f0b0e;
}

fieldset {
 border: 1px solid #452527;
}

#bodyContent ul#pagehistory li,
#bodyContent ul#pagehistory li.selected
{
 border: 1px solid #875f5f;
 border-width: 0px 0px 1px 0px;
}

#bodyContent ul#pagehistory li
{
 background: #352425;
}

legend {
 background: #452527;
}

#pagehistory li.selected {
 color: white;
}

#bodyContent ul#pagehistory li.selected
{
 background: #53181a;
}

.spoilercolors,
.spoilercolours {
 border:1px solid #875f5f;
 background-color:#0f0b0e;
}

#bodyContent div.noarticletext {
 background-color:#422d2e;
 border: 2px solid #875f5f;
}



/*CODE HIGHLIGHTS*/
pre,
.mw-highlight .o,
.mw-highlight .m,
.mw-highlight .p {
 color: #aaa;
}
.mw-highlight .nn,
.mw-highlight .nc {
 color: #77F;
}
.mw-highlight .nt,
.mw-highlight .nb {
 color: #7b7;
}