MediaWiki:Pivot.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* Main Theme */
/* Define main colours here */
:root {
  --main-bg-color: #eff8ee;
  --bar-bg-color: #519855;
  --box-bg-color: #1e9f19;
  --bar-link-color: #066e05;
}
/* Custom colors - top bar*/
.tab-bar {
    background: var(--bar-bg-color);
}
/* style the labels */
ul.side-nav label {
    background: var(--bar-bg-color);
}
.side-nav li a:not(.button) {
    color: var(--bar-link-color);
}
/* sidebar background color */
body {
    background-color: var(--main-bg-color);
}
/* controls the main body area styling */
#p-cactions {
    padding-top: 1.5em;
    padding-bottom: .5em;
    background-color: #f6f6f6;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
/* namespace labels */
h4.namespace.label {
	background: var(--box-bg-color);
}
/* Input Boxes */
.mw-inputbox-createbox.mw-ui-input.mw-ui-input-inline {
    display: inline-block;
    width: auto;
}
.createbox {
	text-align: left;
}
/* Sidebar Icons */
#n-FAQ a:before {content: "\f29c";}
#n-Gaia a:before {content: "\f1bb";}
#n-Deities a:before {content: "\f005";}
#n-Demigods a:before {content: "\f006";}
#n-Realms a:before {content: "\f0ac";}
#n-Species a:before {content: "\f0c0";}
#n-Magic a:before {content: "\f0d0";}

/* Infobox */
:root {
	--table-bg-1: #fff;
	--table-bg-2: #F9F9F9;
	--table-text-1: #222;
	--table-text-2: #222;
	--table-title-bg: #fff;
	--table-title-text: #222;
}
.infobox {
	text-align: left; 
	width: 300px; 
	font-size: 100%; 
	border-radius:10px; 
	border: 1px black solid; 
	overflow:hidden; 
	float: right;
}
@media only screen and (min-width: 40.0625em) {
    .infobox .infobox-title {
        font-size: 1.55em;
    }
}
.infobox .infobox-title {
	font-size: 1.45em;
	font-weight: normal;
}
table.infobox tr:has(.infobox-title .infobox-blocktitle) {
	background: var(--table-title-bg);
}
table.infobox .infobox-title .infobox-blocktitle {
	color: var(--table-title-text);	
}
.infobox .infobox-subtitle li {
	font-size: 0.875rem;
}
table.infobox {
	background: var(--table-bg-1);
	color: var(--table-text-1);
}
table.infobox tr:nth-of-type(even) {
	background: var(--table-bg-2);
	color: var(--table-text-2);
}