MediaWiki:Vector.css

来自Noita Wiki
跳到导航 跳到搜索

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:Ctrl-F5
/*表格相关 by flowsINtomAyHeM*/
.jquery-tablesorter th.headerSort {
  background-size: 1.8em;
  --arrow-voff: 4px;
  --arrow-hoff: -4px;
  --arrow-up-position: top var(--arrow-voff) var(--arrow-side) var(--arrow-hoff);
  --arrow-down-position: bottom var(--arrow-voff) var(--arrow-side) var(--arrow-hoff);
  background-position: var(--arrow-up-position), var(--arrow-down-position);
  --arrow-up: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 4" style="fill:white;"><path d="m6.5 4 4-4 4 4z"/></svg>');
  --arrow-down: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 4" style="fill:white;"><path d="m14.5 0-4 4-4-4z"/></svg>');
  --arrow-up-i: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 4" style="fill:white;opacity:0.3;"><path d="m6.5 4 4-4 4 4z"/></svg>');
  --arrow-down-i: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 4" style="fill:white;opacity:0.3;"><path d="m14.5 0-4 4-4-4z"/></svg>');
  background-image: var(--arrow-up-i), var(--arrow-down-i);
  --arrow-side: right;
  padding: .2em .5rem;
}
.jquery-tablesorter th.headerSortUp {
  background-image: var(--arrow-up), var(--arrow-down-i);
}
.jquery-tablesorter th.headerSortDown {
  background-image: var(--arrow-up-i), var(--arrow-down);
}

/*兼容新样式*/
.ve-activated .vector-menu-tabs .selected{
	box-shadow: none;
}
.games-showcase-header img, .games-showcase-footer img{
	margin: 12px 0 0 0;
}

/*狗屎一般的wikitext高亮更改*/
.cm-mw-matchingbracket {
    background-color: rgba(238, 238, 238, 0.2);
    font-weight: bold;
    box-shadow: inset 0 0 1px 1px rgb(177 167 167 / 45%);
}

/*编辑器字体更改*/
.wikiEditor-ui .ace_editor {
	font-family: Consolas;
}
/*css展示页面字体更改,比如当前页面就是(不是编辑中的哦)*/
.mw-highlight.mw-highlight-lang-css span {
    font-family: Consolas;
}
/*lua展示页面字体更改*/
.mw-highlight.mw-highlight-lang-lua span {
    font-family: Consolas;
}
/*JS的*/
.mw-highlight.mw-highlight-lang-javascript span {
    font-family: Consolas;
}
/* CSS placed here will affect users of the Vector skin */
.thumb, .embedvideo {
    border: 1px solid var(--content-border-color);
    border-top-width: 4px;
}
.thumbcaption, .embedvideo figcaption {
    border-top: 1px solid var(--content-border-color);
    padding: 0.25em 0.5em;
}

.vector-menu-dropdown .vector-menu-heading:hover, .vector-menu-dropdown .vector-menu-heading:focus{
	color: white;
}
.vector-menu-dropdown .mw-list-item a{
	color: var(--fpheader-color);
}
.vector-menu-tabs .mw-watchlink.icon a{
	top: 8px;
	font-size: 0.8em;
	left: -3px;
	width: 2.4em;
}

.ace_scrollbar {
	background-color: rgba(95,105,95,.85);
}
.vector-menu-dropdown ul {
    border-left: var(--content-border);
    padding: 8px;
    font-size: 1.3em;
}
.mw-body-content .mw-number-text h3 {
    color: #f8f9fa;
}
.mw-number-text {
    color: #FFFFFF;
}
.CodeMirror-vscrollbar {
    background-color: rgba(0,0,0,0.85);
}

#p-variants-label {
    color: var(--text-color)!important;
    padding: 15.8px 6px 13px 18px;
}

@font-face {
	font-family: '04b03';
	src: local('04b03'), url(https://commons.wiki.gg/images/4/4d/04b_03_-webfont.ttf) format('truetype');
}
/*更新样式*/
.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;
}
.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;
}

