MediaWiki:Common.css

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

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

  • Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
  • Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
  • Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
  • Opera：按 Ctrl-F5。
/* CSS placed here will be applied to all skins */

/* Noita pixel and glyph-cipher fonts used in various templates */
@font-face {
  font-family: 'noita';
  src: local('noita'), url('https://commons.wiki.gg/images/a/a4/NoitaPixel.ttf') format('truetype');
}

a.new:visited {
    color: #d33;
}

@font-face {
  font-family: 'glyphs';
  src: local('glyphs'), url('https://commons.wiki.gg/images/c/ca/NoitaGlyphScaled.ttf') format('truetype');
}

#p-logo a {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    width: 10em;
    height: 250px;
    text-decoration: none;
}
.mw-specialCiteThisPage-bibliographic {
    background-color: rgba(15, 14, 13, 0.95);

}

.borderSpellBaseScale{
	border-image-outset: 3px !important;
}

.spell-48px{
	width: 48px;
	height: 48px;
}

.spell-16to48px {
	transform: scale(3);
}

.spell-16to36px {
	transform: scale(2.25);
}
.spell-16to80px {
	transform: scale(5);
}
.sprite-spell-bg-48px {
	background: url(https://noita.wiki.gg/zh/images/b/b5/Sprite_spells_48x48.png) no-repeat;
	height: 48px;
	width: 48px;
}
.sprite-spell-bg-16px {
	background: url(https://noita.wiki.gg/zh/images/8/8a/Sprite_spells_16x16.png) no-repeat;
	height: 16px;
	width: 16px;
}
.sprite-spell-bg-80px {
	background: url(https://noita.wiki.gg/zh/images/a/a0/Sprite_spells_80x80.png) no-repeat;
	height: 80px;
	width: 80px;
}

/* The following variables can be overridden by themes to alter certain colors */
:root {
	/* main content colors / styles */
	--content-background: rgba(24, 23, 21, 0.95);
	--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-hover-border-color-rgb: 217, 190, 153;
	--content-hover-border-color: rgb(var(--content-hover-border-color-rgb));
	/*--content-border: 4px solid var(--content-border-color);*/
	/* portable infobox colours */
	--pi-background: #000;
	--pi-secondary-background: #181818;
	--pi-border-color: #505050;
	/* frontpage colors */
	--fpbox-background-color: rgba(0,0,0,0.5);
	--fpheader-background-color: var(--theme-sticky-nav-background-color);
	--fpheader-color: #ffdc8a;
	/* template colors, mainly used for Template:SpellQuery and a few others */
	--template-background-color-1: #272b37;
	--template-background-color-2: #434649;
	/* miscellaneous colors */
	--text-color: #eeeaea;
	--spoiler-color: #77c999;
}

::-webkit-scrollbar {
	width: 0.75rem;
	background: inherit;
}

::-webkit-scrollbar-thumb {
	background-color: #ccc;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 0.5rem;
}

::-webkit-scrollbar-thumb {
	background-color: #c5c5c5;
	background-color: rgba(255, 255, 255, 0.35);
}

@media screen and (min-device-width: 1024px) {
	.mobileonly {
		display: none;
	}
}

@media screen and (max-device-width: 1024px) {
	.nomobile {
		display: none;
	}
}

#searchInput::placeholder {
	color: var(--text-color);
}

#content {
    background: var(--content-background);
    border: var(--content-border);
    color: var(--text-color);
}
.mw-wiki-logo-b {
    background-image: url(/zh/images/5/50/Noita_ba.png);
    transform: scale(0.51);
}
@media screen and (max-width: 720px){
	.mw-wiki-logo-b {
    	background-image: url(/zh/images/9/93/Noita_ba_small.png);
    	transform: scale(1.8);
	}
}

@media screen and (max-width: 720px){
	.mw-wiki-logo-b {
    	background-image: url(/zh/images/9/93/Noita_ba_small.png);
    	transform: scale(1.8);
	}
}
.content-body {
    margin-bottom: 2rem;
}

/*
	Most of our images will be sprites and such that use pixel sizing.
	This should force browsers to render them upscaled with nearest-neighbour
	scaling, to avoid blurriness.
	However, this may cause some issues with non-pixel-art image scaling,
	so if issues arise we should remove this.
*/
#content img {
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
}

#catlinks,
#toc,
.toc,
.mw-warning,
.warningbox,
ul#filetoc {
    background-color: var(--content-inset-background);
}

#toc {
    margin: 1em 0.25em;
}

.toctogglelabel {
    color: var(--links-color);
}

h1, h2 {
    color: var(--text-color);
    border-bottom: 1px solid var(--content-border-color);
}

h3, h4, h5, h6 {
    color: var(--text-color);
}

pre,
.mw-code {
    color: var(--text-color);
}

#footer {
    background: var(--content-background);
    border: var(--content-border);
}

#footer ul li {
    color: var(--text-color);
    overflow: auto;
}

.editOptions {
    color: var(--text-color);
}

.editSchemaSection {
	color: #222;
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
	color: var(--content-background);
}

.flip-img-x img {
	transform: scaleX(-1);
}

.flip-img-y img {
	transform: scaleY(-1);
}

.redirectMsg {
    background: var(--content-inset-background);
}

/* This governs the sections on the Community portal */
.cpbox {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.cpbox #admins {
    box-sizing: border-box;
    margin: 5px;
    flex-grow: 1;
    min-width: 300px;
}

.cpbox #help {
    box-sizing: border-box;
    width: calc(67% - 10px);
    margin: 5px;
    flex-grow: 1;
}

/* Front page layout styles */

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
    width: 100%;
    margin: 0;
    padding: 0;
}

@media (min-width: 990px) {
    .fp-container .columns .leftcol {
        float: left;
        width: 50%;
    }

    .fp-container .columns .rightcol {
        float: right;
        width: 50%;
    }
}

.fp-section {
    display: flex;
    flex-wrap: wrap;
}

/* This CSS governs the responsive 3 column main page layout */
#fptweets {
  min-height:calc(325px + 2.3em);
}

#fp-3column.fp-container {
    display: grid;
    grid-template-areas: "a" "b" "c" "d" "e";
    grid-template-columns: 100%;
}
@media screen and (min-width: 990px) {
    #fp-3column.fp-container {
        grid-template-areas: "a b" "c b" "c d" "e e";
        grid-template-columns: 1fr 1fr auto;
    }
}
@media screen and (min-width: 1350px) {
    #fp-3column.fp-container {
        grid-template-areas: "a b c" "d b c" "e e e";
        grid-template-columns: 1fr 1fr 1.2fr;
    }
}

#fp-1 {
    grid-area: a;
}

#fp-2 {
    grid-area: b;
}

#fp-3 {
    grid-area: c;
}

#fp-3 .fpbox { min-width: 400px; }

#fp-4 {
    grid-area: d;
}

#fp-5 {
    grid-area: e;
}

.fpbody.responsive-columns {
	display: grid;
    grid-template-columns: repeat(auto-fit,minmax(5.5rem,1fr));
    column-gap: 1rem;
    place-items: center;
}

