MediaWiki:Gadget-site-styles.css: Difference between revisions

no edit summary
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
/**
/**
  * Styles placed here are loaded on both desktop and mobile views. On mobile it
  * Styles placed here are loaded on both desktop and mobile views. On mobile it
  * is loaded without using JS, so is good for critical styles that can't wait
  * is loaded without using JS.
* for [[MediaWiki:FandomMobile.css]] to be loaded (like the basic theme).
  *  
  *  
  * Desktop-only styles should go in [[MediaWiki:Common.css]] or
  * Desktop-only styles should go in [[MediaWiki:Common.css]].
* [[MediaWiki:Fandomdesktop.css]] if Minecraft theme related.
* Non-critical mobile-only styles should go in [[MediaWiki:FandomMobile.css]].
  */
  */


Line 13: Line 10:
  * [[File:Minecraft.ttf]].
  * [[File:Minecraft.ttf]].
  */
  */
/*@font-face {*/
/* font-family: Minecraft;*/
/* src: url('filepath://Minecraft.eot?#iefix') format('embedded-opentype'),*/
/* url('filepath://Minecraft.woff2') format('woff2'),*/
/*     url('filepath://Minecraft.woff') format('woff'),*/
/*     url('filepath://Minecraft.ttf') format('truetype');*/
/*}*/
@font-face {
@font-face {
font-family: Minecraft;
  font-family: Minecraft;
src: url('filepath://Minecraft.eot?#iefix') format('embedded-opentype'),
  src: url('https://wiki.parallelmc.org/w/resources/assets/fonts/Minecraft.woff2') format('woff2'),
url('filepath://Minecraft.woff2') format('woff2'),
  url('https://wiki.parallelmc.org/w/resources/assets/fonts/Minecraft.woff') format('woff');
    url('filepath://Minecraft.woff') format('woff'),
    url('filepath://Minecraft.ttf') format('truetype');
}
}


/* Infobox headers */
/* Legacy font for written book displays */
:root {
@font-face {
--infobox-header-background-color: #729FCF;
  font-family: Minecraftia;
  src: url('https://wiki.parallelmc.org/w/resources/assets/fonts/MinecraftiaRegular.ttf') format('truetype');
}
}


body.rootpage-Minecraft_Dungeons,
body.rootpage-Talk_Minecraft_Dungeons,
body.ns-10000,
body.ns-10001 {
--infobox-header-background-color: #C57537;
}


body.rootpage-Minecraft_Earth,
/** Template stylings **/
body.rootpage-Talk_Minecraft_Earth,
/* [[Template:Navbox]] */
body.ns-10002,
.navbox {
body.ns-10003 {
background: #FFF;
--infobox-header-background-color: #4D83FF;
border: 1px solid #CCC;
margin: 1em auto 0;
width: 100%;
}
}


body.rootpage-Minecraft_Legends,
.navbox table {
body.rootpage-Talk_Minecraft_Legends,
background: #FFF;
body.ns-10006,
margin-left: -4px;
body.ns-10007 {
margin-right: -2px;
--infobox-header-background-color: #11AAAA;
}
}


/** Responsive main page layout **/
.navbox table:first-child {
#main-page.main-page {
margin-top: -2px;
display: grid;
grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j";
grid-template-columns: 1fr;
grid-gap: 2px;
}
@media screen and (min-width:990px) {
#main-page.main-page {
grid-template-areas: "a a a" "b b c" "d e f" "g h i" "j j j";
grid-template-columns: repeat(3, 1fr);
}
}
}


.fp-section {
.navbox table:last-child {
background-color: #FCFCFC;
margin-bottom: -2px;
border: 1px solid #ccc;
vertical-align: top;
margin: 1px;
}
}


#fp-1 {
.navbox .navbox-top {
grid-area: a;
white-space: nowrap;
background-color: #CCC;
padding: 0 3px;
text-align: center;
}
}


#fp-2 {
.navbox-navbar,
grid-area: b;
.navbox-navbar-mini {
float: left;
font-size: 80%;
}
}


