MediaWiki:Vector.css

/* CSS placed here will affect users of the Vector skin */

@font-face {
	font-family: '04b03';
	src: local('04b03'), url(https://commons.wiki.gg/images/4/4d/04b_03_-webfont.ttf) format('truetype');
	font-display: swap;
}

:root {
	--content-background: rgba(24, 23, 21, 0.9);
	--content-inset-background: rgba(255,255,255,0.05);
	--content-border-color-rgb: 177, 156, 114;
	--content-border-color: rgb(var(--content-border-color-rgb));
	--content-border: 4px solid var(--content-border-color);
	--pi-background: #000;
	--pi-secondary-background: #181818;
	--pi-border-color: #505050;
	--pi-border-color-active: var(--visited-link-color);
	--fpbox-background-color: rgba(0,0,0,0.5);
	--fpheader-background-color: var(--theme-sticky-nav-background-color);
	--fpheader-color: #ffdc8a;
	--links-color: #9acbf1;
	--visited-link-color: #9aa9f1;
	--template-background-color-1: #272b37;
	--template-background-color-2: #434649;
	--spoiler-color: #77c999;
	--text-color: #eeeaea;
	--wikitable-background: rgba(0, 0, 0, 0.5);
	--wikitable-header-background: rgb(69, 61, 44);
}

#wikigg-footer {
	clear: both;
}

body.ns-10004 {
	--content-border-color-rgb: 140,100,154;
	--content-border-color: rgb(var(--content-border-color-rgb));
	--content-border: 4px solid var(--content-border-color);
	--wikitable-header-background: rgb(61 44 69);
}

/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}
 
/* Hide main page header */
body.page-Noita_Wiki h1.firstHeading {
    display: none;
}

/* Framework */
body {
    background: #000000 url(https://noita.wiki.gg/images/a/aa/Main-background.webp) fixed no-repeat center center / cover; /* [[File:Main-background.webp]] */
}

body #pageWrapper {
    margin-right: 10px;
}

/* Head */
#mw-page-base {
    background: transparent;
}

/* Logo */
#p-logo a {
    margin-top: 20px;
}

/* Tabs */
.vectorTabs,
.vectorTabs :is(span, ul, ul li, ul li.selected),
#mw-head .vectorMenu .vector-menu-heading {
    background: transparent;
    border: none;
}

.vectorTabs li a,
.vector-menu-dropdown .mw-list-item a {
	color: var(--fpheader-color);
    font-variant: all-small-caps;
    font-size: 1em;
    line-height: 1em;
}

.vectorMenu .vector-menu-heading {
    font-variant: all-small-caps;
    font-size: 1em;
    line-height: 1em;
}

.vectorTabs :is(li span a, span a:visited, li.selected a, li.selected a:visited),
.vectorMenu .vector-menu-heading span {
    background: transparent;
    color: var(--text-color) !important;
    font-weight: bold;
}

.vectorTabs,
.vectorTabs a,
#mw-head .vectorMenu .vector-menu-heading {
	background: none;	
}

.vectorTabs .new a {
    color: #BA0000 !important;
}

.vectorMenu .body {
	background: var(--content-background);
}

.vector-menu-dropdown .vector-menu-content,
.vectorMenu :is(.body, .menu) {
	border: none;
}

.vectorMenu .menu {
    border-left: var(--content-border);
}

.createboxInput[type="text"]:placeholder-shown ~ .createboxButton,
.mw-inputbox-createbox:required:invalid ~ .mw-ui-button {
	background-color: var(--content-inset-background);
}

/* Sidebar */
#mw-panel {
    margin-top: -20px;
}

.skin-vector :is(#mw-panel, #mw-panel.collapsible-nav) .portal {
    background-image: none;
}

#mw-panel .portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) {
    background: var(--content-background);
    border-left: var(--content-border);
    box-shadow: rgba(26,26,26,1) 0 0.1em 0.75em;
    margin: 1em 0.5em;
}

.skin-vector #mw-panel .portal .body ul li :is(a, a:visited) {
    color: var(--text-color);
}

.skin-vector #mw-panel .portal .vector-menu-heading {
	background-image: none;
	border-bottom: 1px solid rgba(var(--content-border-color-rgb), 0.6);
	margin: 0 0.66em;
}