.fpbody.responsive-columns div {
	width: 100%;
}

.fpbody.fplinks {
    display: flex;
    flex-wrap: wrap;
    place-content: space-evenly;
    column-gap: 0.2rem;
}

/* Used in [[Template:FP icon]] */

.fpbody.fplinks .fp-icon {
    flex: 0 1 64px;
}

.fp-icon {
    display: inline-block;
    margin: 2px;
    max-width: 100px;
    text-align: center;
    vertical-align: top;
}

/* end responsive 3 column main page layout */

/* Fix for popups sometimes overlapping their link, creating a loop */
.mwe-popups.flipped-y,
.mwe-popups.flipped-x-y {
  margin-top: -30px;
}

/* Adjust caption styles for EmbedVideo extension */
.embedvideowrap iframe {
    position: absolute;
    top: 0;
    left: 0;
}

.embedvideo {
	border-radius: 0;
}

.embedvideo .thumbcaption {
    padding: 0.5ex 1ex;
    font-size: 0.9em;
}

/* Simple spoiler-compatible reusable pixel font class */
.noita-font {
	font-family: 'noita', sans-serif;
}

.spoiler-hidden .noita-font {
	font-family: 'glyphs', sans-serif;
}

.spoiler-none{
	display: none;
}

/* table styles */
	.fpsection1 {
	    float: left;
	    clear: none;
	    width: 50%;
	}
	
	.fpmidsections {
	    clear: none;
	    float: right;
	    width: 50%;
	}
	
	.fpsection4 {
	    float: left;
	    clear: none;
	    width: 50%;
	}
	
	div.fp2columnonly {
	    display: block; 
	}
	
	table.sticky-headers {
		overflow: visible;
	}
	
	table.sticky-headers :is(thead tr, tbody tr:first-child) th {
		position: sticky;
		top: 32px;
		background-clip: padding-box;
		z-index: 10;
	}


table {
	white-space: normal;
	display: table;
}

table.wikitable {
}

/* cargo table stuff */
table.cargoTable td {
	padding: 0.05rem;
	white-space: pre;
	overflow: auto;
	max-width: 20rem;
}

table.cargoTable td::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}


/* headline numbering */
span.mw-headline-number::after {
    content: '.';
}

/* Base styles for Portable Infoboxes */

.portable-infobox {
    background-color: var(--pi-background);
    border: 2px solid var(--pi-border-color);
	position: relative;
}

figure.pi-image {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align:baseline
}

.portable-infobox .pi-title {
    font-size: 1.5em;
    padding: 0.4em;
    padding-bottom: 0.2em;
    font-family: 'noita', '04b03', sans-serif;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 75%);
    text-align: center;
    border-radius: 3px 3px 0 0;
}

.portable-infobox .pi-secondary-font {
    font-family: 'noita', sans-serif;
    font-weight:  normal;
}

.portable-infobox .pi-section-navigation,
.portable-infobox .pi-media-collection-tabs {
    font-family: 'noita', sans-serif;
}

.portable-infobox .pi-data {
    align-items: center;
}

.pi-section-tab:only-child {
    display: none;
}

.pi-section-navigation {
    flex-wrap: wrap;
    justify-content: center;
    align-content: baseline;
    overflow-x: hidden;
    overflow-y: auto;
}

.portable-infobox .pi-group:last-child {
    border-bottom: none;
}

.portable-infobox .pi-caption {
    text-align: center;
    hyphens: manual;
}

.portable-infobox .pi-panel-scroll-wrapper,
.portable-infobox .pi-title {
    background-color: var(--pi-secondary-background);
}

.portable-infobox .pi-smart-data-value:not(:first-child),
.portable-infobox .pi-smart-data-label:not(:first-child) {
    border-color: var(--pi-border-color);
}

.portable-infobox .pi-header {
    background-color: var(--pi-secondary-background);
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
	box-shadow: 0 -6px 6px -4px rgb(255 255 255 / 50%) inset;
    border-width: 0;
    border-color: rgb(255 255 255);
    border-bottom-width: 3px;
    margin: 0 .1rem;
}

.portable-infobox:not(.pi-theme-spell) .pi-section-navigation .pi-section-tab,
.portable-infobox:not(.pi-theme-spell) .pi-media-collection .pi-tab-link {
}

.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {
	border-color: var(--pi-border-color);
	border-width: 0;
    border-bottom-width: 3px;
    margin: 0 .1rem;
}

/*************************************
* Used by [[Template:Infobox enemy]] *
*************************************/

.pi-theme-enemy .pi-data[data-source^="health"] .pi-data-value {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 0.5rem;
}

.pi-theme-enemy .pi-data[data-source="alias"] div.pi-data-value {
    text-align: center;
    width: 100%;
}

.pi-data-value .hp-value {
    grid-column: 2 / 3;
}

.pi-theme-enemy .pi-data[data-source^="immunities"] .pi-data-value {
	width: 100%;
    display: flex;
    place-content: center;
    flex-wrap: wrap;
}

.pi-theme-enemy .pi-data[data-source^="immunities"] .pi-data-value div {
    margin: 0 0.2rem 0.2rem 0.2rem;
    flex: 0 1 40px;
}

.pi-theme-enemy .pi-data[data-source^="drops"] .pi-data-value {
    column-count: 2;
    column-gap: 0.5rem;
}

.pi-theme-enemy .pi-data[data-source^="icon"] {
    position: absolute;
    margin-top: -55px;
    border: none;
}

.pi-theme-enemy .pi-data[data-source^="icon"] img {
    border-radius: 5px;
    box-shadow: 0 0 0 2px #d7bd70;
}

.pi-theme-enemy figure.pi-image {
    display: grid;
    grid-gap: 0.5rem;
    justify-content: center;
    align-content: space-evenly;
    max-width: 95%;
    min-height: 100px;
    margin: 0 auto;
}

.pi-theme-enemy figure.pi-image img {
    max-width: 100%;
    height: auto;
}

/*************************************
* Used by [[Template:Spell infobox]] *
*************************************/


.portable-infobox.pi-theme-spell {
    width: 34em;
    background: none;
    border: none;
}

@media screen and (max-width: 720px){
	.portable-infobox.pi-theme-spell {
	    float: none;
	    width: initial;
	    font-size: initial;
	    margin: 0;
	}
}

.pi-theme-spell .pi-section-contents h2.pi-item.pi-item-spacing.pi-title {
	font-size: 1.3em;
    text-align: unset;
    overflow: visible;
    background: none;
}