#fp-3 {
.navbox-title {
grid-area: c;
padding: 0 10px;
font-size: 110%;
}
}


#fp-4 {
.navbox th {
grid-area: d;
background-color: #EEE;
padding: 0 10px;
white-space: nowrap;
text-align: right;
}
}


#fp-5 {
.navbox td {
grid-area: e;
width: 100%;
padding: 0 0 0 2px;
}
}
 
body.wgl-theme-dark .navbox,
#fp-6 {
body.wgl-theme-dark .historybox {
grid-area: f;
background-color: #2f2f2f;
border-color: #444;
}
}
 
body.wgl-theme-dark .navbox table,
#fp-7 {
body.wgl-theme-dark .historybox table {
grid-area: g;
background-color: #2f2f2f;
}
}
 
body.wgl-theme-dark .navbox .navbox-top,
#fp-8 {
body.wgl-theme-dark .historybox .historybox-top {
grid-area: h;
background-color: #111 !important;
}
}
 
body.wgl-theme-dark .navbox th,
#fp-9 {
body.wgl-theme-dark .historybox th {
grid-area: i;
background-color: #222;
}
}


#fp-10 {
/* [[Template:LoadBox]]*/
grid-area: j;
.load-page {
background-color: rgba(255, 255, 255, .5);
border: 1px solid #CCC;
margin-bottom: 0.5em;
padding: 0 0.5em;
}
}
 
body.wgl-theme-dark .load-page {
#fp-header.fp-header {
background-color: #222;
display: grid;
border-color: #111;
grid-template-areas: "aa" "ac" "ab";
grid-template-columns: 1fr;
}
@media screen and (min-width:990px) {
#fp-header.fp-header {
grid-template-areas: "aa ab" "ac ac";
grid-template-columns: 335px 1fr;
}
}
@media screen and (min-width:1350px) {
#fp-header.fp-header {
grid-template-columns: 1fr 2fr;
}
}
}


#fp-header-file {
/* [[Template:LoadBox]] with navbox */
grid-area: aa;
.loadbox-navbox {
padding: 2px !important;
margin: 1em 0 0 !important;
clear: both;
}
}


#fp-header-links {
#content .loadbox-navbox > p {
grid-area: ab;
background-color: #CCC;
text-align: center;
margin: 0;
padding: 0 3px;
}
}
 
body.wgl-theme-dark #content .loadbox-navbox > p {
#fp-header-text {
    background-color: #111;
grid-area: ac;
}
}


#fp-header-file {
.loadbox-navbox > p > b {
margin: auto;
font-size: 110%;
}
@media screen and (min-width:990px) {
#fp-header-file {
margin: auto 0;
}
}
}


#fp-header-links {
.loadbox-navbox .navbox {
margin: auto 0;
margin: 0 -2px -2px;
border: 0;
}
}


#fp-header-links ul {
.loadbox-navbox > .load-page-content > .mw-parser-output > .navbox > tbody > tr:first-child {
-ms-columns: 160px;
display: none;
-moz-columns: 160px;
-webkit-columns: 160px;
columns: 160px;
-ms-column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
margin-top: 0;
}
 
 
/** Main page stylings **/
.mcw-mainpage-icons {
padding: 10px;
display: flex;
flex-wrap: wrap;
row-gap: 20px;
justify-content: center;
}
 
@media screen and (min-width:1400px) and (max-width:2400px) {
#fp-2 .mcw-mainpage-icons {
max-width: 750px;
margin: auto;
}
}
 
.mcw-mainpage-icon {
flex: 0 0 auto;
width: 90px;
}
 
.mcw-mainpage-icon-img {
height: 60px;
width: 60px;
/* Make sure icon is correctly centered */
display: flex;
align-items: center;
justify-content: center;
}
}


.mcw-mainpage-platforms {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
margin-top: 5px;
}


.mcw-mainpage-platform {
display: flex;
gap: 5px;
flex-direction: column;
padding: 5px;
}
@media screen and (max-width:989px) {
.mcw-mainpage-platform {
    flex: 1 1 200px;
}
}