.skin-vector :is(#mw-panel, #mw-panel.collapsible-nav) :is(.portal, .portal.collapsed) :is(.vector-menu-heading, .vector-menu-heading a) {
    color: var(--fpheader-color);
    font-weight: bold;
}

/* Styles for collapsible sidebar sections, only shown if JS is enabled */
.client-js .vector-menu.mw-portlet.vector-menu-portal.portal:not(#p-navigation)::before{
	content: '';
    background: url(/skins/Vector/resources/common/images/arrow-down.svg?9426f) 100% 50% no-repeat;
    width: 1.23076923em;
    height: 1.23076923em;
    opacity: .84;
    display: block;
    position: absolute;
    margin: 2px 0 0 -7rem;
    filter: drop-shadow(14rem 0px 0px var(--fpheader-color));
}

.noborder {
	border-bottom: none !important;
}

.collapsed::before{
	transform: scaleY(-1);
}

/* Sitenotice inline styles (popout styles are below, in a @media query) */
#localNotice {
	background: var(--content-inset-background);
	border-left: var(--content-border);
	padding: 0.4rem;
}

/* Content */
#content {
	border: none;
    border-left: var(--content-border);
    box-shadow: rgba(26, 26, 26, 1) 0 0.1rem 0.75rem;
}

.mw-body {
	border: none;
	margin-top: 0.25rem;
}

html,
body {
	font-family: Arial, sans-serif;
}

.mw-body h1,
.mw-body-content :is(h1, h2) {
	font-family: 'Arial Semibold', Arial, sans-serif;
}

.fakeh2 {
	font-size: 1.5em;
	color: var(--text-color);
	border-bottom: 1px solid var(--text-color);
	line-height: 1.3;
	margin-bottom: 0.25em;
	margin-top: 1em;
	padding: 0;
}

#catlinks,
#toc,
.toc,
.mw-warning,
.warningbox,
ul#filetoc {
    border: none;
    border-left: var(--content-border);
    border-radius: 3px;
}

.tocnumber {
	color: #eeeaea;   /* changed from "inherit;" */
}

.CategoryTreeToggle {
    color: #006aff !important;
}

.catlinks li {
    border: none;
    margin: .125em 0.25em;
    padding: 0 .5em;
    background-color: rgba(255,255,255,0.1);
    border-radius: 4px;
    transition: 0.2s background-color ease-in-out;
}

.catlinks li:first-child {
    padding: 0 .5em;
}

.catlinks li:hover {
    background-color: rgba(255,255,255,0.2);
}

.catlinks li:hover :is(a, a:hover) {
    text-decoration: none;
}

code {
    background: #202020;
    color: #BFC2BD;
}

pre,
.mw-code {
    background: var(--content-inset-background);
    border: 1px dashed #3C4258 !important;
    color: var(--text-color) !important;
    overflow: auto;
}

.mw-highlight pre {
	border-style: dashed;
}

.mw-highlight .nv {
    color: #7675bf;
}

.mw-highlight .nf {
    color: #7C7CFF;
}

.mw-highlight .nn {
    color: #7C7CFF;
}

.mw-highlight .nc {
    color: #A9A9F4;
}

.mw-highlight .kt {
    color: #CA527E;
}

.mw-highlight .sl {
    color: #F22E2E;
}

.mw-highlight .mi {
    color: #918f8f;
}

.mw-highlight .mf {
    color: #918f8f;
}

.mw-highlight .mh {
    color: #918f8f;
}

fieldset {
    border: 1px solid #3C4258;
}

:is(ol.references li, sup.reference):target {
	background-color: #282828;
}

/* Anchors/links */
a, 
a:visited,
#content :is(a.extiw, a.extiw:visited, a.external, a.external:visited),
.pseudo-link {
    color: var(--links-color);
}

/* Header */
.header {
    background-color: rgba(90, 66, 123, .7);
    border: none;
    box-shadow: 0px 3px 6px 1px rgba(202, 202, 202, .2);
    color: #e6e6e6;
    font-size: 150%;
    margin-bottom: 10px;
    text-align: center;
}