.mw_metadata th {
    background: var(--wikitable-background);
    border-color: var(--content-border-color);
}

.mw_metadata td {
    background: var(--wikitable-background);
    border-color: var(--content-border-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;
}

: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;
	--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: #9acbf1;/*废除算了*/
	--template-background-color-1: #272b37;
	--template-background-color-2: #434649;
	--text-color: #eeeaea;
	--wikitable-background: rgba(0, 0, 0, 0.5);
	--wikitable-header-background: rgb(69, 61, 44);
}

/* 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/zh/images/a/aa/Main-background.webp) fixed no-repeat center center / cover; /* [[File:Main-background.png]] */
}

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

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

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

/* Tabs */
.vectorTabs,
.vectorTabs span,
.vectorTabs ul,
.vectorTabs ul li,
.vectorTabs ul li.selected,
#mw-head .vectorMenu h3 {
    background: transparent;
    border: none;
}

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

.vector-menu-dropdown h3:after {
    top: -15.8em;
    right: 15px;
}

.vector-menu-dropdown .selected a, .vector-menu-dropdown .selected a:visited {
	    color: var(--text-color)!important;
	    text-decoration: none;
}

.vectorMenu .vector-menu-heading {
    font-variant: all-small-caps;
    font-size: 1.35em;
    line-height: 1em;
    padding: 11px;
    color: white;
}

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

.vectorTabs, .vectorTabs a, #mw-head .vectorMenu h3 {
	background: none;	
}

.vector-menu-tabs .mw-watchlink.icon a:before {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    content: '';
    display: block;
    position: absolute;
    top: 0.49em;
    left: 0.9em;
    width: 1.23076923em;
    height: 1.230769em;
}

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

.vectorMenu .body {
	background: var(--content-background);
}
.vector-menu-dropdown .vector-menu-content {
	background: rgba(24,23,21,0.9)
}
.vector-menu-dropdown .vector-menu-content,
.vectorMenu .body,
.vectorMenu .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 #mw-panel .portal,
.skin-vector #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: 0.8em 0.5em;
}

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

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

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

/* 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 h1,
.mw-body-content 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: inherit;
}

.CategoryTreeToggle {
    color: #495c79;
}

.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 a, .catlinks li:hover a:hover {
    text-decoration: none;
}

code {
    background: #202020;
    color: #BFC2BD;
    display: inline-block;
}

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 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.mw-scribunto-console-fieldset {
    border: 0.3em solid #354360;
}

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

/* Anchors/links */
a, 
a:visited,
#content a.extiw,
#content a.extiw:visited,
#content a.external, 
#content 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;
    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;
}

.thumbcaption {
	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 #preftoc,
.skin-vector #preftoc li,
.skin-vector #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;
}

/* Page history */
table.diff,
td.diff-otitle,
td.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 */

.wikitable>tr>th, .wikitable>tr>td, .wikitable>*>tr>th, .wikitable>*>tr>td {
    padding: 0.2em 0.5rem;
}

.skin-vector :is(.mw-datatable, .cargoTable, table.wikitable) {
	background: var(--wikitable-background);
    border-style: solid;
    border-color: var(--content-border-color);
    border-width: 0;
    border-left-width: 2px;
    border-right-width: 2px;
    color: var(--text-color);
    margin: 1em 0;
	max-width: max-content;
    display: table-cell;
}

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

.skin-vector table.wikitable caption {
    border-top-style: solid;
    border-top-color: inherit;
    padding: 0 3rem;
    white-space: pre;
}

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

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

.skin-vector :is(.mw-datatable, .cargoTable, table.wikitable) :is(th, td):first-child {
	border-left-width: 0;
}

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

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

.skin-vector table.wikitable :is(th, td) {
    padding-left: .5rem;
    padding-bottom: .5rem;
    padding-top: .5rem;
    border-color: inherit;
}

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