/** Template stylings **/
/** Template stylings **/
Line 262: Line 193:
/* [[File:Grid Unknown.png]] */
/* [[File:Grid Unknown.png]] */
.invslot-item-image > a.new:first-child {
.invslot-item-image > a.new:first-child {
background: url('filepath://Grid_Unknown.png') no-repeat content-box;
background: url('https://wiki.parallelmc.org/w/images/3/35/Grid_Unknown.png') no-repeat content-box;
width: 32px;
width: 32px;
height: 32px;
height: 32px;
Line 364: Line 295:


.mcui-Crafting_Table > .mcui-arrow {
.mcui-Crafting_Table > .mcui-arrow {
background: url('filepath://Grid_layout_Arrow_%28small%29.png') no-repeat;
background: url('https://wiki.parallelmc.org/w/images/8/86/Grid_layout_Arrow_%28small%29.png') no-repeat;
width: 32px;
width: 32px;
height: 26px;
height: 26px;
Line 388: Line 319:
}
}
.mcui-Crafting_Table .mcui-shapeless {
.mcui-Crafting_Table .mcui-shapeless {
background-image: url('filepath://Grid_layout_Shapeless.png');
background-image: url('https://wiki.parallelmc.org/w/images/a/a9/Grid_layout_Shapeless.png');
}
}
.mcui-Crafting_Table .mcui-fixed {
.mcui-Crafting_Table .mcui-fixed {
background-image: url('filepath://Grid_layout_Fixed.png');
background-image: url('https://wiki.parallelmc.org/w/images/b/b8/Grid_layout_Fixed.png');
}
}


/* [[Template:Furnace]]:
/* [[Template:Furnace]]:
Line 621: Line 551:
     margin-left: 4px;
     margin-left: 4px;
}
}


/* [[Template:Grindstone]] */
/* [[Template:Grindstone]] */
Line 715: Line 644:
     border-image: url('filepath://Inventory_background.png') 4 fill repeat;
     border-image: url('filepath://Inventory_background.png') 4 fill repeat;
}
}


/* [[Template:Toast]]: [[File:Achievement_background.png]] */
/* [[Template:Toast]]: [[File:Achievement_background.png]] */
Line 724: Line 652:
     border-image: url('filepath://Achievement_background.png') 8 fill repeat;
     border-image: url('filepath://Achievement_background.png') 8 fill repeat;
}
}
 
/* [[Template:Infobox]], [[Template:Infobox row]] */
/* [[Template:Infobox]], [[Template:Infobox row]] */
.notaninfobox {
.notaninfobox {
Line 812: Line 740:
.infobox-imagearea ul.tabbernav li.tabberactive a:hover {
.infobox-imagearea ul.tabbernav li.tabberactive a:hover {
     color: #000;
     color: #000;
}
body.wgl-theme-dark .infobox-imagearea ul.tabbernav li a:hover,
body.wgl-theme-dark .infobox-imagearea ul.tabbernav li.tabberactive a:hover {
    color: #fff;
}
}


Line 827: Line 751:
padding-bottom: 1px;
padding-bottom: 1px;
display: block;
display: block;
}
body.wgl-theme-dark .infobox-imagearea ul.tabbernav > li > a {
    color: #a9a9a9;
}
}


Line 855: Line 776:
font-weight: bold;
font-weight: bold;
border-bottom: 2px solid var(--infobox-header-background-color);
border-bottom: 2px solid var(--infobox-header-background-color);
color: var(--content-text-color);
color: #202122;
}
}


Line 885: Line 806:
text-align: center;
text-align: center;
}
}
.infobox-extratext {
    text-align: center;
    font-weight: 600;
}