.pi-theme-spell .pi-item .pi-panel-scroll-wrapper {
    padding: 8px 4px 8px 4px;
    margin: 23px;
    background: none;
    border-image-source: url(https://noita.wiki.gg/zh/images/a/a7/Game_ui.png);
    border-image-slice: 5.33333333 5.33333333 5.33333333 5.33333333 fill;
    border-image-width: 16px 16px;
    image-rendering: pixelated;
}

.pi-theme-spell .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current {
    border: 2px solid rgba(var(--content-border-color-rgb), 0.8);
    border-radius: 4px;
    box-shadow: 0 0px 8px 0px rgb(177 156 114 / 55%) inset;
    margin: 0;
    background: none;
}

.pi-theme-spell .pi-panel-scroll-wrapper .pi-section-navigation {
    gap: 3px;
}

.pi-theme-spell h2.pi-item.pi-item-spacing.pi-title {
    background: 0 0;
}

.pi-theme-spell .pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {
    border: none;
    margin: 2px 0.1rem;
}

.pi-theme-spell .pi-data,
.pi-theme-spell .pi-group {
    border: none;
}

.pi-theme-spell .pi-font {
    font-family: 'noita', sans-serif;
    font-weight: normal;
}

.pi-theme-spell .pi-font,
.pi-theme-spell .pi-secondary-font {
    font-size: 1.2em;
}

.pi-theme-spell .pi-section-content.pi-section-active {
    display: grid;
    grid-template-columns: auto;
    align-items: center;
}

.pi-theme-spell .pi-data-label {
    flex-basis: 100%;
    grid-column: 1 / 2;
}

.pi-theme-spell .pi-data {
    grid-column: 1 / 2;
}

.pi-theme-spell .pi-image {
    grid-column: 2 / 3;
    grid-row: 2 / 4;
    margin-right: 2em;
}

.pi-theme-spell .pi-data[data-source^="description"] {
    margin: 0.5em;
    grid-column: 1 / 3;
}

.pi-theme-spell .pi-data[data-source^="effect"] {
    grid-column: 1 / 4;
}

.pi-theme-spell .pi-data[data-source^="effect"] .pi-data-value {
    flex-basis: 100%;
}

/* [[Template:Infobox item]] */

.pi-theme-item .pi-item[data-source^="description"] .pi-data-value {
    text-align: center;
    width: 100%;
    hyphens: manual;
}

/****************************************
* Used by [[Template:Infobox perk]] *
****************************************/

.portable-infobox.pi-theme-perk .pi-media {
    margin: 0.5rem 0 0 0;
}

.pi-theme-perk .pi-item[data-source="description"] .pi-data-value {
    text-align: center;
}

/*********************************
* Used by [[Template:Hover gif]] *
*********************************/

.hover-gif.gif-inline {
  display:inline-block;
}

.hover-gif .thumb {
  position: relative;
  opacity: 1;
}

.hover-gif .thumb:not(:hover) img {
  opacity:0;
  transition: opacity 0.5s;
}

.hover-gif a.image {
  position:relative;
}

.hover-gif a.image::before {
	position: absolute;
	background: url(https://noita.wiki.gg/images/8/86/Spell_speed.png) no-repeat;
	background-size: 50px;
	width: 50px;
	height: 50px;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
	content: "";
	z-index: 2;
	opacity: 0.65;
}

.hover-gif:hover a.image::before {
  display:none;
}

.hover-gif canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #3C4258;
  border-radius: 4px;
  opacity: 1;
  transition: opacity 0.3s;
}

.hover-gif .thumb:hover canvas {
  opacity: 0;
}

/***********************************
* Used by [[Template:GameMessage]] *
***********************************/

.GameMessage {
	display: inline-grid;
    grid-template-rows: auto auto;
    color: #fff;
    margin: 2px 5px;
    vertical-align: middle;
    text-align: center;
}

.spoiler-hidden .GameMessage {
	display: inline;
	color: #77c999;
}
/*以下是GameMessage所使用的一系列的样式*/
.GameMessageInner {
    border-style: solid;
    padding: .75rem 2.5rem .5rem;
    font-size: 1.5em;
    margin: .25rem auto;
    /* [[File:3piece important msg.png]] */
    border-image-source: url(https://noita.wiki.gg/zh/images/4/42/3piece_important_msg.webp);
    border-image-slice: 10 32 10 32 fill;
    border-image-width: 5px 15px;
    border-image-outset: 0;
    border-image-repeat: repeat repeat;
    white-space: nowrap;
    /* Prevent blurry stretching of the border image and use pixelated resampling */
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
}

.GameMessageBase{
    border-style: solid;
    padding: .75rem 3.5rem .5rem;
    font-size: 1.5em;
    margin: .25rem auto;
    border-image-slice: 10 32 10 32 fill;
    border-image-width: 25px 75px;
    border-image-outset: 0;
    border-image-repeat: repeat repeat;
    white-space: nowrap;
    /* Prevent blurry stretching of the border image and use pixelated resampling */
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
}

.GameMessageInnerFungalShift {
    border-image-source: url(https://noita.wiki.gg/zh/images/c/c0/3piece_fungal_shift.png);
}

.GameMessageInnerMoist {
    border-image-source: url(https://noita.wiki.gg/zh/images/1/1b/Moist.png);
}

.GameMessageInnerBooby {
    border-image-source: url(https://noita.wiki.gg/zh/images/a/ab/Booby_trapped.png);
}

.GameMessageInnerConductive {
    border-image-source: url(https://noita.wiki.gg/zh/images/a/a0/Conductive.png);
}

.GameMessageInnerFogofwar {
    border-image-source: url(https://noita.wiki.gg/zh/images/0/01/Fog_of_war.png);
}

.GameMessageInnerFogofplayer {
    border-image-source: url(https://noita.wiki.gg/zh/images/8/8f/Fog_of_war_clear_at_player.png);
}

.GameMessageInnerFreezing {
    border-image-source: url(https://noita.wiki.gg/zh/images/d/db/Freezing.png);
}

.GameMessageInnerFungal {
    border-image-source: url(https://noita.wiki.gg/zh/images/7/71/Fungal.png);
}

.GameMessageInnerFurnished {
    border-image-source: url(https://noita.wiki.gg/zh/images/4/46/Furnished.png);
}

.GameMessageInnerGas {
    border-image-source: url(https://noita.wiki.gg/zh/images/7/78/Gas.png);
}

.GameMessageInnerGold {
    border-image-source: url(https://noita.wiki.gg/zh/images/2/20/Modgold.png);
}

.GameMessageInnerGravity {
    border-image-source: url(https://noita.wiki.gg/zh/images/7/78/Gravity_fields.png);
}

.GameMessageInnerHigh {
    border-image-source: url(https://noita.wiki.gg/zh/images/d/d9/High_gravity.png);
}

.GameMessageInnerHot {
    border-image-source: url(https://noita.wiki.gg/zh/images/b/b2/Hot.png);
}

.GameMessageInnerInvisible {
    border-image-source: url(https://noita.wiki.gg/zh/images/e/e1/Invisible.png);
}

.GameMessageInnerLow {
    border-image-source: url(https://noita.wiki.gg/zh/images/1/1f/Low_gravity.png);
}

.GameMessageInnerOminous {
    border-image-source: url(https://noita.wiki.gg/zh/images/5/59/Ominous.png);
}

.GameMessageInnerPerforated {
    border-image-source: url(https://noita.wiki.gg/zh/images/0/0c/Perforated.png);
}

.GameMessageInnerPlant {
    border-image-source: url(https://noita.wiki.gg/zh/images/e/e3/Plant_infested.png);
}

.GameMessageInnerShielded {
    border-image-source: url(https://noita.wiki.gg/zh/images/c/cb/Shielded.png);
}

.GameMessageInnerSpooky {
    border-image-source: url(https://noita.wiki.gg/zh/images/8/88/Spooky.png);
}

.GameMessageInnerSunlight {
    border-image-source: url(https://noita.wiki.gg/zh/images/0/05/Sunlight.png);
}

.GameMessageInnerWormy {
    border-image-source: url(https://noita.wiki.gg/zh/images/9/9a/Wormy.png);
}

.spoiler-hidden .GameMessageInner {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	border-left: 0;
	border-right: 0;
	padding: 0;
	font-size: inherit;
	color:rgba(85, 201, 153, 0.0005);
}

.GameMessageUnder {
	 font-size: 0.8em;	
}
.spoiler-hidden .GameMessageUnder {
	font-size: inherit;
	color:rgba(85, 201, 153, 0.0005);
}

/****************************
* Used by [[Template:Book]] *
****************************/

.lore-book {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr auto;
    align-items: center;
    column-gap: 1rem;
    float: left;
    padding: 0.5rem 1rem;
    border-image-source: url(https://noita.wiki.gg/zh/images/a/a7/Game_ui.png);
    border-image-slice: 10.66666666 10.66666666 10.66666666 10.66666666 fill;
    border-image-width: 32px 32px;
    image-rendering: pixelated;
}

.book-text {
    font-family: Noita, sans-serif;
    color: #77c989;
}

.spoiler-hidden .book-text {
    font-family: glyphs, sans-serif;
    color:rgba(85, 201, 153, 0.0005);
}

.lore-book .book-title {
    font-size: 1.2em;
    
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.lore-book .book-image {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

.book-text-show{
    position: absolute;
    font-family: Noita,sans-serif;
    color: rgba(119,201,137,0);
    transition: 10s;
}
.book-text-show:hover{
	color: rgba(119,201,137,1);
}
.book-text-noshow {
    color: rgb(119 201 137);
    font-family: glyphs,sans-serif;
    transition: 10s;
}
.book-text-noshow:hover{
	color: rgba(119,201,137,0);
}

/*****************************************
* Used by [[Template:Glyph Translation]] *
*****************************************/

.glyph-translate-box {
    border-width: 2px;
    border-style: solid;
    border-color: #9a7a5a;
    border-radius: 2px;
    float: left;
    clear: left;
    padding: 0.25rem 0.5rem;
}

.glyph-translate-box .word {
    display: inline-grid;
    letter-spacing: 0.2ex;
    text-align: center;
}

.glyph-translate-box .glyphs {
    font-family: glyphs, sans-serif;
    line-height: 1em;
}

.glyph-translate-box .plaintext {
    font-family: noita, sans-serif;
    letter-spacing: 1px;
    line-height: 1em;
}

.spoiler-hidden .glyph-translate-box .plaintext {
    color: transparent;
}

/*********************************************************
* Used by [[Template:Wand]] and/or [[Template:Wand Card]]*
*********************************************************/

.wand-card,
.wand-spells-card {
    font-family: 'noita', sans-serif;

    border-image-source: url(https://noita.wiki.gg/zh/images/a/a7/Game_ui.png);
    border-image-slice: 10.66666666 10.66666666 10.66666666 10.66666666 fill;
    border-image-width: 32px 32px;
    image-rendering: pixelated;
    
    display: grid;
    width: fit-content;
    column-gap: 1.5rem;
    align-items: center;
    justify-items: left;
    margin-bottom: 1rem;
}

.wand-spells-card {
    font-size: 1.3em;
    padding: 1em;
    grid-template-columns: auto auto 1fr auto;
    grid-template-areas:
        'image label value link'
        'image label value .'
        'image label value .'
        'spells spells spells spells';
}

.wand-sim-link {
	grid-column: link;
    grid-row: 1;
}

.wand-card {
    font-size: 1.4em;
    line-height: 1.2em;
    padding: 1.25rem;
    
    grid-template-areas:
        "name name link"
        "label value image"
        "label value image"
        "label value image"
        "label value image"
        "label value image"
        "label value image"
        "label value image"
        "label value image"
        "label value image"
        "spells spells spells";
}

.wand-card .wand-name {
    margin-top: 0;
    grid-area: name;
}

.wand-sprite {
    grid-area: image;
}

.wand-card .wand-sprite {
    transform: rotate(-0.25turn);
}

.stat-label {
    grid-column: label;
}

.stat-label img {
    margin-right: 0.5rem;
}

.stat-value {
    grid-column: value;
}

.always-cast-label {
    margin-top: 1.25rem;
}

.always-cast-spells {
    margin-top: 1.25rem;
    margin-bottom: 4px;
    display: flex;
    justify-items: left;
    justify-content: left;
}

.always-cast-spells .always-cast {
    background: transparent;
    flex: 0 0 32px;
}

.spell-container {
    grid-area: spells;
    grid-gap: 0.2rem;
    margin-top: 1.25rem;
}

.wand-card .spell-container {
    display: grid;
    place-items: center;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
}

.wand-spells-card .spell-container {
    grid-area: spells;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.spell-container .wand-card-spell {
    height: 50px;
    width: 50px;
    border-image-slice: 1 fill;
    border-image-width: 1px;
    border-image-outset: 1px;
    border-image-repeat: stretch;
    border-image-source: url(https://noita.wiki.gg/zh/images/2/28/Quick_inventory_box.png);
    border-style: solid;
    border-width: 0;
    image-rendering: pixelated;
    filter: drop-shadow(3px 3px 1px rgba(0,0,0,0.8));
}

.spell-container .ajaxoutertt{
	margin:17px;
}

/**************************************
* Used by [[Template:SpellQueryIcon]] *
**************************************/

.SpellQueryIcon {
	background: rgba(34,41,51,0.8);
	height: 48px;
	width: 48px;
    display: inline-flex;
    margin-bottom: 4px;
    justify-content: center;
    align-items: center;
}
/***************************************
*          法术边框样式          *
***************************************/
.borderSpellBase{
    border-image-slice: 15 15 15 15 fill;
    border-image-width: 60px 60px;
    image-rendering: pixelated;
    border-image-outset: 8px;
}

.spoiler-hidden .borderSpellBase {
    clip-path: border-box;
    filter: blur(5px);
}

.borderSpellWandBase{
    border-image-slice: 15 15 15 15 fill;
    border-image-width: 60px 60px;
    image-rendering: pixelated;
    border-image-outset: 6px;
    margin: 3px;
}
.borderSpellProjectile{
    border-image-source: url(https://noita.wiki.gg/zh/images/6/64/Item_bg_projectile.png);
}
.borderSpellStaticProjectile{
	border-image-source: url(https://noita.wiki.gg/zh/images/a/a2/Item_bg_static_projectile.png);
}
.borderSpellPassive{
	border-image-source: url(https://noita.wiki.gg/zh/images/0/09/Item_bg_passive.png);
}
.borderSpellUtility{
	border-image-source: url(https://noita.wiki.gg/zh/images/b/b8/Item_bg_utility.png);
}
.borderSpellProjectileModifier{
	border-image-source: url(https://noita.wiki.gg/zh/images/6/66/Item_bg_modifier.png);
}
.borderSpellMaterial{
	border-image-source: url(https://noita.wiki.gg/zh/images/8/8f/Item_bg_material.png);
}
.borderSpellMulticast{
	border-image-source: url(https://noita.wiki.gg/zh/images/9/92/Item_bg_draw_many.png);
}
.borderSpellOther{
	border-image-source: url(https://noita.wiki.gg/zh/images/e/e4/Item_bg_other.png);
}
/***************************************
* Used by [[Template:SpellQueryGroup]] *
***************************************/

.SpellQueryGroup {
	text-align:center;
	float:right;
	font-family: 'Noita', '04b03', sans-serif;
	font-size:1.3em;
	margin: 0 0 6px 2.5rem;
	width:100%;
	max-width:21em;
	clear:right;
	border-image-source: url(https://noita.wiki.gg/zh/images/a/a7/Game_ui.png);
    border-image-slice: 10.66666666 10.66666666 10.66666666 10.66666666 fill;
    border-image-width: 32px 32px;
    image-rendering: pixelated;
}

/*******************************
* Used by [[Template:Spoiler]] *
********************************/

.spoiler-toggle {
    color: #77c999;
    overflow: auto;
    padding: 0.8em;
    font-weight: normal;
    border-image-source: url(https://noita.wiki.gg/zh/images/a/a7/Game_ui.png);
    border-image-slice: 10.66666666 10.66666666 10.66666666 10.66666666 fill;
    border-image-width: 32px 32px;
    image-rendering: pixelated;
}

.spoiler-toggle.inline .spoiler-hidden {
    line-height: 0.5em;
    font-size: 0.95em;
    vertical-align: middle;
}

.spoiler-hidden,
.spoiler-hidden code {
	color: rgba(85, 201, 153, 0);
    text-shadow: rgb(119, 201, 153) 0px 0px 5px;
    font-family: glyphs, sans-serif;
}

.client-js .spoiler-toggle {
    cursor: pointer;
}

.spoiler-hidden {
    word-spacing: 0.1175em;
}

.spoiler-hidden img,
.spoiler-hidden .hover-gif canvas {
  filter: blur(20px);
  clip-path:inset(0px 0px 0px 0px); /* Chrome */
  clip-path:border-box; /* Good browsers */
}
.spoiler-hidden a, a:visited, #content a.extiw, #content a.extiw:visited, #content a.external, #content a.external:visited, .pseudo-link{
	color:rgba(85, 201, 153, 0.0005);
}

/**************************
* Used by [[Template:Hp]] *
**************************/

.hp-label, .hp-value {
	display: inline-block;
}

.hp-label {
	margin-right: 0.5em;
}

.hp-value {
    color: red;
}

/* Ambox notices */
.ambox {
    background-color: #282828;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    align-items: center;
    font-size: 95%;
    margin: 1rem 6rem;
    display: grid;
    grid-template: auto 1fr / auto 1fr;
}

.ambox-gray {
    border-left-color: #383838;
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}

.ambox + .ambox {
     margin-top: -2px;
}

.ambox-text {
     padding: 0.25em 0.5em;
}

.ambox-image {
     padding: 2px 0px 2px 0.5em;
     text-align: center;
     width: 60px;
}

.ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}

/* Ambox colors */
.ambox-blue {
     border-left: 10px solid #1e90ff;
}

.ambox-red {
     border-left: 10px solid #b22222;
}

.ambox-orange {
     border-left: 10px solid #f28500;
}

.ambox-yellow {
     border-left: 10px solid #f4c430;
}

.ambox-purple {
     border-left: 10px solid #9932cc;
}

.ambox-gray {
     border-left: 10px solid #bba;
}

.ambox-green {
     border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
     font-size: smaller;
     margin-left:0.8em;
     margin-top:0.5em;
}


/****************
* Tabber styles *
****************/
ul.tabbernav {
  border:none;
  padding-bottom:1em;
  margin:0 2px;
}

ul.tabbernav li a,
ul.tabbernav li a:link {
  border:2px solid #928167;
  color:#9acbf1;
}

ul.tabbernav li a,
ul.tabbernav li a:hover,
ul.tabbernav li.tabberactive a {
  background-color:#000;
}

ul.tabbernav li:not(.tabberactive) a:hover {
  box-shadow:inset 0 0 2px 2px #0d0c0b6f;
  color:#e6e6e6;
}

ul.tabbernav li:not(.tabberactive) {
  padding-top:1em;
}

ul.tabbernav li.tabberactive {
  border-bottom:0;
}

ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover {
  border:2px solid #a67e4d;
  border-bottom:0;
  color:#E6E6E6;
  padding-bottom:1em;
}

.tabber .tabbertab {
  border:2px solid #928167;
  border-radius:5px;
}

/*************
* End Tabber *
**************/

/*****************
* Infobox styles *
******************/
.infobox {
  float: right;
  width: 21em;
  max-width:100%;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 0.5em;
  padding: 4px;
  background-color:transparent;
  border:1px solid #505050;
}

.infobox-table {
  width: 100%;
  padding: 0;
  background-color:transparent;
  border: 0;
}

.infobox-header,
.infobox-section {
  font-size:1.1em;
  font-family: 'noita', '04b03', sans-serif;
  text-shadow:1px 1px 1px rgba(0,0,0,0.75);
  border:0;
  font-weight:normal;
  text-align:center;
}

.infobox-header {
  background-color:#181818;
  font-size: 1.5em;
  padding:0.4em;
}

.infobox-section {
  padding:0.05em 0.5em;
}

.infobox-centered {
  text-align: center;
}

.infobox-centered img {
  max-width:100%;
  height:auto;
}

.infobox-row {
  vertical-align: top;
}

.infobox-row-name {
  min-width:50%;
  text-align: right;
  vertical-align:middle;
  padding:0.1em 0.7em;
  font-size:0.95em;
  font-family: 'noita', '04b03', sans-serif;
  background-color:#181818;
  border-right: 1px solid #223546;
}

.infobox-row-value {
  padding-left:0.2em;
}

.infobox-spacer {
  height: 0.5em;
}

/* Styles for multiple infoboxes inside a tabber */

.infobox-tabber {
  width:calc(22.3em + 10px);
  float:right;
}

.infobox-tabber .tabber {
  margin-left:1em;
  margin-bottom:0.5em;
}

.infobox-tabber .tabbertab {
  padding:0;
  border:0;
}

.infobox-tabber .infobox {
  margin:0;
}

.infobox-tabber .tabbertab > p:first-child,
.infobox-tabber .tabbertab > p:last-child {
  display:none;
}

.infobox-tabber .tabbernav {
  border-bottom:0;
}

/*********************
* End infobox styles *
**********************/

/*************************************
* Used by [[Template:Spell infobox]] *
**************************************/
.spell {
  float:right;
  font-family: 'noita', '04b03', sans-serif;
  font-size:1.3em;
  border:2px solid #928167;
  border-radius:5px;
  background-color:rgba(5,5,5,0.8);
  padding:0.5em;
  margin:0.5em;
  width:100%;
  max-width:25em;
}

.spell .spell-description {
  width:100%;
}
/*****************************
* End Template:Spell infobox *
******************************/

/***********************
* Spoiler style tweaks *
************************/
.spoilers-body {
  background-color:#222;
  color:#eee;
  overflow:auto;
}
/*********************
* End spoiler tweaks *
**********************/


/*********************
/* Front page styles *
/*********************/
.fpmain {
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.fpbanner {
  border: 1px solid #9C9C9C;
  box-shadow: rgba(255, 255, 255, .7) 0 0.1em 0.5em;
  background: rgba( 0, 0, 0, .2 );
  margin: 0 5px 5px 5px;
  padding: 5px;
  min-height: 80px;
}

.fpbannertable {
  display: table;
  border: none;
  background: transparent;
  width: 100%; 
  min-height: 75px;
  margin: 0;
  padding: 5px;
}

.fpbannercell {
  display: table-cell; 
  text-align: center; 
  vertical-align: middle;
}

.fpbannerblock {
  border: none;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.75);
  font-size: 132%;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpheader {
  font-family: noita, sans-serif;
  text-shadow:  2px 2px black;
  background-color: var(--fpheader-background-color);
  border: none;
  text-align: center;
  color: var(--fpheader-color);
  font-size: 1.5em;
  box-shadow: 0 8px 10px -10px var(--content-border-color);
  margin-bottom: 10px;
}

.fpmidsections {
  float: left;
  width: 100%;
  overflow: hidden;
}

.fpbox {
  overflow: auto;
  width: calc(100% - 0.1rem);
  font-size: 1em;
  border-top: 4px solid rgb(177, 156, 114);
  box-shadow: rgba(var(--content-border-color-rgb), 0.7) 0 0.1rem 0.5rem;
  background: var(--fpbox-background-color);
  margin: 0.5rem;
  padding: 0.5rem;
  box-sizing: border-box;
}

.fpbox .mainheading {
  border: none;
  font-size: 150%;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox .heading {
  border: none;
  border-bottom: 1px solid #ffffff;
  font-size: 132%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpmain .columns .leftcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

.fpmain .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

.fpsection1, .fpsection2, .fpsection3, .fpsection4 {
  float: left;
  clear: both; 
  width: 100%;
}

div.fp2columnonly, div.fp3columnonly {
  display: none; 
}

@media (min-width: 790px) {
  .fpsection1 {
    float: left;
    clear: none;
    width: 50%;
  }

  .fpmidsections {
    clear: none;
    float: right;
    width: 50%;
  }

  .fpsection4 {
    float: left;
    clear: none;
    width: 50%;
  }

  div.fp2columnonly {
    display: block; 
  }
}

@media (min-width: 990px) {
  .fpmain .columns .leftcol {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
  }

  .fpmain .columns .rightcol {
    float: right;
    width: 50%;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 1390px) {
  .fpmidsections {
    clear: none;
    float: right;
    width: 66.667%;
  }

  .fpsection1 {
    clear: none;
    width: 33.333%;
  }

  .fpsection2 {
    clear: none;
    width: 50%;
  }

  .fpsection3 {
    clear: none;
    width: 50%;
  }
 
  .fpsection4 {
    clear: left;
    width: 33.333%;
  }

  div.fp2columnonly {
    display: none; 
  }

  div.fp3columnonly {
    display: block; 
  }
}

.fpbox.plain {
  border: none;
  box-shadow: none;
  background: transparent;
}

.fpimagelist ul {
  list-style-type: none;
  list-style-image: none;
}

.fpvideos {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}

.fpvideo {
  display: inline-block;
  margin: 0 5px;
}
.pi-horizontal-group .pi-header { text-align: center; }

/* <math> */

.mwe-math-element {
	padding: 0.25em 0.1em;
}

/* Random chooser helper rule */
.choose-random > :not(.selected) {
	display: none;
}
/* advanced-search's autocomplete dropdown */ 	
.oo-ui-menuSelectWidget {
	background-color:#181818;
}
/* legend box on RecentChanges */
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
	background-color: #181818;
}

/* nudge content down when clicking ToC items */
html {scroll-padding-top: 35px}

/*实现鼠标悬停悬浮框，Thanks for 无名工具人:P*/

        a:hover + .FloatingItemBase {
            opacity: 1;
        }
        .FloatingItemBase {
            opacity: 0;
            position: absolute;
            width: 10em;
            top:-3em;
            /*font-weight: bold;*/
            font-size: 1.1em;
            text-align: center;
            margin: 0;
            padding: .35rem 0;
            box-sizing: border-box;
            /*border-radius: .5rem;*/
            color: rgb(255,255,255);
            transition: .15s ease-out;
            pointer-events: none;
            z-index:999;
            border-image-source: url(https://noita.wiki.gg/zh/images/a/a7/Game_ui.png);
    		border-image-slice: 10.66666666 10.66666666 10.66666666 10.66666666 fill;
		    border-image-width: 32px 32px;
		    image-rendering: pixelated;
    		border-image-outset: 4px;
    		filter: drop-shadow(0px 0px 0px rgba(0,0,0,1));
        }
        	
.FloatingItemLeft{
	left: 3em;
}
.FloatingItemEnemyLeft{
    margin: -2.3em 0 0 6px;
}
.pi-horizontal-group .pi-header { text-align: center; }

	/* .inside是黑幕用的 */
	.inside {
        color: transparent;
        background-color: #000000;
        cursor: default;
        -o-transition: color 500ms;
        -webkit-transition: color 500ms;
        -moz-transition: color 500ms;
        transition: color 500ms
    }

    .inside:hover,.inside:active {
        color: #e8e8e8;
    }
    
    .inside,.inside * {
        color: transparent !important;
        background-color: #000000 !important;
        cursor: default !important;
        -webkit-transition: color 500ms;
        -moz-transition: color 500ms;
        transition: color 500ms
    }
	.heimu, .heimu a, a .heimu, .heimu a.new {
    background-color: #252525;
    color: #252525;
    text-shadow: none;
}
/*这部分用来实现黑幕，方法不同于上一个*/
.heimu:hover, .heimu:active,
.heimu:hover .heimu, .heimu:active .heimu {
    color: white !important;
}

.heimu:hover a, a:hover .heimu,
.heimu:active a, a:active .heimu {
    color: lightblue !important;
}

.heimu:hover .new, .heimu .new:hover, .new:hover .heimu,
.heimu:active .new, .heimu .new:active, .new:active .heimu {
    color: #BA0000 !important;
}

/*********************************
*用于模板Perk_show 来自日语wiki 已做修改*
*********************************/

.perkTable {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.55rem;
}
.perkBlock {
  display: grid;
  grid-template-rows: 2.5rem auto;
  grid-template-columns: 80px auto 5rem 1rem;
  color: white;
  width: 20rem;
  margin: 0;
  background: #272B37;
  box-shadow: 2px 2px 3px 1px #000000;
  align-content: stretch;
}
.perkBlock:hover .cursor{
  background-color: #636f96;
}
.perkBlock .icon {
  grid-row: 1 / 3;
  grid-column: 1 / 2;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 48px;
  margin: 0.85em 0 0 1em;
}
.perkBlock .name{
  grid-row: 1 / 2;
  grid-column: 2 / 4;
  display: block;
  width: 100%;
  margin: auto 0;
  font-size: 0.8rem;
  font-weight: bold;
  color: #80C3E6;
}
.perkBlock .description{
  grid-row: 2 / 3;
  grid-column: 2 / 4;
  padding: 0 0.5rem 0.7rem 0;
  font-size: 0.8rem;
}
.perkBlock .cursor{
  grid-row: 1 / 4;
  grid-column: 4 / 5;
  display: flex;
  align-items: center;
  vertical-align: middle;
  background-color: #333847;
  color: #f1e8cc;
}
.perkBlock .inner{
  display: none;
}
.perkBlock .detail{
  grid-row: 3 / 4;
  grid-column: 1 / 3;
  padding: 1rem;
  font-size: 0.8rem;
  background: rgba(29,28,27,0.9);
}
.perkBlock .stack{
  grid-row: 3 / 4;
  grid-column: 3 / 4;
  padding: 0.5rem;
  font-size: 0.8rem;
  text-align: center;
  background: rgba(41,40,39,0.9);
}
/*BiomeNav*/
.biomeNav{
	display: grid;
    grid-template-columns: 4fr 1fr auto 1fr 4fr;
    grid-template-rows: auto 2fr 1fr auto 1fr 2fr;
    place-items: center;
    grid-gap: 0.5em;
    text-align: center;
    float: right;
    font-family: 'noita', '04b03', sans-serif;
    font-size: 0.8em;
    padding: 0.5em;
    margin: 0.5em;
    width: 300px;
    line-height: 1em;
    border-image-source: url(https://noita.wiki.gg/zh/images/a/a7/Game_ui.png);
    border-image-slice: 10.66666666 10.66666666 10.66666666 10.66666666 fill;
    border-image-width: 32px 32px;
    image-rendering: pixelated;
}
/*EnemyQuery*/
.EnemyQueryItem{
    text-align: center;
    width: 184px;
    height: 143px;
    background-color: #272b37ff;
    box-shadow: 2px 2px 3px 1px #000;
    padding: 6px 3px 4px 6px;
}
.EnemyQueryItem2{
	text-align: center;
    width: 50px;
    height: 45px;
    background-color: #272B37FF;
    border: 0.2em solid #677C9CFF;
    padding: 5px 0px 0px 0px;
}

/*********************************************
* [[Template:Flex]], [[Template:Flex/start]] *
*********************************************/

.flex-container {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    flex-basis: 33%;
    flex-wrap: wrap;
    place-items: center;
}
/*一点小小的显示（*/
footer.mw-footer::after {
    content: url(https://commons.wiki.gg/images/b/bd/CC-BY-NC-SA.svg);
    text-align: left;
    display: flex;
    justify-content: flex-end;
}

.MouseChoose{
	cursor: pointer !important;
}

.vector-menu-dropdown .vector-menu-heading#p-cactions-label::after {
	margin:0 -4px 0 -8px ;
}
.vector-menu-dropdown .vector-menu-heading#p-variants-label::after {
	margin:0 0 0 2px ;
}
.InfoMaterialItemBG{
	border-image-slice: 1 fill;
    border-image-width: 2px;
    border-image-outset: 2px;
    border-image-repeat: stretch;
    border-image-source: url(https://noita.wiki.gg/images/e/eb/Inventory_box.png);
    border-style: solid;
    border-width: 0;
    image-rendering: pixelated;
    filter: drop-shadow(4px 4px 0 rgba(0,0,0,0.8));
}
.InfoMaterialFlex{
	display: flex;
	justify-content: center;
	margin: -73px 0 4px 0 !important;
}
.portable-infobox .pi-data-value>:not(ul), .portable-infobox .pi-data-value li {
    margin: -5px 0px 0px 0;
}
@media screen and (max-width: 720px){
	.vector-menu-dropdown .vector-menu-heading::after{
		filter: drop-shadow(0px 0px 0.5px var(--fpheader-color));
	}
	.clipMaterial{
	    text-align: center;
    	clip-path: none;
    	margin: 0 !important;
	}
}
.InfoMaterialBG{
    background-image: url(https://noita.wiki.gg/images/2/2a/Background_snowcave.png);
    background-size: 1600%;
    background-position: 320px 320px;
    image-rendering: pixelated;
    display: flex;
    justify-content: center;
}
.MaterialQueryItem {
	text-align: center;
    width: 203px;
    height: auto;
    background-color: #272b37ff;
    box-shadow: 2px 2px 3px 1px #000;
    padding: 0px 10px 4px 10px;
}
.MaterialIcon{
	position: absolute;
    margin: -118px 0px 0px -4px;
    border-image-slice: 1 fill;
    border-image-width: 2px;
    border-image-outset: 2px;
    border-image-repeat: stretch;
    border-image-source: url(https://noita.wiki.gg/images/e/eb/Inventory_box.png);
    border-style: solid;
    border-width: 0;
    image-rendering: pixelated;
    filter: drop-shadow(3px 3px 1px rgba(0,0,0,0.8));
}
.MaterialB{
	margin: 7px 0 2px 0;
    filter: drop-shadow(3px 3px 1px rgba(0,0,0,0.8));
}
.MaterialQueryCodeItem {
    --h-oneline: 1.6em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
    max-width: 96%;
    width: 94%;
    height: var(--h-oneline);
    border-width: 0;
}
code#MaterialQueryCodeItem:hover {
  --bs-color: #0005;
  transition:
    opacity 100ms ease 30ms,
    box-shadow 100ms ease 30ms,
    word-wrap 0ms ease 0ms;
  opacity: 1;
  word-wrap: break-word;
}
code#MaterialQueryCodeItem {
  --bs-voff: 0; 
  --bs-hoff: 0; 
  --bs-blur: 0.5em; 
  --bs-spread: 0.2em; 
  --bs-color: #0000;
  overflow: hidden;
  text-overflow: ellipsis;;
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  min-height: var(--h-oneline);
  width: fit-content;
  max-width: 100%;
  padding: 0.1em 0.3em;
  border: 0.08em solid #eaecf0ee;
  border-radius: 0.2em;
  line-height: 1.3;
  text-align: center;
  user-select: all;
  opacity: 0.725;
  transition:
    opacity 200ms ease 30ms,
    box-shadow 200ms ease 30ms,
    word-wrap 0ms ease 0ms;
  box-shadow: var(--bs-voff) var(--bs-hoff) var(--bs-blur) var(--bs-spread) var(--bs-color);
}
.IconRight{
	margin: -77px 0 0 -4px;
}

.LiquidSandInfo:hover{
	text-decoration: underline;
}
.LiquidSandInfo {
    white-space: nowrap;
    display: inline-block;
    color: green;
    cursor: help;
}
.LiquidSandInfo:hover::after {
    opacity: 1;
    z-index: 999;
}
.LiquidSandInfo::after {
	transition: .15s ease-out;
    opacity: 0;
    content: "Box2D一般即使此项不为1\A也会表现为固体形式";
    text-align: center;
    font-size: 1em;
    z-index: -999;
    white-space: pre;
    position: absolute;
    border-image-source: url(https://noita.wiki.gg/zh/images/a/a7/Game_ui.png);
    border-image-slice: 10.66666666 10.66666666 10.66666666 10.66666666 fill;
    border-image-width: 32px 32px;
    image-rendering: pixelated;
    border-image-outset: 2.5px;
    margin: -1px 0 0 -148px;
    background: #000;
    padding: 5px;
    display: block;
    color:white;
}

/*折叠样式*/
.sidebarArrowShow::before{
	display: block !important;
}
.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: none;
    position: absolute;
    margin: 2px 0 0 -7rem;
    filter: drop-shadow(14rem 0px 0px var(--fpheader-color));
}
@media screen and (max-width: 720px){
	.vector-menu.mw-portlet.vector-menu-portal.portal:not(#p-navigation)::before{
		margin: 2px 0 0 -9.6rem;
		filter: drop-shadow(19.2rem 0px 0px var(--fpheader-color));
	}
}
.noborder {
	border-bottom: none !important;
}
.collapsed::before{
	transform: scaleY(-1);
}

#FSpellContent.FSpell.Infobox{
    margin: -15px 0 0 -4px;
    -webkit-animation: none;
    animation: none;
    width: 380px;
    grid-template-columns: 322px 62px;
	grid-template-areas:
    "name Img"
    "Description Img"
    "TypeList Img"
    "Property Img"
    "Mod Img"
    "Extra Img";
}

/*法术悬浮窗*/
#FSpellContent.FSpell{
	border-image-source: url(https://noita.wiki.gg/zh/images/a/a7/Game_ui.png);
    border-image-slice: 10.66666666 10.66666666 10.66666666 10.66666666 fill;
    border-image-width: 32px 32px;
    image-rendering: pixelated;
    border-image-outset: 3px;
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,1));
    padding: 11.5px;
    display: grid;
    font-family: noita,sans-serif;
    font-weight: 400;
    
   grid-template-areas:
        "name name"
        "Description Description"
        "TypeList Img"
        "Property Img"
        "Mod Img"
        "Extra Extra";
    grid-template-columns: auto 62px;
    align-items: center;
    width: 400px;
    animation:Opacityto1 .155s cubic-bezier(0.25, 0.46, 0.45, 0.94),SpellMove .23s cubic-bezier(0.5,-2.3,.9,2.5);
	-webkit-animation: Opacityto1 .155s cubic-bezier(0.25, 0.46, 0.45, 0.94),SpellMove .23s cubic-bezier(0.5,-2.3,.9,2.5);
}
@keyframes Opacityto1
{
from {opacity:0.1;}
to {opacity:1;}
}

@-webkit-keyframes Opacityto1
{
from {opacity:0.1;}
to {opacity:1;}
}

@keyframes SpellMove
{
from {border-image-outset: 10px;filter: drop-shadow(0px 0px 0px rgba(0,0,0,1));}
to {border-image-outset: 3px;filter: drop-shadow(0px 0px 0px rgba(0,0,0,1));}
}

@-webkit-keyframes SpellMove
{
from {border-image-outset: 10px;filter: drop-shadow(0px 0px 0px rgba(0,0,0,1));}
to {border-image-outset: 3px;filter: drop-shadow(0px 0px 0px rgba(0,0,0,1));}
}
#FSpellName{
	grid-area: name;
	padding: 0 0 6px 0;
}
#FSpellDescription{
	grid-area: Description;
	padding: 6px 0 6px 0;
}
#FSpellImg{
	grid-area: Img;
	display: grid;
}
#FSpellTypeList{
	grid-area: TypeList;
	padding: 6px 0 6px 0;
}
#FSpellProperty{
	grid-area: Property;
	padding: 6px 0 6px 0;
}
#FSpellMod{
	grid-area: Mod;
	padding: 6px 0 6px 0;
}
#FSpellExtra{
	grid-area: Extra;
	padding: 6px 0 0 0;
}

.FSGap{
	flex-basis: 165px;
}

.FSpell#FSpellText{
	display: flex;
    align-items: flex-end;
    white-space: nowrap;
}

.FSpell .FSpellNoLink#FSpellText a {
    color: white;
}
/* 模块样式更正 */
.mw-scribunto-console-fieldset legend {
    background: #fff;
}
/*********************************************
*        [[Template:Pronunciation]]          *
*********************************************/
.client-nojs .pronunciation a:first-child {
	display: none;
}

.pronunciation audio {
    display: none;
}

.pronunciation img {
    filter: invert(1);
    vertical-align: middle;
}
/*反应模板*/
.MaterialSwitch {
  display: grid;
  grid-template-rows: 2.5rem auto;
  grid-template-columns: 80px auto 0 1rem;
  color: white;
  width: 15em;
  margin: 0;
  background: #272B37;
  box-shadow: 2px 2px 3px 1px #000000;
  align-content: stretch;
}

.MaterialSwitch:hover .cursor{
  background-color: #636f96;
}
.MaterialSwitch .icon {
  grid-row: 1 / 3;
  grid-column: 1 / 2;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 48px;
  margin: 0.85em 0 0 1em;
}
.MaterialSwitch .name{
  grid-row: 1 / 2;
  grid-column: 2 / 4;
  display: block;
  width: 100%;
  margin: auto 0;
  font-size: 0.8rem;
  font-weight: bold;
  color: #80C3E6;
}

.MaterialSwitch .description{
  grid-row: 2 / 3;
  grid-column: 2 / 4;
  padding: 0 0.5rem 0.7rem 0;
  font-size: 0.8rem;
  display: flex
}
.MaterialSwitch .cursor{
  grid-row: 1 / 4;
  grid-column: 4 / 5;
  display: flex;
  align-items: center;
  vertical-align: middle;
  background-color: #333847;
  color: #f1e8cc;
}
.MaterialSwitch .inner{
  display: none;
}
.MaterialSwitch .detail{
  grid-row: 3 / 4;
  grid-column: 1 / 3;
  padding: 1rem;
  font-size: 0.8rem;
  background: rgba(29,28,27,0.9);
}
取自“https://noita.wiki.gg/zh/index.php?title=MediaWiki:Common.css&oldid=26355”