#simpleSearch {
	min-width: 10rem;
}

/* Footer */
#footer {
    border: none;
    border-left: var(--content-border);
    box-shadow: rgba(26,26,26,1) 0 0.1em 0.75em;
    margin-top: 1em;
    margin-bottom: 1em;
    overflow-y: hidden;
}

/* Thumbnails and galleries and image file history */
.thumb {
    background: transparent !important;
}

.thumb, .embedvideo {
    border: 1px solid var(--content-border-color);
    border-top-width: 4px;
}

div.thumb {
	height: fit-content;
}

img.thumbborder {
    border: none;
    padding: 0;
}

div.thumbinner {
    background: transparent;
    border: none;
    padding: 0;
}

li.gallerybox .thumb {
    background: transparent;
    border: 1px solid var(--content-border-color);
}

html .thumbimage {
    border: none;
    background-color:transparent;
}

.thumbcaption, .embedvideo figcaption {
	border-top: 1px solid var(--content-border-color);
	padding: 0.25em 0.5em;
}

.tright .tleft {
    border: 1px solid #3C4258 !important;
}

.tright {
    clear: right;
    float: right;
}

/* Preferences */
.skin-vector #preferences {
    background: #272B37;
    border: 1px solid #000000;
}

.skin-vector #preftoc li:first-child {
    margin-left: 5px;
}

.skin-vector :is(#preftoc, #preftoc li, #preftoc li a) {
    background: transparent !important;
}

.skin-vector #preftoc li a {
    color: var(--links-color);
}

.skin-vector #preftoc li.selected {
    background: var(--links-color) !important;
    border: 1px solid #000000;
}

.skin-vector #preftoc li.selected a {
    color: var(--text-color);
}

.skin-vector #preferences legend {
    color: #E6E6E6;
}

.skin-vector #preferences fieldset {
    border-color: #3C4258 !important;
}

/* Preferences - fix for table on Notifications and the (i) help popups */
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td {
    background-color: unset;
}
.oo-ui-popupWidget-body {
    color: black;
}

/* Page history */
table.diff,
td:is(.diff-otitle, .diff-ntitle) {
    background: transparent !important;
}

/* Diff viewer colors/formatting */
.diff-addedline .diffchange {
    background: #407fbb;
}

.diff-addedline {
    border-color: #407fbb;
}

.diff-deletedline {
    border-color: #af3e53;
}

.diff-deletedline .diffchange {
    background: #af3e53;
}

.diff-context {
    background: #424242;
    color: #c9c9c9;
}

/* Color fix for advanced search options box */
.skin-vector .mw-search-profile-tabs {
    background: #26183b;
    border: 1px solid #000000;
}

.skin-vector .mw-search-profile-tabs .search-types ul li a {
    color: var(--text-color);
}

.skin-vector .mw-search-profile-tabs .search-types ul li.current a {
    color: var(--text-color);
}

.skin-vector fieldset#mw-searchoptions {
    background: #272B37;
    border-color: #000000 !important;
}

.skin-vector fieldset#mw-searchoptions .divider {
    border-color: #3C4258;
}

/* Tables */
.skin-vector :is(.mw-datatable, .cargoTable, table.wikitable) {
	background: transparent;
    border-style: solid;
    border-color: var(--content-border-color);
    border-width: 0;
    color: var(--text-color);
    margin: 1em 0;
	max-width: max-content;
    display: block;
    contain: content;
}

.skin-vector table.wikitable :is(thead, th, tbody, tr, td, caption) {
	border-color: inherit;
}

.skin-vector table:is(.mw-datatable, .cargoTable) {
    overflow-x: auto;
}

.skin-vector :is(.mw-datatable, .cargoTable, table.wikitable) :is(th, caption) {
    background-color: var(--wikitable-header-background);
    border-width: 2px;
    color: var(--text-color);
}

.skin-vector :is(.mw-datatable, .cargoTable, table.wikitable) td {
	background: var(--wikitable-background);
}

.skin-vector :is(.mw-datatable, .cargoTable, table.wikitable) :is(th, td):last-child {
	border-right-width: 2px;
}