/* [[Template:Sprite]] */
/* [[Template:Sprite]] */
Line 918: Line 845:
.sprite-file > a.new:first-child {
.sprite-file > a.new:first-child {
vertical-align: var(--vertical-align);
vertical-align: var(--vertical-align);
background-image: url('filepath://Grid_Unknown.png');
background-image: url('https://wiki.parallelmc.org/w/images/3/35/Grid_Unknown.png');
     background-size: 100% 100%;
     background-size: 100% 100%;
display: inline-block;
display: inline-block;
Line 991: Line 918:
background-image: url('filepath://LegendsStructureCSS.png');
background-image: url('filepath://LegendsStructureCSS.png');
}
}


/* [[Template:Experience]]:
/* [[Template:Experience]]:
Line 1,037: Line 965:
background-image: url('filepath://Experience_Orb_Value_2477-32767.png');
background-image: url('filepath://Experience_Orb_Value_2477-32767.png');
}
}


/* [[Template:Schematic]] */
/* [[Template:Schematic]] */
Line 1,133: Line 1,060:
}
}


/** Misc stuff **/
/* ========================================================================= */
/* The blue header used throughout the wiki */
/*                                                                          */
.mcwiki-header {
/*         Classes corresponding to Minecraft Written Book display          */
background-color: var(--infobox-header-background-color);
/*                                                                           */
border: 1px solid #CCC;
/* ========================================================================= */
padding: 5px;
 
    border-right: 4px groove #999;
.book {
    border-bottom: 4px groove #999;
  background-image: url(https://wiki.parallelmc.org/w/images/e/e2/Book_page.png);
  background-size: 18.25em 22.5em;
  line-height: 1.125em;
  position: relative;
  font-family: Minecraftia;
  width: 18.25em;
  height: 22.5em;
  font-size: 16px;
  padding-top: 1.6875em;
  padding-left: 2em;
  padding-right: 1.6em;
  padding-bottom: 0.125em;
  box-sizing: border-box;
  user-select: none;
}
 
.book_pagetext {
  overflow-wrap: break-word;
  white-space: break-spaces;
  display: none;
  width: 14.688em;
  height: 15.75em;
  word-spacing: -0.1563em;
}
 
.book_pagetext.pageactive {
  overflow: hidden;
  display: block;
  width: 14.688em;
  height: 15.75em;
}
 
.book_pagenum {
  text-align: right;
  margin-bottom: 0.625em;
  margin-right: 0.687em;
  word-spacing: -0.1563em;
}
 
.book_pagenum p {
  text-align: left;
  margin-bottom: 0em;
}
 
.book_leftarrow {
  background-image: url(https://wiki.parallelmc.org/w/images/d/d1/Book_arrow_left.png);
  background-size: cover;
  display: inline-block;
  position: absolute;
  bottom: 1.5em;
  left: 3.25em;
  width: 2.25em;
  height: 1.25em;
  cursor: pointer;
}
}


/* [[File:GrassBackground.png]] [[File:Dark-GrassBackground.png]] */
.book_leftarrow:hover {
.mcwiki-header-grass {
  background-image: url(https://wiki.parallelmc.org/w/images/6/64/Book_arrow_left_selected.png);
    margin: 3px;
    font-weight: bold;
    text-align: center;
    color: white;
    font-size: 120%;
    background-color: #6c4d34;
    border: none;
    border-top: 6px solid #81bb5b;
    background-image: url('filepath://GrassBackground.png');
}
}
body.wgl-theme-dark .mcwiki-header-grass {
 
    background-image: url('filepath://Dark-GrassBackground.png');
.book_rightarrow {
    border-color: #0f6240 !important;
  background-image: url(https://wiki.parallelmc.org/w/images/7/73/Book_arrow_right.png);
  background-size: cover;
  display: inline-block;
  position: absolute;
  bottom: 1.5em;
  right: 3.625em;
  width: 2.25em;
  height: 1.25em;
  cursor: pointer;
}
}


/* Fix treeview overlapping floating content */
.book_rightarrow:hover {
div.thumb {
  background-image: url(https://wiki.parallelmc.org/w/images/4/4e/Book_arrow_right_selected.png);
position: relative;
z-index: 1;
}
}


/* Horizontal list */
/* Horizontal list */
Line 1,199: Line 1,177:
font-size: x-small;
font-size: x-small;
}
}


/* Element animator */
/* Element animator */
Line 1,213: Line 1,193:
#mw-content-text div.animated.animated-visible > .animated-subframe > * {
#mw-content-text div.animated.animated-visible > .animated-subframe > * {
display: block;
display: block;
}
/* Generic nowrap class */
.nowrap {
white-space: nowrap;
}
/* Hide noscript only elements */
.client-js .noscript {
display: none;
}
/* Remove bullets/numbers from a list */
#mw-content-text .list-style-none ul, .list-style-none ol {
list-style: none;
margin-left: 0;
}
/* Allow setting the text alignment of particular table columns */
.col-1-left td:nth-child(1),
.col-2-left td:nth-child(2),
.col-3-left td:nth-child(3),
.col-4-left td:nth-child(4),
.col-5-left td:nth-child(5),
.col-6-left td:nth-child(6),
.col-7-left td:nth-child(7),
.col-8-left td:nth-child(8),
.col-9-left td:nth-child(9) {
text-align: left;
}
.col-1-center td:nth-child(1),
.col-2-center td:nth-child(2),
.col-3-center td:nth-child(3),
.col-4-center td:nth-child(4),
.col-5-center td:nth-child(5),
.col-6-center td:nth-child(6),
.col-7-center td:nth-child(7),
.col-8-center td:nth-child(8),
.col-9-center td:nth-child(9) {
text-align: center;
}
.col-1-right td:nth-child(1),
.col-2-right td:nth-child(2),
.col-3-right td:nth-child(3),
.col-4-right td:nth-child(4),
.col-5-right td:nth-child(5),
.col-6-right td:nth-child(6),
.col-7-right td:nth-child(7),
.col-8-right td:nth-child(8),
.col-9-right td:nth-child(9) {
text-align: right;
}
/* Centre lists in custom CE TOC */
.toc.console-toc ul {
text-align: center;
}
/* Bold text in a table header cell shouldn't get extra bold */
b,
strong {
font-weight: bold;
}
/* Make the first heading row of a table stick to the top of the screen */
/* Won't work properly with rowspan headers, or colspan rows in the table */
.stikitable > * > tr:first-child > th {
position: -webkit-sticky;
    position: sticky;
    top: 0;
/* This fixes the borders for some reason */
    background-clip: padding-box;
}
/* Add back the bottom border when stuck */
.stikitable > * > tr:first-child > th::after {
    content: "";
    position: absolute;
    bottom: -1px;
left: 0;
    width: 100%;
    border-bottom: 1px solid;
    border-color: inherit;
}
}


