MediaWiki:Common.css

In other languages

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

Google Chrome, Firefox, Microsoft Edge, and Safari: Hold down the key and click the Reload toolbar button.
For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/* CSS placed here will be applied to all skins */
/**
 * See [[MediaWiki:Vector.css]] for desktop theme related styles.
 * See [[MediaWiki:Vector-theme-dark.css]] for desktop dark theme related styles.
 *
 * See [[MediaWiki:Minerva.css]] for mobile theme related styles.
 * See [[MediaWiki:Minerva-theme-dark.css]] for mobile dark theme related styles.
 */
/* Minecraft font
 * [[File:Minecraft.woff2]] [[File:Minecraft.woff]]
 */
@font-face{
font-family:Minecraft;
src:url('filepath://Minecraft.woff2')format('woff2'),
url('filepath://Minecraft.woff')format('woff');
}
body{
font-family:"Liberation Sans",Arial,Helvetica,FreeSans,sans-serif;
}
/* Codex Design tokens */
:root,
.skin-invert,
.notheme{
--color-base:#202122;
--color-base-fixed:#202122;
--color-base--hover:#404244;
--color-emphasized:#101418;
--color-subtle:#54595d;
--color-placeholder:#72777d;
--color-disabled:#a2a9b1;
--color-disabled-emphasized:#a2a9b1;
--color-inverted:#fff;
--color-inverted-fixed:#fff;/* The same as color-inverted in light mode, but does not change in dark mode. Use this for things that should be white in both modes. */
--color-progressive:#36c;/* 'Progressive' Color and states */
--color-progressive--hover:#3056a9;
--color-progressive--active:#233566;
--color-progressive--focus:#36c;
--color-destructive:#bf3c2c;/* 'Destructive' Color and states */
--color-destructive--hover:#9f3526;
--color-destructive--active:#612419;
--color-destructive--focus:#36c;
--color-visited:#6a60b0;/* 'Visited' color. In combination with progressive. Used for default links. */
--color-visited--hover:#534fa3;
--color-visited--active:#353262;
--color-destructive--visited:#9f5555;/* Red link 'Visited' color. Used for visited red links. */
--color-destructive--visited--hover:#854848;
--color-destructive--visited--active:#512e2e;
--color-error:#bf3c2c;
--color-error--hover:#9f3526;
--color-error--active:#612419;
--color-warning:#886425;
--color-success:#177860;
--color-notice:#404244;
--color-icon-error:#f54739;
--color-icon-warning:#ab7f2a;
--color-icon-success:#099979;
--color-icon-notice:#72777d;
--color-content-added:#006400;
--color-content-removed:#8b0000;
--filter-invert-icon:0;
--filter-invert-primary-button-icon:1;
--box-shadow-color-base:#a2a9b1;
--box-shadow-color-progressive--active:#233566;
--box-shadow-color-progressive--focus:#36c;
--box-shadow-color-progressive-selected:#36c;
--box-shadow-color-progressive-selected--hover:#3056a9;
--box-shadow-color-progressive-selected--active:#233566;
--box-shadow-color-destructive--focus:#36c;
--box-shadow-color-inverted:#fff;
--box-shadow-color-alpha-base:rgba(0,0,0,0.06);
--box-shadow-color-transparent:transparent;
--font-size-x-small:0.75rem;/* `x` stands for extra. In this case extra small. */
--font-size-small:0.875rem;
--font-size-medium:1rem;
--font-size-large:1.125rem;
--font-size-x-large:1.25rem;
--font-size-xx-large:1.5rem;
--font-size-xxx-large:1.75rem;
--line-height-x-small:1.25rem;/* `x` stands for extra. In this case extra small. */
--line-height-small:1.375rem;
--line-height-medium:1.625rem;
--line-height-large:1.75rem;
--line-height-x-large:1.875rem;
--line-height-xx-large:2.125rem;
--line-height-xxx-large:2.375rem;
--line-height-content:1.625;/* Intended for user-generated content that comes from outside of the design system. Components and features should use the standard font-size and line-height tokens instead. */
--mix-blend-mode-base:normal;
--mix-blend-mode-blend:multiply;
--background-color-base:#fff;/* Background Colors for static elements (for page layout, sections, etc.) from here on. */
--background-color-base-fixed:#fff;/* The same as background-color-base in light mode, but does not change in dark mode. Use this for things that should be white in both modes. */
--background-color-neutral:#eaecf0;
--background-color-neutral-subtle:#f8f9fa;
--background-color-interactive:#eaecf0;
--background-color-interactive--hover:#dadde3;
--background-color-interactive--active:#c8ccd1;
--background-color-interactive-subtle:#f8f9fa;
--background-color-interactive-subtle--hover:#eaecf0;
--background-color-interactive-subtle--active:#dadde3;
--background-color-disabled:#dadde3;/* Components like Buttons, Checkboxes, Radios, ProgressBars…. */
--background-color-disabled-subtle:#eaecf0;/* Components like TextInputs, Selects…. */
--background-color-inverted:#101418;
--background-color-progressive:#36c;
--background-color-progressive--hover:#3056a9;
--background-color-progressive--active:#233566;
--background-color-progressive--focus:#36c;
--background-color-progressive-subtle:#e8eeff;
--background-color-progressive-subtle--hover:#d9e2ff;
--background-color-progressive-subtle--active:#b6d4fb;
--background-color-destructive:#bf3c2c;
--background-color-destructive--hover:#9f3526;
--background-color-destructive--active:#612419;
--background-color-destructive--focus:#36c;
--background-color-destructive-subtle:#ffe9e5;
--background-color-destructive-subtle--hover:#ffdad3;
--background-color-destructive-subtle--active:#ffc8bd;
--background-color-error:#f54739;
--background-color-error--hover:#d74032;
--background-color-error--active:#bf3c2c;
--background-color-error-subtle:#ffe9e5;
--background-color-error-subtle--hover:#ffdad3;
--background-color-error-subtle--active:#ffc8bd;
--background-color-warning-subtle:#fdf2d5;
--background-color-success-subtle:#dff2eb;
--background-color-notice-subtle:#eaecf0;
--background-color-content-added:#a3d3ff;
--background-color-content-removed:#ffe49c;
--background-color-content-moved:#d29cff;
--background-color-transparent:transparent;
--background-color-backdrop-light:rgba(255,255,255,0.65);/* Backdrop is the term used by CSS Fullscreen API and is used to dim the background when a modal Dialog is open. Also known as overlay mask. */
--background-color-backdrop-dark:rgba(0,0,0,0.65);
--background-color-button-quiet--hover:rgba(0,24,73,0.027);
--background-color-button-quiet--active:rgba(0,24,73,0.082);
--background-color-input-binary--checked:#36c;
--background-color-tab-list-item-framed--hover:rgba(255,255,255,0.3);
--background-color-tab-list-item-framed--active:rgba(255,255,255,0.65);
--opacity-icon-base:0.87;
--opacity-icon-base--hover:0.74;
--opacity-icon-base--selected:1;
--opacity-icon-base--disabled:0.51;
--opacity-icon-placeholder:0.51;
--opacity-icon-subtle:0.67;
--border-color-base:#a2a9b1;
--border-color-emphasized:#202122;
--border-color-subtle:#c8ccd1;
--border-color-muted:#dadde3;
--border-color-interactive:#72777d;
--border-color-interactive--hover:#27292d;
--border-color-interactive--active:#202122;
--border-color-disabled:#c8ccd1;
--border-color-inverted:#fff;
--border-color-inverted-fixed:#fff;/* The same as color-inverted in light mode, but does not change in dark mode. Use this for things that should be white in both modes. */
--border-color-progressive:#6485d1;
--border-color-progressive--hover:#3056a9;
--border-color-progressive--active:#233566;
--border-color-progressive--focus:#36c;
--border-color-destructive:#f54739;
--border-color-destructive--hover:#9f3526;
--border-color-destructive--active:#612419;
--border-color-destructive--focus:#36c;
--border-color-error:#f54739;
--border-color-error--hover:#9f3526;
--border-color-error--active:#612419;
--border-color-warning:#ab7f2a;
--border-color-warning--hover:#735421;
--border-color-warning--active:#453217;
--border-color-success:#099979;
--border-color-notice:#72777d;
--border-color-content-added:#a3d3ff;
--border-color-content-removed:#ffe49c;
--border-color-transparent:transparent;
--border-color-divider:#a2a9b1;
--outline-color-progressive--focus:#36c;/* Use in places where no more customized focus styles are provided, for example on generic `:focus`. */
--color-link:var(--color-progressive);/* Default Link color and states */
--color-link--hover:var(--color-progressive--hover);
--color-link--active:var(--color-progressive--active);
--color-link--focus:var(--color-progressive--focus);
--color-link--visited:var(--color-visited);
--color-link--visited--hover:var(--color-visited--hover);
--color-link--visited--active:var(--color-visited--active);
--color-link-red:var(--color-destructive);/* Red ('new') Link color and states */
--color-link-red--hover:var(--color-destructive--hover);
--color-link-red--active:var(--color-destructive--active);
--color-link-red--focus:var(--color-destructive--focus);
--color-link-red--visited:var(--color-destructive--visited);
--color-link-red--visited--hover:var(--color-destructive--visited--hover);
--color-link-red--visited--active:var(--color-destructive--visited--active);
--accent-color-base:#36c;
--border-color-input--hover:var(--border-color-interactive);
--border-color-input-binary:var(--border-color-interactive);
--border-color-input-binary--hover:var(--border-color-progressive--hover);
--border-color-input-binary--active:var(--border-color-progressive--active);
--border-color-input-binary--focus:var(--border-color-progressive--focus);
--border-color-input-binary--checked:var(--border-color-progressive);
/* DEPRECATED TOKENS */
/* Warning: the following token name is deprecated (Use `color-subtle` instead. Note, that `color-subtle` is using `color.gray600` instead of `color.gray500` now.) */
--color-base--subtle:#54595d;
/* Warning: the following token name is deprecated (Use `line-height-x-small` instead. Deprecated, part of old font-size/line-height system) */
--line-height-xxx-small:1.4285714rem;
/* Warning: the following token name is deprecated (Use `line-height-small` instead. Deprecated, part of old font-size/line-height system) */
--line-height-xx-small:1.5714285rem;
}
/* Codex Design tokens dark mode */
body.wgl-theme-dark,
.skin-vector.mw-notification{
--color-base:#eaecf0;
--color-base--hover:#f8f9fa;
--color-emphasized:#f8f9fa;
--color-subtle:#a2a9b1;
--color-disabled:#54595d;
--color-disabled-emphasized:#72777d;
--color-inverted:#101418;
--color-progressive:#88a3e8;/* 'Progressive' Color and states */
--color-progressive--hover:#a6bbf5;
--color-progressive--active:#b6d4fb;
--color-destructive:#fd7865;/* 'Destructive' Color and states */
--color-destructive--hover:#fea898;
--color-destructive--active:#ffc8bd;
--color-visited:#a799cd;/* 'Visited' color. In combination with progressive. Used for default links. */
--color-visited--hover:#c5b9dd;
--color-visited--active:#d9d0e9;
--color-destructive--visited:#c99391;/* Red link 'Visited' color. Used for visited red links. */
--color-destructive--visited--hover:#dcb5b3;
--color-destructive--visited--active:#e8cecd;
--color-error:#fd7865;
--color-error--hover:#fea898;
--color-error--active:#ffc8bd;
--color-warning:#ca982e;
--color-success:#2cb491;
--color-notice:#a2a9b1;
--color-content-added:#80cdb3;
--color-content-removed:#fd7865;
--color-base--subtle:#a2a9b1;
--box-shadow-color-base:#72777d;
--box-shadow-color-progressive--focus:#6485d1;
--box-shadow-color-progressive-selected:#88a3e8;
--box-shadow-color-progressive-selected--hover:#a6bbf5;
--box-shadow-color-progressive-selected--active:#b6d4fb;
--box-shadow-color-destructive--focus:#6485d1;
--box-shadow-color-inverted:#000;
--box-shadow-color-alpha-base:rgba(0,0,0,0.87);
--mix-blend-mode-blend:screen;
--background-color-base:#101418;/* Background Colors for static elements (for page layout, sections, etc.) from here on. */
--background-color-neutral:#27292d;
--background-color-neutral-subtle:#202122;
--background-color-interactive:#27292d;
--background-color-interactive--hover:#404244;
--background-color-interactive--active:#54595d;
--background-color-interactive-subtle:#202122;
--background-color-interactive-subtle--hover:#27292d;
--background-color-interactive-subtle--active:#404244;
--background-color-disabled:#404244;/* Components like Buttons, Checkboxes, Radios, ProgressBars…. */
--background-color-disabled-subtle:#27292d;/* Components like TextInputs, Selects…. */
--background-color-inverted:#f8f9fa;
--background-color-progressive--focus:#6485d1;
--background-color-progressive-subtle:#1b223d;
--background-color-progressive-subtle--hover:#233566;
--background-color-progressive-subtle--active:#3056a9;
--background-color-destructive--focus:#6485d1;
--background-color-destructive-subtle:#3c1a13;
--background-color-destructive-subtle--hover:#612419;
--background-color-destructive-subtle--active:#9f3526;
--background-color-error-subtle:#3c1a13;
--background-color-error-subtle--hover:#612419;
--background-color-error-subtle--active:#9f3526;
--background-color-warning-subtle:#2d2212;
--background-color-success-subtle:#132821;
--background-color-notice-subtle:#27292d;
--background-color-content-added:#233566;
--background-color-content-removed:#453217;
--background-color-content-moved:#432366;
--background-color-backdrop-light:rgba(0,0,0,0.65);/* Backdrop is the term used by CSS Fullscreen API and is used to dim the background when a modal Dialog is open. Also known as overlay mask. */
--background-color-backdrop-dark:rgba(255,255,255,0.65);
--border-color-base:#72777d;
--border-color-emphasized:#eaecf0;
--border-color-subtle:#54595d;
--border-color-muted:#404244;
--border-color-interactive--hover:#a2a9b1;
--border-color-interactive--active:#c8ccd1;
--border-color-disabled:#54595d;
--border-color-inverted:#101418;
--border-color-progressive--hover:#88a3e8;
--border-color-progressive--active:#a6bbf5;
--border-color-progressive--focus:#6485d1;
--border-color-destructive--hover:#fd7865;
--border-color-destructive--active:#fea898;
--border-color-destructive--focus:#6485d1;
--border-color-error--hover:#fd7865;
--border-color-error--active:#fea898;
--border-color-warning--hover:#ca982e;
--border-color-warning--active:#edb537;
--border-color-content-added:#233566;
--border-color-content-removed:#987027;
}
body.wgl-theme-dark.skin-invert-imageimg,
body.wgl-theme-dark.skin-invert,
body.wgl-theme-dark.oo-ui-iconElement-icon:not(.oo-ui-image-progressive):not(.oo-ui-image-destructive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-image-invert):not(.mw-no-invert),
body.wgl-theme-dark.oo-ui-indicatorElement-indicator{
color-scheme:light;
filter:invert(1)hue-rotate(180deg);
}
/** Color variables for tweaking by different themes **/
:root{
--navbox-background-color:#FFF;
--navbox-border-color:#CCC;
--navbox-header-color:#CCC;
--navbox-secondary-header-color:#DDD;
--navbox-tertiary-header-color:#EEE;
--navbox-section-color:#EEE;
--list-bullet:url('filepath://List_bullet.svg');
}
body.wgl-theme-dark{
--navbox-background-color:#333;
--navbox-border-color:#444;
--navbox-header-color:#111;
--navbox-secondary-header-color:#181818;
--navbox-tertiary-header-color:#222;
--navbox-section-color:#222;
--list-bullet:url('filepath://List_bullet_dark.svg');
}
/* Page display title */
.mw-page-title-separator::after{
content:' ';
}
.ns-10000.mw-page-title-namespace,
.ns-10002.mw-page-title-namespace,
.ns-10004.mw-page-title-namespace,
.ns-10006.mw-page-title-namespace,
.ns-10012.mw-page-title-namespace,
.ns-10014.mw-page-title-namespace{
font-style:italic;
margin-right:1px;
}
/** Main page stylings **/
/** Only used for styling of elements, main page layout is defined at [[Minecraft_Wiki/styles.css]] **/
.fp-section{
background-color:var(--background-color-neutral-subtle);
border:1pxsolidvar(--border-color-base);
vertical-align:top;
margin:1px;
}
.fp-banner-image{
margin:0auto;
}
.fp-banner-content{
display:flex;
gap:10px;
margin:10px0;
flex-wrap:wrap;
align-items:center;
}
@mediascreenand(min-width:480px){
.fp-banner-content{
flex-wrap:nowrap;
}
.fp-banner-image{
margin:0;
}
}
#fp-header-file{
margin:auto;
}
@mediascreenand(min-width:990px){
#fp-header-file{
margin:auto0;
}
}
#fp-header-links{
margin:auto0;
}
#fp-header-linksul{
-ms-columns:160px;
-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;
}
@mediascreenand(min-width:1400px)and(max-width:2400px){
#fp-2.mcw-mainpage-icons{
max-width:750px;
margin:auto;
}
}
.mcw-mainpage-icon{
flex:00auto;
width:90px;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}
.mcw-mainpage-icon-img{
height:60px;
width:60px;
/* Make sure icon is correctly centered */
display:flex;
align-items:center;
justify-content:center;
}
.mcw-mainpage-icona{
word-wrap:normal;
}
.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;
}
@mediascreenand(max-width:989px){
.mcw-mainpage-platform{
flex:11200px;
}
.mcw-mainpage-platform{
flex-direction:row;
flex-wrap:wrap;
}
}
/** Diff stylings **/
.mw-diff-inline-moved{
background-color:var(--background-color-content-moved);
}
.mw-diff-inline-moved-upwards.mw-diff-inline-moved-source,
.mw-diff-inline-moved-downwards.mw-diff-inline-moved-source{
position:relative;
}
.mw-diff-inline-moved-upwards.mw-diff-inline-moved-source{
margin-top:5px;
}
.mw-diff-inline-moved-downwards.mw-diff-inline-moved-source{
margin-bottom:5px;
}
.mw-diff-inline-moved-upwards.mw-diff-inline-moved-source::after,
.mw-diff-inline-moved-downwards.mw-diff-inline-moved-source::after{
content:"";
position:absolute;
left:0;
right:0;
height:10px;
}
.mw-diff-inline-moved-upwards.mw-diff-inline-moved-source::after{
top:-10px;
background:linear-gradient(-135deg,transparent75%,var(--background-color-content-moved)75%)00,
linear-gradient(135deg,transparent75%,var(--background-color-content-moved)75%)00;
background-size:10px10px;
}
.mw-diff-inline-moved-downwards.mw-diff-inline-moved-source::after{
bottom:-10px;
background:linear-gradient(-45deg,transparent75%,var(--background-color-content-moved)75%)00,
linear-gradient(45deg,transparent75%,var(--background-color-content-moved)75%)00;
background-size:10px10px;
}
/** Template stylings **/
/* [[Template:Navbox]] */
.navbox{
background:var(--navbox-background-color);
border:1pxsolidvar(--navbox-border-color);
margin:1emauto0;
width:100%;
}
.navboxtable{
background:var(--navbox-background-color);
margin-left:-4px;
margin-right:-2px;
}
.navboxtable:first-child{
margin-top:-2px;
}
.navboxtable:last-child{
margin-bottom:-2px;
}
.navbox.navbox-top{
white-space:nowrap;
background-color:var(--navbox-header-color);
padding:03px;
text-align:center;
}
.navboxtr:not(:first-child).navbox-top,
.navbox.navbox.navbox-top{
background-color:var(--navbox-secondary-header-color);
}
.navbox.navboxtr:not(:first-child).navbox-top{
background-color:var(--navbox-tertiary-header-color);
}
.navbox-navbar,
.navbox-navbar-mini{
float:left;
font-size:80%;
position:absolute;
}
.navbox-title{
padding:010px;
font-size:110%;
}
.navboxth{
background-color:var(--navbox-section-color);
padding:010px;
white-space:nowrap;
text-align:right;
}
.navboxtd{
width:100%;
padding:0002px;
}
/* Clear before navboxes and their section */
.mw-heading2:has(#Navigation):has(+table.navbox){
clear:both;
}
/* [[Template:LoadBox]]*/
.load-page{
background-color:rgba(255,255,255,.5);
border:1pxsolid#CCC;
margin-bottom:0.5em;
padding:00.5em;
}
body.wgl-theme-dark.load-page{
background-color:#222;
border-color:#111;
}
body.wgl-theme-dark.load-page.mw-spinner{
filter:invert(1);
}
/* Hatnotes and disambiguation notices */
.hatnote{
font-style:italic;
}
.hatnotei{
font-style:normal;
}
div.hatnote{
padding-left:1.6em;
margin-bottom:0.5em;
}
div.hatnote+div.hatnote{
margin-top:-0.5em;
}
/* [[Template:Layered blueprint]] */
@-webkit-keyframeslayered-blueprint-fade-in{
0%{
opacity:0;
visibility:hidden;
}
100%{
opacity:1;
visibility:visible;
}
}
@keyframeslayered-blueprint-fade-in{
0%{
opacity:0;
visibility:hidden;
}
100%{
opacity:1;
visibility:visible;
}
}
.layered-blueprint-layer{
-webkit-animation:layered-blueprint-fade-in200ms;
animation:layered-blueprint-fade-in200ms;
}
@-webkit-keyframeslayered-blueprint-fade-out{
0%{
opacity:1;
visibility:visible;
}
100%{
opacity:0;
visibility:hidden;
}
}
@keyframeslayered-blueprint-fade-out{
0%{
opacity:1;
visibility:visible;
}
100%{
opacity:0;
visibility:hidden;
}
}
.layered-blueprint-radio:checked+.layered-blueprint-tab+.layered-blueprint-layer~.layered-blueprint-layer{
-webkit-animation:layered-blueprint-fade-out200ms;
animation:layered-blueprint-fade-out200ms;
}
/* [[Template:YouTube]] */
.youtube-video{
display:block;
}
/* Prevent page jump from the toolbar loading */
.client-js#editform{
/* To disable margin collapsing */
overflow:hidden;
}
.client-js.mw-editform>#wpTextbox1{
margin-top:73px;
}
/*.wikiEditor-ui-toolbar .tabs span.tab a:before {*/
/*	filter: invert(1);*/
/*}*/
.wikiEditor-ui-text{
background-color:var(--background-color-base);
}
.wikiEditor-ui-texttextarea{
background-color:transparent;
}
/* Alternating cell background */
.alternatecells:nth-child(odd){
background-color:var(--background-color-neutral);
}
body.wgl-theme-dark.alternatecells:nth-child(odd){
background-color:#222;
}
/* Alternating table rows, primarily used with [[Template:Infobox row]] */
.alternaterowstr:nth-child(even),
.infobox-rowstr:nth-child(odd){
background-color:var(--background-color-neutral);
}
/* Scale file page image to the width of the page */
.dynamic-videovideo,
.dynamic-imageimg,
#filevideo,
#fileimg{
max-width:100%;
height:auto;
}
/* Fix bad codex default styles */
.cdx-message__content{
hyphens:manual!important;
}
/* Allow parts of toc to be hidden */
/* Section levels */
.toc-hidelevel2.toclevel-1ul,
.toc-hidelevel3.toclevel-2ul,
.toc-hidelevel4.toclevel-3ul,
/* Numbers */
.toc-nonumbers.tocnumber{
display:none;
}
/* Adjust styles for small screens */
@media(max-width:500px){
#contentdiv.thumb{
float:none;
}
}
/* Simulate link styling for JS only links */
.jslink{
color:#0645AD;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.jslink:hover{
text-decoration:underline;
cursor:pointer;
}
.jslink:active{
color:#FAA700;
}
/* Try to use nearest neighbour scaling for pixelated images */
.mcwiki-header-grass,
.ns-special.galleryboximg,
.ns-14.galleryboximg,
.filehistoryaimg,
.pixel-image,
.invslot-item-image,
.sprite{
image-rendering:optimizeSpeed;
image-rendering:-webkit-optimize-contrast;
image-rendering:optimize-contrast;
image-rendering:-moz-crisp-edges;
image-rendering:-o-crisp-edges;
image-rendering:crisp-edges;
image-rendering:pixelated;
-ms-interpolation-mode:nearest-neighbor;
}
/* User link icons */
/* Weird Gloop */
/* [[File:Weird Gloop.png]] light mode */
.mw-userlink[href="/w/User:Alex4401"],.mw-userlink[href="/w/User:Alex4401?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Andmcadams"],.mw-userlink[href="/w/User:Andmcadams?action=edit&redlink=1"],
.mw-userlink[href="/w/User:BigDiesel2m"],.mw-userlink[href="/w/User:BigDiesel2m?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Cook_Me_Plox"],.mw-userlink[href="/w/User:Cook_Me_Plox?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Gaz_Lloyd"],.mw-userlink[href="/w/User:Gaz_Lloyd?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Isobel"],.mw-userlink[href="/w/User:Isobel?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Jayden"],.mw-userlink[href="/w/User:Jayden?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Mudscape"],.mw-userlink[href="/w/User:Mudscape?action=edit&redlink=1"],
.mw-userlink[href="/w/User:RheingoldRiver"],.mw-userlink[href="/w/User:RheingoldRiver?action=edit&redlink=1"],
.mw-userlink[href="/w/User:SomeRandomDeveloper"],.mw-userlink[href="/w/User:SomeRandomDeveloper?action=edit&redlink=1"],
.mw-userlink[href="/w/User:TehKittyCat"],.mw-userlink[href="/w/User:TehKittyCat?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Weird_Gloop"],.mw-userlink[href="/w/User:Weird_Gloop?action=edit&redlink=1"]{
padding-left:17px;
background:url('filepath://Weird_Gloop.png')no-repeatleftcenter;
background-size:14px14px;
}
/* [[File:Weird Gloop dark.png]] dark mode */
.wgl-theme-dark.mw-userlink[href="/w/User:Alex4401"],.wgl-theme-dark.mw-userlink[href="/w/User:Alex4401?action=edit&redlink=1"],
.wgl-theme-dark.mw-userlink[href="/w/User:Andmcadams"],.wgl-theme-dark.mw-userlink[href="/w/User:Andmcadams?action=edit&redlink=1"],
.wgl-theme-dark.mw-userlink[href="/w/User:BigDiesel2m"],.wgl-theme-dark.mw-userlink[href="/w/User:BigDiesel2m?action=edit&redlink=1"],
.wgl-theme-dark.mw-userlink[href="/w/User:Cook_Me_Plox"],.wgl-theme-dark.mw-userlink[href="/w/User:Cook_Me_Plox?action=edit&redlink=1"],
.wgl-theme-dark.mw-userlink[href="/w/User:Gaz_Lloyd"],.wgl-theme-dark.mw-userlink[href="/w/User:Gaz_Lloyd?action=edit&redlink=1"],
.wgl-theme-dark.mw-userlink[href="/w/User:Isobel"],.wgl-theme-dark.mw-userlink[href="/w/User:Isobel?action=edit&redlink=1"],
.wgl-theme-dark.mw-userlink[href="/w/User:Jayden"],.wgl-theme-dark.mw-userlink[href="/w/User:Jayden?action=edit&redlink=1"],
.wgl-theme-dark.mw-userlink[href="/w/User:Mudscape"],.wgl-theme-dark.mw-userlink[href="/w/User:Mudscape?action=edit&redlink=1"],
.wgl-theme-dark.mw-userlink[href="/w/User:RheingoldRiver"],.wgl-theme-dark.mw-userlink[href="/w/User:RheingoldRiver?action=edit&redlink=1"],
.wgl-theme-dark.mw-userlink[href="/w/User:SomeRandomDeveloper"],.wgl-theme-dark.mw-userlink[href="/w/User:SomeRandomDeveloper?action=edit&redlink=1"],
.wgl-theme-dark.mw-userlink[href="/w/User:TehKittyCat"],.wgl-theme-dark.mw-userlink[href="/w/User:TehKittyCat?action=edit&redlink=1"],
.wgl-theme-dark.mw-userlink[href="/w/User:Weird_Gloop"],.wgl-theme-dark.mw-userlink[href="/w/User:Weird_Gloop?action=edit&redlink=1"]{
background-image:url('filepath://Weird_Gloop_dark.png');
}
/* Mojang */
/* Add [[File:Mojang logo.svg]] to known Mojang employee userlinks */
.mw-userlink[href="/w/User:Dinnerbone-gpuser"],.mw-userlink[href="/w/User:Dinnerbone-gpuser?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Jeb_mojang"],.mw-userlink[href="/w/User:Jeb_mojang?action=edit&redlink=1"],
.mw-userlink[href="/w/User:MidnightEnforcer"],.mw-userlink[href="/w/User:MidnightEnforcer?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Minecraft_Staff"],.mw-userlink[href="/w/User:Minecraft_Staff?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Mojang_tommo"],.mw-userlink[href="/w/User:Mojang_tommo?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Slicedlime"],.mw-userlink[href="/w/User:Slicedlime?action=edit&redlink=1"],
.mw-userlink[href="/w/User:IP_Justice"],.mw-userlink[href="/w/User:IP_Justice?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Cornerhard"],.mw-userlink[href="/w/User:Cornerhard?action=edit&redlink=1"],
.mw-userlink[href="/w/User:CornerHard"],.mw-userlink[href="/w/User:CornerHard?action=edit&redlink=1"],
/* legacy/deleted */
.mw-userlink[href="/w/User:MidnightEnforcer43458@legacy41488102"],.mw-userlink[href="/w/User:MidnightEnforcer43458@legacy41488102?action=edit&redlink=1"],
/* previously User:Jonkagstrom47437 */
.mw-userlink[href="/w/User:@DeletedUser40286849"],.mw-userlink[href="/w/User:@DeletedUser40286849?action=edit&redlink=1"],
/* previously User:shoghicp */
.mw-userlink[href="/w/User:@DeletedUser40317681"],.mw-userlink[href="/w/User:@DeletedUser40317681?action=edit&redlink=1"]{
padding-left:17px;
background:url('filepath://Mojang_logo.svg')no-repeatleftcenter;
background-size:14px14px;
}
/* Add [[File:Grass Block JE7 BE6.png]] to known Minecraft/Mojang-related contractor employee userlinks */
.mw-userlink[href="/w/User:C418bla"],.mw-userlink[href="/w/User:C418bla?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Jocopa3"],.mw-userlink[href="/w/User:Jocopa3?action=edit&redlink=1"]{
padding-left:17px;
background:url('filepath://Grass_Block_JE7_BE6.png')no-repeatleftcenter;
background-size:14px14px;
}
/* Add [[File:Gray Mojang Thing.png]] to known ex-Mojang employee userlinks */
.mw-userlink[href="/w/User:EvilSeph"],.mw-userlink[href="/w/User:EvilSeph?action=edit&redlink=1"],
.mw-userlink[href="/w/User:ExcitedZe"],.mw-userlink[href="/w/User:ExcitedZe?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Neon_Master"],.mw-userlink[href="/w/User:Neon_Master?action=edit&redlink=1"],
.mw-userlink[href="/w/User:RazzleberryFox"],.mw-userlink[href="/w/User:RazzleberryFox?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Tahg"],.mw-userlink[href="/w/User:Tahg?action=edit&redlink=1"],
.mw-userlink[href="/w/User:Tamerjeison"],.mw-userlink[href="/w/User:Tamerjeison?action=edit&redlink=1"],
.mw-userlink[href="/w/User:HelenAngel"],.mw-userlink[href="/w/User:HelenAngel?action=edit&redlink=1"],
/* previously User:ProfMobius */
.mw-userlink[href="/w/User:@DeletedUser40549330"],.mw-userlink[href="/w/User:@DeletedUser40549330?action=edit&redlink=1"]{
padding-left:17px;
background:url('filepath://Gray_Mojang_Thing.png')no-repeatleftcenter;
}
/* Make external links the same colour as internal links, the icon is enough to differentiate them */
.mw-bodya.external{
color:#0645ad;
}
.mw-bodya.external:visited{
color:#0b0080;
}
.mw-bodya.external:active{
color:#faa700;
}
/* Make tabs the correct size */
body{
-moz-tab-size:4;
-o-tab-size:4;
tab-size:4;
}
/* Classes corresponding to Minecraft formatting codes */
.format-0{
color:#000;
text-shadow:0.125em0.125em0#000;
}
.format-1{
color:#0000A8;
text-shadow:0.125em0.125em0#00002A;
}
.format-2{
color:#00A800;
text-shadow:0.125em0.125em0#002A00;
}
.format-3{
color:#00A8A8;
text-shadow:0.125em0.125em0#002A2A;
}
.format-4{
color:#A80000;
text-shadow:0.125em0.125em0#2A0000;
}
.format-5{
color:#A800A8;
text-shadow:0.125em0.125em0#2A002A;
}
.format-6{
color:#FBA800;
text-shadow:0.125em0.125em0#3E2A00;
}
.format-7{
color:#A8A8A8;
text-shadow:0.125em0.125em0#2A2A2A;
}
.format-8{
color:#545454;
text-shadow:0.125em0.125em0#151515;
}
.format-9{
color:#5454FB;
text-shadow:0.125em0.125em0#15153E;
}
.format-a{
color:#54FB54;
text-shadow:0.125em0.125em0#153E15;
}
.format-b{
color:#54FBFB;
text-shadow:0.125em0.125em0#153E3E;
}
.format-c{
color:#FB5454;
text-shadow:0.125em0.125em0#3E1515;
}
.format-d{
color:#FB54FB;
text-shadow:0.125em0.125em0#3E153E;
}
.format-e{
color:#FBFB54;
text-shadow:0.125em0.125em0#3E3E15;
}
.format-f,
#minetip-tooltip{
color:#FBFBFB;
text-shadow:0.125em0.125em0#3E3E3E;
}
.format-g{
color:#DDD605;
text-shadow:0.125em0.125em0#373501;
}
.format-h{
color:#E3D4D1;
text-shadow:0.125em0.125em0#383534;
}
.format-i{
color:#CECACA;
text-shadow:0.125em0.125em0#333232;
}
.format-j{
color:#443A3B;
text-shadow:0.125em0.125em0#110E0E;
}
.format-l{
font-weight:bold;
letter-spacing:0.125em;
}
.format-m{
text-decoration:line-through;
}
.format-n{
text-decoration:underline;
}
.format-o{
font-style:italic;
}
.format-p{
color:#DEB12D;
text-shadow:0.125em0.125em0#372C0B;
}
.format-q{
color:#47A036;
text-shadow:0.125em0.125em0#04280D;
}
.format-s{
color:#2CBAA8;
text-shadow:0.125em0.125em0#0B2E2A;
}
.format-t{
color:#21497B;
text-shadow:0.125em0.125em0#08121E;
}
.format-u{
color:#9A5CC6;
text-shadow:0.125em0.125em0#261731;
}
.format-v{
color:#EB7114;
text-shadow:0.125em0.125em0#3B1D05;
}
/* Custom color codes because §m and §n are used twice. */
.format-y{
color:#971607;
text-shadow:0.125em0.125em0#250501;
}
.format-z{
color:#B4684D;
text-shadow:0.125em0.125em0#2D1A13;
}
/* Class for &#123456 and &$123 adding custom hex colors. */
.format-custom{
text-shadow:0.125em0.125em0color-mix(insrgb,currentColor25%,#00075%);
}
/* Styling for minecraft style tooltip */
#minetip-tooltip{
position:fixed;
top:0;
left:0;
background-color:#100010;
background-color:rgba(16,0,16,0.94);
padding:0.375em;
font-family:Minecraft,sans-serif;
font-size:16px;
word-spacing:4px;
white-space:nowrap;
line-height:1.25em;
margin:0.125em0.25em;
pointer-events:none;
z-index:9999;
}
#minetip-tooltip::before{
content:"";
position:absolute;
top:0.125em;
right:-0.125em;
bottom:0.125em;
left:-0.125em;
border:0.15emsolid#100010;
border-style:nonesolid;
border-color:rgba(16,0,16,0.94);
}
#minetip-tooltip::after{
content:"";
position:absolute;
top:0.125em;
right:0;
bottom:0.125em;
left:0;
border:0.125emsolid#2D0A63;
border-image:-webkit-linear-gradient(rgba(80,0,255,0.31),rgba(40,0,127,0.31))1;
border-image:linear-gradient(rgba(80,0,255,0.31),rgba(40,0,127,0.31))1;
}
#minetip-tooltip>.description,
#minetip-tooltip>.minetip-description{
display:block;
margin-top:0.25em;
}
/* For adding alt text to icons for accessibility purposes */
.hidden-alt-text{
font-size:0;
}
/* prevent sitenotice show/hide toggle from moving page contents down after pageload */
.globalNotice.globalNoticeDismiss{
float:right;
}
/* Prevent code from overflowing */
code{
overflow-wrap:break-word;
}
/* Style code, pre and similar elements/classes with one common styling */
@mediascreen{
pre,code,.mw-code{
background-color:var(--background-color-neutral-subtle);
color:var(--color-emphasized);
border:1pxsolidvar(--border-color-muted);
}
}
body.mediawikia>code{
color:inherit;
}
kbd,.kbd-color{
text-shadow:01px0var(--background-color-base);
background-color:var(--background-color-neutral-subtle);
color:var(--color-emphasized);
box-shadow:01pxrgba(0,0,0,0.2),0002pxvar(--background-color-base)inset;
border-color:var(--border-color-muted);
font-size:smaller;
}
/* Fixes for small screens */
@mediascreenand(max-width:720px){
#mw-head{
top:13px;
}
div#mw-navigationdiv#mw-panel{
position:static!important;/* position: relative may be added to inline styles by built-in JS after page load; it needs an !important to override */
}
}
@mediascreenand(max-width:500px){
/* TOC fix */
#mw-content-text>.mw-parser-output>div[style*="float"]{
float:none!important;
margin:0!important;
}
}
/* presumable Discord link on comportal */
.CPDiscord{
float:right;
margin-left:1em;
clear:right;
}
/* Styling for tooltip */
.explain{
border-bottom:0;
text-decoration:underlinedotted;
cursor:help;
}
/* Show help cursor when an abbr element has a title attribute */
abbr[title]{
cursor:help;
}
/* [[Template:History]] */
.historytable-experiment{
border-top:1pxsolid;
border-color:inherit;
margin-top:0.5em;
padding:01em;
font-size:smaller;
line-height:1;
background-color:inherit;
}
.historytable-experiment>div{
margin:-0.5emauto0;
padding:00.5em;
width:min-content;
background-color:inherit;
}
.historytable-experiment+span{
font-size:small;
line-height:1.3;
}
/* Machine-readable extra template information */
.history-json,.chest-json,.chestcontents-json,.sound-json,.spawntable-json,.advancements-json,.achievements-json{
display:none;
}
.mw-references-columns{
overflow-wrap:break-word;
}
#mw-imagepage-section-filehistory{
overflow:auto;
}
/* Enhance contrast for search highlight since we use a blue background */
.mw-prefs-search-highlight{
background:var(--background-color-notice-subtle)!important;/* default style contains !important */
outline-color:var(--border-color-interactive)!important
}
/* [[Template:Colorlink]] */
.colored-linksa{
color:inherit!important;
}
body.ns-10008#ca-talk,
body.ns-10008.minerva__tab[data-event-name="tabs.talk"]{
display:none;
}
/* DiscussionTools dark mode fix */
body.wgl-theme-dark.ext-discussiontools-init-highlight{
mix-blend-mode:lighten;
}
body.wgl-theme-dark.ext-discussiontools-init-publishedcomment{
background-color:#6b5f29;
}
body.wgl-theme-dark.ext-discussiontools-init-targetcomment{
background-color:#1b1f29;
}
body.wgl-theme-dark.ext-discussiontools-ui-replyWidget-preview{
background:#222;
}
.sr-only:not(:focus):not(:active){
clip:rect(0000);
clip-path:inset(50%);
height:1px;
overflow:hidden;
position:absolute;
white-space:nowrap;
width:1px;
}
/* [[Template:Archive box]] */
.archive-box{
background:var(--archive-box-background-color,#FFF);
text-align:left;
border:1pxsolidvar(--archive-box-border-color,#CCC);
margin-top:3px;
width:16em;
font-size:90%;
padding:2px;
}
/* Center archive box on small screen */
@media(max-width:500px){
.archive-box{
float:none!important;
margin-left:auto!important;
margin-right:auto;
clear:both;
}
}
.mw-indicator{
vertical-align:middle;
}
/* Fix for inputbox width */
.mw-inputbox-form.cdx-text-input{
min-width:0;
}
/* Fix for inputboxes contained in other boxes (e.g. archive boxes) */
.mw-inputbox-input[size],.mw-inputbox-createbox[size]{
max-width:100%;
}
/* Fix for visual editor adding whitespace around the <onlyinclude> at the top of version pages */
.infobox+p>br:first-child,/*desktop*/
.mf-section-0>p:first-child>br:first-child/*mobile*/
{
display:none;
}
/* Use black bullet points, instead of blue circles: [[File:List bullet.svg]] */
ul{
list-style-image:var(--list-bullet);
}
/* Checkerboard pattern for transparent background of images on file pages */
#bodyContent#fileimg{
--mcw-file-img-background-dark:#6661;
--mcw-file-img-background-light:#aaa1;
background:repeating-conic-gradient(var(--mcw-file-img-background-dark)025%,var(--mcw-file-img-background-light)050%)50%/16px16px;
}
#bodyContent#fileimg:hover{
--mcw-file-img-background-dark:#6668;
--mcw-file-img-background-light:#aaa8;
}
table.mw-datatable.mw-blocklisttd.TablePager_col_target,
table.mw-datatable.mw-blocklisttd.TablePager_col_by,
table.mw-datatable.mw-blocklisttd.TablePager_col_bl_reason{
word-wrap:break-word;
overflow-wrap:break-word;
word-break:break-word;
}
/* Extension:Bucket boolean theming, works in light and dark mode */
.bucket__value-boolean.bucket__value-boolean-true{
background-color:var(--background-color-success-subtle);
}
.bucket__value-boolean.bucket__value-boolean-false{
background-color:var(--background-color-error-subtle);
}
.mw-protection-indicator-icon--lock{
width:30px;
height:30px;
}
#mw-indicator-protection-autoconfirmed.mw-protection-indicator-icon--lock{
mask:none;
background:url("filepath://Semi-protected page lock.svg");
}
#mw-indicator-protection-sysop-cascade.mw-protection-indicator-icon--lock,
#mw-indicator-protection-sysop.mw-protection-indicator-icon--lock{
mask:none;
background:url("filepath://Fully-protected page lock.svg");
}
#mw-indicator-protection-directoreditprotected-cascade.mw-protection-indicator-icon--lock,
#mw-indicator-protection-directoreditprotected.mw-protection-indicator-icon--lock{
mask:none;
background:url("filepath://Director-protected page lock.svg");
}