.skin-vector :is(.mw-datatable, .cargoTable, table.wikitable) :is(tbody:only-child, thead) tr:first-child :is(th,td) {
	border-top-width: 2px;
}

.skin-vector :is(.mw-datatable, .cargoTable, table.wikitable) tr:last-child :is(th,td) {
	border-bottom-width: 2px;
}
.headerSort {
	padding-right:21px;
}

.skin-vector table.wikitable caption {
    border-style: solid solid none;
    padding: 0 3rem;
}

.skin-vector table.wikitable.mw-collapsible.mw-collapsed caption {
    border-bottom-style: solid;
}

.skin-vector table.wikitable th a {
	color: var(--links-color);
}

/* allow for vertical headings in specific selected tables */
.skin-vector table.vertical-headings tr:first-child th {
    text-orientation: sideways;
    writing-mode: vertical-lr;
    /* flip from rotate-right to rotate-left */
    transform: scale(-1);
}

.skin-vector table.vertical-headings tr:first-child th:first-child {
    writing-mode: horizontal-tb;
    transform: none;
}

.skin-vector .wikitable td {
    border-width: 1px;
}

.skin-vector table.wikitable :is(th, td) {
    padding: 0.5rem;
}

.skin-vector table.wikitable.compact :is(th, td) {
	padding: 0 0.1rem;
}

.skin-vector table.mw_metadata th {
    background: #495c79;
    border: 1px solid #000000;
    color: #E6E6E6;
}

.skin-vector table.mw_metadata th a {
    color: #3C4258;
}

.skin-vector table.mw_metadata td {
    background: #272B37;
    border: 1px solid #000000;
}

.skin-vector .TablePager {
    background: #272B37;
    border: 1px solid #000000;
    padding: 0 0.15em;
}

.skin-vector .TablePager th {
    background: #495c79;
    border: 1px solid #000000;
    color: #E6E6E6;
    padding: 0 0.15em;
}

.skin-vector .TablePager th a {
    color: #3C4258;
}

.skin-vector .TablePager tr:hover td {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

.skin-vector table.cargoTable.noMerge tr:nth-child(odd) {
	background-color: transparent;
}

.skin-vector table.cargoTable.noMerge tr:nth-child(even) {
	background-color: var(--content-inset-background);
}
 
.skin-vector .TablePager td {
    background: #272B37 !important;
    border: 1px solid #000000;
}

.skin-vector :is(.mw-datatable, .cargoTable) {
	background-color: var(--content-inset-background);
}

.skin-vector :is(.mw-datatable, .cargoTable) :is(th, td) {
	border: 2px solid var(--content-border-color);
}

.skin-vector :is(.mw-datatable, .cargoTable) th {
	background-color: rgba(var(--content-border-color-rgb), 0.5);
}

.skin-vector :is(.mw-datatable, .cargoTable) td {
	background-color: transparent;
}

.skin-vector :is(.mw-datatable, .cargoTable) tr:hover td {
    background-color: var(--content-inset-background);
}

:is(.mw-datatable, .cargoTable) span.oo-ui-widget {
    filter: invert(1);
}

.skin-vector #mw-allmessagestable tbody .am_actual {
    background-color: rgb(103 150 215 / 80%);
}

.skin-vector #mw-allmessagestable tbody:hover .am_actual {
    background-color: #6796d7;
}

.skin-vector #mw-allmessagestable tbody .am_default {
    background-color: rgb(155 144 118 / 80%);
}

.skin-vector #mw-allmessagestable tbody:hover .am_default {
    background-color: #9b9076;
}

.skin-vector #mw-allmessagestable tbody:hover td {
    background-color: var(--content-inset-background);
}

.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
	display: block;
	margin-left: -0.65rem;
}

.oo-ui-menuSelectWidget {
	background-color: #eee;
}

/* Math fixes -- test removing all this
.mwe-math-element {
    filter: invert(1);
}
.mwe-math-fallback-image-inline,
.mwe-math-fallback-image-display {
    filter: hue-rotate(180deg) invert(1);
}*/

/* Wiki editor fixes */
.wikiEditor-ui,
.wikiEditor-ui-buttons,
.wikiEditor-ui-controls,
.wikiEditor-ui-tabs,
.wikiEditor-ui-tabs div {
    background: transparent;
    border: none;
}