.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 .mw-datatable,
.skin-vector .cargoTable {
	background-color: var(--content-inset-background);
	border: 1px solid var(--content-border-color);
    overflow-x: auto;
    max-width: 100%;
    display: block;
}

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

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

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

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

.mw-datatable span.oo-ui-widget,
.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 */
.mwe-math-element {
    filter: 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 .tabs span.tab a,
.wikiEditor-ui-toolbar .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 .group,
.wikiEditor-ui-toolbar .sections .section,
.wikiEditor-ui-toolbar .page-characters div span,
.wikiEditor-ui-toolbar .page-table td {
    border-color: #000000;
}

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

.wikiEditor-ui-toolbar .booklet .index .current,
.wikiEditor-ui-toolbar .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);
}

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

.codeEditor-status-message {
    color: #b13f13;
    background-color: rgba(0,0,0,.85);
}

.codeEditor-status-line{
	background-color: rgba(0,0,0,.85);
}

.codeEditor-status-worker{
	background-color: rgba(0,0,0,.85);
}

.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%;
}

/* 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 .navbox-group,
.navbox-subgroup .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;
}
/* 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;
	}
	#content {
    	padding-top: 3.5rem;	
	}
	
	.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: 3.5rem;
	}
	
	.vectorTabs li span,
	#mw-head .vectorMenu h3 {
		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;
		padding-top: 2.5rem;
		transition: 0.2s left ease-in-out;
		overflow: auto;
	}
	
	#mw-navigation #mw-panel:hover {
		left: 0;
	}
	
	#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 h3: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;
	}
	
	#mw-panel.collapsible-nav .portal .body ul li,
	#mw-panel .portal .body ul li {
		padding: 0.25em;
	}
	/* 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 .leftcolumn,
	.curseprofile .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 wanna 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: 6rem;
    }
    
    #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;
	}
	
	.sitedir-ltr .mw-dismissable-notice-body,
	.sitedir-rtl .mw-dismissable-notice-body,
	.sitedir-ltr .mw-dismissable-notice-body,
	.sitedir-rtl .mw-dismissable-notice-body {
	    margin: 0;
	}
	
	#localNotice {
	    margin-bottom: 0;
	}
}

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);
}

.portable-infobox .pi-section-navigation,
.portable-infobox .pi-media-collection-tabs {
	padding: 0;
}

.portable-infobox:not(.pi-theme-spell) .pi-section-navigation .pi-section-tab:first-child {
}

.portable-infobox:not(.pi-theme-spell) .pi-section-navigation .pi-section-tab:last-child {
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
   background-image: none;
}

.vector-menu-portal .vector-menu-content li {
	font-size: 1em;
}
.pi-theme-enemy .pi-data[data-source^=icon] img{
	margin: -4px 0 0 -3px;
	border-image-slice: 2 fill;
    border-image-width: 2px;
    border-image-outset: 2px;
    border-image-repeat: stretch;
    border-image-source: url(https://noita.wiki.gg/images/5/52/UI_Progress_grid_box.png);
    border-style: solid;
    border-width: 4px;
	box-shadow: none;
}
.pi-theme-float-spell {
	position: relative;
    background: 0 0;
    padding: 0;
    border-radius: 0;
    border: 0;
	text-align-last: start;
}
aside.portable-infobox.noexcerpt.pi-background.pi-theme-float-spell.pi-layout-default>.pi-item.pi-item-spacing.pi-title {
    background: 0 0;
    border-radius: 0;
    border: 0;
	width:430px;
}
#ooui-php-5.oo-ui-inputWidget-input::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.85);
    margin: 28px 0 0px 0px;
}
textarea#wpTextbox1::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.85);
}
/*似乎有点自私?*/
.page-User_Noel_Cornehl {
	background: #000000 url(https://noita.wiki.gg/zh/images/7/77/Yukimichan.png) fixed no-repeat center center / cover;
}