Line 1,335: Line 1,233:
.collapsetoggle-custom {
.collapsetoggle-custom {
visibility: hidden;
visibility: hidden;
}
/* Show abusefilter error footer only once at the end */
.errorbox li:not(:last-child) .abusefilter-message-footer {
    display: none;
}
/* Bulletless lists, for list semantics without the visuals */
.bulletless ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
}
}


Line 1,453: Line 1,339:
}
}


/* Key stylings */
kbd,
.kbd-color {
    text-align: center;
    font-size: 80%;
    font-family: inherit;
    font-weight: 500;
    border: 1px solid;
    border-radius: 2px;
    padding: 0.1em 0.4em;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
}
body.wgl-theme-light kbd,
body.wgl-theme-light .kbd-color {
    text-shadow: 0 1px 0 #fff;
    color: #222;
    background-color: #f8f9fa;
    border-color: #c8ccd1;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
}
body.wgl-theme-dark kbd,
body.wgl-theme-dark .kbd-color {
    text-shadow: 0 1px 0 #444;
    color: #eee;
    background-color: #383838;
    border-color: #1E1E1E;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #444 inset;
}


/* [[Module:Renewable resource row]] */
/* Try to use nearest neighbour scaling for pixelated images */
.mw-parser-output .renewableresourcetable td {
.filehistory a img,
text-align: center;
.pixel-image,
}
.invslot-item-image,
.mw-parser-output .renewableresourcetable td:last-of-type {
.sprite {
text-align: left;
image-rendering: optimizeSpeed;
}
image-rendering: -webkit-optimize-contrast;
 
image-rendering: optimize-contrast;
/* Table choice. Written by ItsPlantseed with some adjustments for contrast
image-rendering: -moz-crisp-edges;
* issues
image-rendering: -o-crisp-edges;
*/
image-rendering: crisp-edges;
.tc-yes {
image-rendering: pixelated;
background: #c6efce;
-ms-interpolation-mode: nearest-neighbor;
}
body.wgl-theme-dark .tc-yes {
background: #3b533c;
}
.tc-always {
background: #5dcc5d;
}
body.wgl-theme-dark .tc-always {
background: #29542c;
}
.tc-no {
background: #ffc7ce;
}
body.wgl-theme-dark .tc-no {
background: #533b3b;
}
.tc-never {
background: #ff8787;
}
body.wgl-theme-dark .tc-never {
background: #592c2c;
}
.tc-rarely {
background: #fdce5e;
}
body.wgl-theme-dark .tc-rarely {
background: #594f1e;
}
.tc-neutral {
background: #ffeb9c;
}
body.wgl-theme-dark .tc-neutral {
background: #5b573f;
}
.tc-partial {
background: #ffffdd;
}
body.wgl-theme-dark .tc-partial {
background: #3e3d31;
}
.tc-planned {
background: #dfdfff;
}
body.wgl-theme-dark .tc-planned {
background: #242f2e;
}
.tc-unknown {
background: #ccc;
}
body.wgl-theme-dark .tc-unknown {
background: #364148;
}
.tc-in {
color: #fff;
background: #040;
}
body.wgl-theme-dark .tc-in {
background: #06450a;
}
.tc-inem {
color: #fff;
background: #080;
}
body.wgl-theme-dark .tc-inem {
background: #266c29;
}
.tc-out {
color: #fff;
background: #700;
}
body.wgl-theme-dark .tc-out {
background: #4a0a0a;
}
.tc-outem {
color: #fff;
background: #c00;
}
body.wgl-theme-dark .tc-outem {
background: #742a2a;
}
.tc-default {
color: inherit;
background: #fff;
}
body.wgl-theme-dark .tc-default {
color: inherit;
background: #373737;
}
.tc-hyphen {
background: #ffc7ce;
}
body.wgl-theme-dark .tc-hyphen {
background: #352929;
}
 
/* Even *more* background colors, such as for table cells.
* Written by TheSuperPlayer.
*/
.wgl-theme-light .page-content .general-background-gray {
background-color: #bdbdbd;
}
.wgl-theme-dark .page-content .general-background-gray {
background-color: #212121;
}
.wgl-theme-light .page-content .general-background-lime {
background-color: #c1f792;
}
.wgl-theme-dark .page-content .general-background-lime {
background-color: #405230;
}
.wgl-theme-light .page-content .general-background-yellow {
background-color: #fffca6;
}
.wgl-theme-dark .page-content .general-background-yellow {
background-color: #4d4c30;
}
.wgl-theme-light .page-content .general-background-cyan {
background-color: #97fcf9;
}
.wgl-theme-dark .page-content .general-background-cyan {
background-color: #426665;
}
.wgl-theme-light .page-content .general-background-magenta {
background-color: #ffbfff;
}
.wgl-theme-dark .page-content .general-background-magenta {
background-color: #4c374d;
}
 
/* Dark mode support for Template:Nbt_inherit */
body.wgl-theme-dark .nbttree-inherited {
background: #323248;
}
 
/* Invert black images in dark mode */
body.wgl-theme-dark .math-image,
body.wgl-theme-dark img[data-image-name="Android.svg"],
body.wgl-theme-dark img[data-image-name="Apple logo.svg"],
body.wgl-theme-dark img[data-image-name="MacOS.svg"],
body.wgl-theme-dark img[data-image-name="MacOS logo.svg"],
body.wgl-theme-dark img[data-image-name="IOS.svg"],
body.wgl-theme-dark img[data-image-name="IOS logo.svg"],
body.wgl-theme-dark img[data-image-name="IPadOS.svg"],
body.wgl-theme-dark img[data-image-name="IPadOS logo.svg"],
body.wgl-theme-dark img[data-image-name="AppleTVLogo.svg"],
body.wgl-theme-dark img[data-image-name="GearVR.svg"],
body.wgl-theme-dark img[data-image-name="Playstation logo.svg"],
body.wgl-theme-dark img[data-image-name="PS5.svg"],
body.wgl-theme-dark img[data-image-name="PS4.svg"],
body.wgl-theme-dark img[data-image-name="PS3.svg"],
body.wgl-theme-dark img[data-image-name="PSVita.svg"],
body.wgl-theme-dark img[data-image-name="Xbox Series.svg"],
body.wgl-theme-dark img[data-image-name="New Nintendo 3DS.svg"],
body.wgl-theme-dark img[data-image-name="OtherOceanLogo.png"],
body.wgl-theme-dark .portable-infobox .pi-image img[data-image-name="OtherOceanLogo.png"],
body.wgl-theme-dark img[data-image-name="Xbox Game Studios.svg"],
body.wgl-theme-dark .portable-infobox .pi-image img[data-image-name="Xbox Game Studios.svg"],
body.wgl-theme-dark img[data-image-name="Skyboxlabs.png"],
body.wgl-theme-dark .portable-infobox .pi-image img[data-image-name="Skyboxlabs.png"] {
filter: hue-rotate(180deg) invert(100%) saturate(.6) brightness(2);
}
 
/* Turn a list into a tree view style (See [[.minecraft]]) */
.treeview {
margin-top: 0.3em;
display: flow-root;
}
 
.treeview .treeview-header {
padding-left: 3px;
font-weight: bold;
}
.treeview .treeview-header:last-child {
border-color: #636363 !important;
border-left-style: dotted;
}
.treeview .treeview-header:not(:last-child)::before {
content: none;
}
.treeview .treeview-header:last-child::before {
border-bottom: 0;
}
 
.treeview ul,
.treeview li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
 
.treeview li li {
position: relative;
padding-left: 13px;
margin-left: 7px;
border-left: 1px solid #636363;
}
.treeview li li::before {
content: "";
position: absolute;
top: 0;
left: -1px;
width: 11px;
height: 11px;
border-bottom: 1px solid #636363;
}
 
.treeview li li:last-child:not(.treeview-continue) {
border-color: transparent;
}
.treeview li li:last-child:not(.treeview-continue)::before {
border-left: 1px solid #636363;
width: 10px;
}
 
.treeview dl,
.treeview dt {
margin-bottom: 0;
}
 
.nbttree-inherited {
background-color: #E6E6FA;
}
 
/* [[Minecraft Wiki (website)#Timeline]] */
body.wgl-theme-dark .timeline-wrapper > img {
filter: hue-rotate(180deg) invert(100%) saturate(.6) brightness(2);
}
 
/* [[Template:DungeonsScroll]] */
div.DungeonsScroll {
position: relative;
width: 500px;
height: 364px;
}
 
div.DungeonsScroll > * {
position: absolute;
}
 
div.DungeonsScroll > img.DungeonsIconBack {
top: 64px;
right: 35px;
}
 
div.DungeonsScroll > img.DungeonsIcon {
top: 77px;
right: 48px;
z-index: 1;
}
 
div.DungeonsScroll > .DungeonsLevel1 {
bottom: 124px;
left: 44px;
}
 
div.DungeonsScroll > .DungeonsLevel2 {
bottom: 93px;
left: 44px;
}
 
div.DungeonsScroll > .DungeonsLevel3 {
bottom: 61px;
left: 44px;
}
 
div.DungeonsScroll > img.VisualplateLevel1 {
top: 90px;
right: 63px;
z-index: 2;
}
 
div.DungeonsScroll > img.VisualplateLevel2 {
top: 83px;
right: 60px;
z-index: 2;
}
 
div.DungeonsScroll > img.VisualplateLevel3 {
top: 80px;
right: 56px;
z-index: 2;
}
 
div.DungeonsScroll > img.DungeonsPowerfulIcon {
top: 54px;
left: 41px;
}
 
div.DungeonsScroll > .Dungeons_black {
color: #2a2d31;
}
 
div.DungeonsScroll > .Dungeons_gray {
color: #ac9882;
}
 
div.DungeonsScroll > .Dungeons_gray > img,
div.DungeonsScroll > .Dungeons_black > img {
margin-right: 7px;
}
 
.DungeonsCheckmarkCurrent {
filter: brightness(0.2)
}
 
.DungeonsCheckmarkActive {
filter: brightness(0.2) opacity(0.3)
}
 
.DungeonsButton {
color: #fff;
width: 140px;
height: 40px;
background-color: #3f8e4f;
right: 50px;
bottom: 70px;
border: 6px solid transparent;
/* border-image: url(https://static.wikia.nocookie.net/magiczocker/images/5/58/Button_border_%28Dungeons%29.png/revision/latest?cb=20221120181344&format=original&path-prefix=de); */
border-image-slice: 7;
border-image-outset: 3px;
border-image-repeat: stretch;
line-height: 27px;
font-size: 12px;
font-weight: bold;
}
 
.DungeonsButton:before {
content: '';
height: 120%;
position: absolute;
top: -10%;
left: 60%;
border: 1px solid;
border-color: transparent #48a15b transparent #3b864c;
}
 
.ButtonCost {
position: absolute;
right: 6px;
top: 0;
}
 
.DungeonsField {
width: 140px;
height: 40px;
right: 50px;
bottom: 70px;
border: 10px solid transparent;
/* border-image: url(https://static.wikia.nocookie.net/magiczocker/images/d/d9/Border_Field_%28Dungeons%29.png/revision/latest?cb=20221120195946&format=original&path-prefix=de); */
border-image-slice: 12;
border-image-outset: 3px;
border-image-repeat: stretch;
line-height: 23px;
font-size: 9px;
text-align: center;
font-weight: bold;
color: #A0866B;
}
 
/* [[Template:Userbox]]
  Use this for styling:
  --userbox-border--light
  --userbox-border--dark
  --userbox-icon-background--light
  --userbox-icon-background--dark
  --userbox-text-background--light
  --userbox-text-background--dark
  --userbox-text-color--light
  --userbox-text-color--dark
  --userbox-text-align
*/
table.mcw-userbox {
background-color: var(--userbox-text-background--light, #fff);
border: 1px solid var(--userbox-border--light, #bbc2c6);
border-spacing: 0;
float: left;
margin: 1px;
width: 238px;
}
 
table.mcw-userbox td:nth-child(1) {
background-color: var(--userbox-icon-background--light, #fff);
font-size: 18pt;
height: 45px;
line-height: 1.25em;
padding: 1px;
text-align: center;
vertical-align: middle;
width: 45px;
}
 
table.mcw-userbox td:nth-child(2) {
color: var(--userbox-text-color--light, #3a3a3a);
font-size: 8pt;
line-height: 1.25em;
padding: 4px;
text-align: var(--userbox-text-align, left);
vertical-align: middle;
}
 
.infobox-extratext {
    text-align: center;
    font-weight: 600;
}
 
/* [[Template:Quote]] */
blockquote.mcwiki-quote {
    padding: 0;
    border: none;
}
 
/* [[Template:Archive box]] */
.archive-box {
background: var(--archive-box-background-color, #FFF);
text-align: left;
border: 1px solid var(--archive-box-border-color, #CCC);
margin-top: 3px;
width: 16em;
font-size: 90%;
padding: 2px;
}
}


#mw-imagepage-section-globalusage,
/* Machine-readable extra template information */
#globalusage {
.history-json, .chest-json, .chestcontents-json, .sound-json, .spawntable-json, .advancements-json, .achievements-json {
display: none;
display: none;
}
}