.wikiEditor-ui-tabs div a,
.wikiEditor-ui-toolbar :is(.tabs span.tab a, .booklet .index div) {
    color: #495c79;
}

.wikiEditor-ui-tabs div:first-child {
    margin-left: 5px;
}

.wikiEditor-ui-tabs .current {
    background: #495c79;
    border: 1px solid #000000;
}

.wikiEditor-ui-tabs .current a {
    color: var(--text-color);
}

.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui-toolbar :is(.group, .sections .section, .page-characters div span, .page-table td) {
    border-color: #000000;
}

.wikiEditor-ui-toolbar,
.wikiEditor-ui-toolbar :is(.sections .section, .booklet .pages) {
    background: #beb6d8;
}

.wikiEditor-ui-toolbar :is(.booklet .index .current, .page-characters div span:hover) {
    background: #495c79;
    border-color: #000000;
    color: #E6E6E6;
}

.wikiEditor-ui-toolbar .page-table th {
    color: #E6E6E6;
}

.wikiEditor-preview-contents {
    background: transparent;
}

.mw-editform #wpTextbox1 {
    background-color: rgba(0,0,0,0.9);
    padding: 0.5rem;
    color: #e6e6e6;
}
pre, .mw-code {
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.CodeMirror-code {
    background-color: rgba(0,0,0,0.9);
}

.CodeMirror-vscrollbar {
	background-color: rgba(0,0,0,0.75);
}

.CodeMirror-code :is(
	.cm-mw-template-bracket,
	.cm-mw-template-name,
	.cm-mw-template-delimiter,
	.cm-mw-template-argument-name,
	.cm-mw-template) {
	color: #c174e7;
}

.cm-mw-link-pagename,
.cm-mw-link-bracket,
.cm-mw-link-delimiter,
.cm-mw-extlink,
.cm-mw-free-extlink,
.cm-mw-extlink-protocol,
.cm-mw-extlink-bracket {
    color: #9198ff;
}

.cm-mw-matchingbracket {
	background-color: #9f0000;
}

.editOptions {
    background: #272B37;
    border-color: #000000;
}

.codeEditor-status-message {
    color: #b13f13;
}

.messagebox,
.errorbox,
.warningbox,
.successbox {
	color: var(--text-color);
    background-color: var(--content-inset-background);
}

.errorbox {
	border-color: #d33;
}

.warningbox {
	border-color: #dd3;
}

.successbox {
	border-color: #3d3;
}

.ext-replacetext-searchoptions {
	background: var(--content-inset-background);
}

/* Navbox template style */
table.navbox {
    border-left: var(--content-border);
    background-color: rgba(255,255,255,0.1);
    clear: both;
    font-size: 88%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%;
}

table.navbox,
table.navbox table {
    display: table;
}

/* Border between adjacent navboxes */
table.navbox + table.navbox {
    margin-top: -1px;
}

.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.navbox-group {
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

/* Base background */
.navbox,
.navbox-subgroup {
    background: rgba(0, 0, 0, 0.1);
}

.navbox-list {
    border-color: rgba(0, 0, 0, 0.1); /* Must match background color */
}

/* Level 1 color */
.navbox-title,
table.navbox th {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 3 styling */
.navbox-subgroup :is(.navbox-group, .navbox-abovebelow) {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

/* Even row striping */
.navbox-even {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}

table.navbox2 {
    border-left: var(--content-border);
    background-color: rgba(255,255,255,0.1);
    clear: both;
    font-size: 88%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%;
}

/* Border between adjacent navboxes */
table.navbox2 + table.navbox2 {
    margin-top: -1px;
}

.navbox2,
.navbox-subgroup {
    background: rgba(0, 0, 0, 0.1);
}


.navbox2 .collapseButton {
    width: 6em;
}


.navbox2 .navbar {
    font-size: 100%;
}

.navbox2-list {
    border-color: rgba(0, 0, 0, 0.1); /* Must match background color */
    padding: 0em 0.25em;
}
/* End of new Navbox styling */

/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
     border-style: solid solid none;
     border-width: thin;
     border-color: #808080;
     padding: 0.25ex 1ex 0ex;
     font-size: 95%;
}

/********************
* VE and co. tweaks *
*********************/
.skin-vector .successbox {
	color: #008000;
}

.ve-ui-mwTemplatePage-description {
	color: #bbb;
}

/* override Hydradark inverting page preview images */
.oo-ui-iconElement-icon.ve-ui-mwInternalLinkContextItem-hasImage {
	filter: unset;
}
/************************
* End VE and co. tweaks *
*************************/

/********************************************
* Improved responsiveness for narrow widths *
*********************************************/
.level img { /* wikipoints level on profile */
	max-width: 100%;
}

@media screen and (max-width:720px) {
	header#wikigg-header {
		width: 100vw;
		box-sizing: border-box;
	}
	header#wikigg-header .mobile-header {
		margin-left:40px;
	}
	.skin-vector table.wikitable {
		overflow-x: auto;
	}
	
	#content {
    	padding-top: 2rem;	
	}
	
	.content-wrapper {
	    max-width: 100%;
	    box-sizing: border-box;
	    padding: 0 0.25rem;
	}
	
	#content,
	#footer {
		border-left: none;
	}
	
	/* vector tabs */
	#right-navigation {
		margin-right: 10px;
	}
	
	#mw-head {
		top: 2rem;
	}
	
	.vectorTabs li span,
	#mw-head .vectorMenu .vector-menu-heading {
		margin: 0;
	}
	
	#right-navigation #p-search {
		margin-right: 0;
		margin-top: 0.5em;
		position: absolute;
		top: 0;
		right: 0.5rem;
	}
	
	#right-navigation #simpleSearch {
		border-bottom: 1px solid #7FE7FF;
	}
	/* end vector tabs */
	
	/* fancy schmancy pull-out sidebar to save on screen space */
	#mw-navigation #mw-panel {
		position: fixed;
		z-index: 999;
		top: 0;
		left: -12.5rem;
		width: 12.5rem;
		margin: 0;
		padding: 0;
	    margin-top: 2.5rem;
	    max-height: calc(100vh - 2.5rem);
		transition: 0.2s left ease-in-out;
		overflow: auto;
	}
	
	#mw-navigation #mw-panel a {
		pointer-events: none;
	}
	
	#mw-navigation #mw-panel:hover {
		left: 0;
	}
	
	#mw-navigation #mw-panel .vector-menu:hover a {
		pointer-events: auto;
	}
	
	#mw-navigation #mw-panel::after {
		content: '>';
		display: block;
		position: fixed;
		left: 0;
		top: 65vh;
		background-color: #181715;
		font-size: 2rem;
		padding: 0.5rem 0.75rem;
		box-shadow: 0 0 4px 2px var(--content-border-color);
		border-radius: 0 50% 50% 0;
		transition: 0.2s opacity ease-in-out, 0.2s left ease-in-out;
		color: var(--content-border-color);
		opacity: 1;
	}
	
	#mw-navigation #mw-panel:hover::after {
		opacity: 0;
		left: -5rem;
	}
	
	#mw-navigation #mw-panel .portal {
		width: auto;
		margin: 0 0.5em;
	}
	
	#mw-panel .portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) {
		background: #181715;
	}
	
	#mw-panel .portal .vector-menu-heading:not(#p-socialProfiles-label):not(#p-sitePromos-label) {
		padding-right: 20px;
	}
	
	#mw-panel.collapsible-nav .portal .body {
		margin: 5px;
	}
	
	#mw-panel.collapsible-nav .portal .body ul {
		margin: 0;
	}
	
	:is(#mw-panel, #mw-panel.collapsible-nav) .portal .body ul li {
		padding: 0.25em;
	}
	
	.vector-menu-dropdown .vector-menu-heading::after {
		filter: drop-shadow(0px 0px 0.5px var(--fpheader-color));
	}

	/* end sidebar */
	
	/* use mini logo and stick it in the upper left, on top of the wiki.gg topbar */
	/* cleared with PCJ before applying, wiki.gg logo is centered on smol screens, seems OK */
	.mw-wiki-logo {
		background-image: url(/images/7/7c/Site-logo-small.png);
	}
	
	#p-logo {
		width: unset;
		height: unset;
		margin-bottom: 1em;
		position: fixed;
		top: 0.1rem;
		left: 0.1rem;
		z-index: 100;
	}
	
	#p-logo a {
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
		width: 3rem;
		height: 2rem;
		text-decoration: none;
		margin-top: 0;
	}
	/* end logo tweaks */
	
	/* profile */
	.curseprofile :is(.leftcolumn, .rightcolumn) {
		width: unset;
	}
	
	.mainavatar {
		float: none;
		text-align: center;
	}
	
	.userinfo .headline {
		clear: left;
		text-align: center;
	}
	
	.headline h1 {
		float: none;
	}
	
	.grouptags {
		clear: left
	}
	
	.stats dl {
		width: 100%;
		max-width: 16em;
	}
	/* end profile */
	
	#mw-searchoptions table {
		float: none;
	}
	
	#mw-searchoptions table td {
		display: block;
	}
	
	.infobox {
		float: none;
		margin: auto;
	}
	
	/* front-page embeds */
	#fp-3 .fpbox {
        min-width: 300px;
    }
    
    /* ensure we show mobile-only elements */
	.mobileonly {
		display: unset;
	}
	
	/* adjust ambox to be less space-hungry on mobile if we want to use it */
	.ambox {
		margin: 0.25rem;
	}
}
/******************************
* end improved responsiveness *
*******************************/
@media screen and (min-width: 982px) {
    .mw-footer {
        padding: 0.5rem 1rem;
    }
    
    #content,
    .mw-footer {
    	margin-right: 1rem;
    }
    
    #p-search {
    	margin-right: 6.5rem;
    }
    
    #localNotice {
	    background: #111;
	    border-left: 0.5rem solid var(--content-border-color);
	    border-radius: 0 0.25rem 0.25rem 0;
	    text-align: left;
	    padding: 1rem;
    }
    
    .mw-dismissable-notice {
	    z-index: 999999;
	    position: fixed;
	    bottom: 2rem;
		left: 2rem;
	    width: 25rem;
	    box-shadow: 0 0 0.25rem 0 var(--content-border-color);
	}
	
	.mw-dismissable-notice-close {
		margin: 1rem;
	}
	
	.mw-dismissable-notice h2,
	#localNotice h2 {
	    border-bottom: none;
	    font-weight: bold;
	}
	
	:is(.sitedir-ltr, .sitedir-rtl) .mw-dismissable-notice-body {
	    margin: 0;
	}
	
	#localNotice {
	    margin-bottom: 0;
	}
}

@media screen and (min-width: 1280px) {
    #content,
    .mw-footer {
    	margin-right: 6rem;
    }
}

ul {
    list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>');
}

ul .patrolled {
	
}

ul .not-patrolled {
	background-color: #8b7d5f;
	background-color: rgba(255, 227, 170, 0.5);
}

/* Make Cargo diagrams visible */
.cargo-table-svg .cluster {
    fill: white;
    fill-opacity: 0.2;
}

.cargo-table-svg .label {
    fill: white;
}

.cargo-table-svg .entity-name rect {
    fill: #222;
    fill-opacity: 1;
}

.cargo-table-svg .node rect, .node circle, .node ellipse {
    stroke: white;
    opacity: 0.6;
    fill-opacity: 0;
}

/* Scribunto (Lua) console styles */
.mw-scribunto-console-fieldset {
  border-color: var(--content-border-color);
  border-radius: 1rem;
}

#mw-scribunto-console legend {
  background: var(--content-border-color);
  padding: 0 0.4em;
  font-weight: bold;
  color: var(--text-color);
  border-radius: 1rem;
}

#mw-scribunto-console input[type="button"] {
  margin-top: 1rem;
}

/* Portable Infobox tweaks */
.pi-section-label {
	color: var(--visited-link-color);
}

/* Cite this page fix */
.mw-specialCiteThisPage-bibliographic {
	background: var(--content-background);
}

/* Fix Cargo tables, e.g. User:Quiddity-wp/Sandbox3  */
.odd, .even, .sorting_1 {background-color: #181716 !important}