MediaWiki:Gadget-site-styles.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/**
* 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
* for [[MediaWiki:FandomMobile.css]] to be loaded (like the basic theme).
*
* Desktop-only styles should go in [[MediaWiki:Common.css]] or
* [[MediaWiki:Fandomdesktop.css]] if Minecraft theme related.
* Non-critical mobile-only styles should go in [[MediaWiki:FandomMobile.css]].
*/
/* Minecraft font
* [[File:Minecraft.eot]] [[File:Minecraft.woff2]] [[File:Minecraft.woff]]
* [[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');
}
/* Infobox headers */
:root {
--infobox-header-background-color: #729FCF;
}
body.rootpage-Minecraft_Dungeons,
body.rootpage-Talk_Minecraft_Dungeons,
body.ns-10000,
body.ns-10001 {
--infobox-header-background-color: #C57537;
}
body.rootpage-Minecraft_Earth,
body.rootpage-Talk_Minecraft_Earth,
body.ns-10002,
body.ns-10003 {
--infobox-header-background-color: #4D83FF;
}
body.rootpage-Minecraft_Legends,
body.rootpage-Talk_Minecraft_Legends,
body.ns-10006,
body.ns-10007 {
--infobox-header-background-color: #11AAAA;
}
/** Responsive main page layout **/
#main-page.main-page {
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 {
background-color: #FCFCFC;
border: 1px solid #ccc;
vertical-align: top;
margin: 1px;
}
#fp-1 {
grid-area: a;
}
#fp-2 {
grid-area: b;
}
#fp-3 {
grid-area: c;
}
#fp-4 {
grid-area: d;
}
#fp-5 {
grid-area: e;
}
#fp-6 {
grid-area: f;
}
#fp-7 {
grid-area: g;
}
#fp-8 {
grid-area: h;
}
#fp-9 {
grid-area: i;
}
#fp-10 {
grid-area: j;
}
#fp-header.fp-header {
display: grid;
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 {
grid-area: aa;
}
#fp-header-links {
grid-area: ab;
}
#fp-header-text {
grid-area: ac;
}
#fp-header-file {
margin: auto;
}
@media screen and (min-width:990px) {
#fp-header-file {
margin: auto 0;
}
}
#fp-header-links {
margin: auto 0;
}
#fp-header-links ul {
-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;
}
@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:Inventory slot]] */
.invslot {
position: relative;
display: inline-block;
background: #8B8B8B no-repeat center center / 32px 32px;
border: 2px solid;
border-color: #373737 #FFF #FFF #373737;
width: 32px;
height: 32px;
font-size: 16px;
line-height: 1;
text-align: left;
vertical-align: bottom;
}
.invslot::before,
.invslot::after {
content: "";
position: absolute;
background-color: #8B8B8B;
height: 2px;
width: 2px;
pointer-events: none;
}
.invslot::before {
bottom: -2px;
left: -2px;
}
.invslot::after {
top: -2px;
right: -2px;
}
.invslot-large {
padding: 8px;
}
.invslot-item,
.invslot-item > a:first-child {
position: relative;
display: block;
margin: -2px;
padding: 2px;
width: 32px;
height: 32px;
}
/* [[File:Grid Unknown.png]] */
.invslot-item-image > a.new:first-child {
background: url('filepath://Grid_Unknown.png') no-repeat content-box;
width: 32px;
height: 32px;
text-indent: -9999px;
overflow: hidden;
}
.invslot-stacksize {
position: absolute;
right: 0;
bottom: 0;
font-family: Minecraft, sans-serif !important;
font-weight: normal !important;
color: #FFF !important;
text-shadow: 2px 2px 0 #3F3F3F;
filter: dropshadow(color=#3F3F3F, offx=2, offy=2);
z-index: 2;
}
/* Plain slot with no border or background */
.invslot-plain {
background-color: transparent;
border: 0;
}
.invslot-plain::before,
.invslot-plain::after {
content: none;
}
.invslot-plain > .invslot-item,
.invslot-plain > .invslot-item > a:first-child {
margin: 0;
padding: 0;
}
/* Default background images:
[[File:Grid layout Head Empty.png]],
[[File:Grid layout Chest Empty.png]],
[[File:Grid layout Legs Empty.png]],
[[File:Grid layout Feet Empty.png]],
[[File:Grid layout Offhand Empty.png]],
[[File:Grid layout Smithing Empty.png]],
[[File:Grid layout Brewing Empty.png]],
[[File:Grid layout Brewing Fuel Empty.png]] */
.invslot-default-head {
background-image: url('filepath://Grid_layout_Head_Empty.png');
}
.invslot-default-chest {
background-image: url('filepath://Grid_layout_Chest_Empty.png');
}
.invslot-default-legs {
background-image: url('filepath://Grid_layout_Legs_Empty.png');
}
.invslot-default-feet {
background-image: url('filepath://Grid_layout_Feet_Empty.png');
}
.invslot-default-offhand {
background-image: url('filepath://Grid_layout_Offhand_Empty.png');
}
.invslot-default-smithing {
background-image: url('filepath://Grid_layout_Smithing_Empty.png');
}
.invslot-default-brewing {
background-image: url('filepath://Grid_layout_Brewing_Empty.png');
}
.invslot-default-brewing-fuel {
background-image: url('filepath://Grid_layout_Brewing_Fuel_Empty.png');
}
/* [[Template:hp]] */
.mc-hearts::before {
content: ' (';
}
.mc-hearts::after {
content: ')';
}
/* Generic Minecraft interface styling: [[Module:UI]] */
.mcui {
display: inline-block;
position: relative;
background-color: #C6C6C6;
border: 2px solid;
border-color: #DBDBDB #5B5B5B #5B5B5B #DBDBDB;
padding: 6px;
text-align: left;
white-space: nowrap;
vertical-align: bottom;
}
.mcui-Crafting_Table > *,
.mcui-Furnace > * {
display: inline-block;
vertical-align: top;
}
/* [[Template:Crafting Table]]:
[[File:Grid layout Arrow (small).png]], [[File:Grid layout Shapeless.png]], [[File:Grid layout Fixed.png]] */
.mcui-Crafting_Table .mcui-row {
display: block;
}
.mcui-Crafting_Table > .mcui-arrow {
background: url('filepath://Grid_layout_Arrow_%28small%29.png') no-repeat;
width: 32px;
height: 26px;
margin: 40px 4px 0;
}
.mcui-Crafting_Table > .mcui-output {
margin-top: 28px;
}
.mcui-Crafting_Table > .mcui-icons {
position: absolute;
top: 6px;
right: 6px;
}
.mcui-Crafting_Table .mcui-shapeless,
.mcui-Crafting_Table .mcui-fixed {
display: inline-block;
background-repeat: no-repeat;
width: 19px;
height: 15px;
cursor: help;
}
.mcui-Crafting_Table .mcui-shapeless {
background-image: url('filepath://Grid_layout_Shapeless.png');
}
.mcui-Crafting_Table .mcui-fixed {
background-image: url('filepath://Grid_layout_Fixed.png');
}
/* [[Template:Furnace]]:
[[File:Grid layout Fire.png]], [[File:Grid layout Fire (in-active).png]]
[[File:Grid layout Furnace Progress.png]], [[File:Grid layout Furnace Progress (in-active).png]] */
.mcui-Furnace .mcui-fuel {
display: block;
background: url('filepath://Grid_layout_Fire.png') no-repeat;
width: 36px;
height: 36px;
}
.mcui-Furnace .mcui-fuel.mcui-inactive {
background-image: url('filepath://Grid_layout_Fire_%28in-active%29.png');
}
.mcui-Furnace > .mcui-arrow {
background: url('filepath://Grid_layout_Furnace_Progress.png') no-repeat;
width: 44px;
height: 32px;
margin: 36px 18px 0 14px;
}
.mcui-Furnace > .mcui-arrow.mcui-inactive,
.mcui-Inventory-Crafting_Table-arrow {
background-image: url('filepath://Grid_layout_Furnace_Progress_%28in-active%29.png');
}
.mcui-Furnace > .mcui-output {
margin-top: 28px;
}
.mcui-Furnace > .mcui-experience {
position: absolute;
top: 92px;
left: 108px;
text-align: center;
width: 70px;
}
.mcui-Furnace .mcui-experience-orb {
display: inline-block;
margin-top: 3px;
width: 16px;
height: 16px;
vertical-align: top;
background-size: 16px 16px;
}
.mcui-Furnace .mcui-experience-text {
display: inline-block;
vertical-align: top;
font-family: Minecraft, sans-serif;
font-size: 16px;
color: #404040;
}
/* [[Template:Brewing Stand]]:
[[File:Grid layout Brewing Bubbles.gif]], [[File:Grid layout Brewing Bubbles (In-active).png]],
[[File:Grid layout Brewing Arrow.png]], [[File:Grid layout Brewing Arrow (In-active).png]],
[[File:Grid layout Brewing Paths.png]], [[File:Grid layout Brewing Empty.png]] */
.mcui-Brewing_Stand > * {
display: block;
}
.mcui-Brewing_Stand .invslot {
vertical-align: top;
}
.mcui-Brewing_Stand > .mcui-input {
text-align: center;
}
.mcui-Brewing_Stand > .mcui-input > .invslot {
margin-top: 3px;
}
.mcui-Brewing_Stand .mcui-bubbling,
.mcui-Brewing_Stand .mcui-arrow {
display: inline-block;
background-repeat: no-repeat;
width: 24px;
height: 57px;
}
.mcui-Brewing_Stand .mcui-bubbling,
.mcui-Inventory-Brewing_Stand-bubbles {
background-image: url('filepath://Grid_layout_Brewing_Bubbles.gif');
}
.mcui-Brewing_Stand > .mcui-input.mcui-inactive > .mcui-bubbling,
.mcui-Inventory-Brewing_Stand-bubbles-inactive {
background-image: url('filepath://Grid_layout_Brewing_Bubbles_%28In-active%29.png');
}
.mcui-Brewing_Stand .mcui-arrow,
.mcui-Inventory-Brewing_Stand-arrow {
background-image: url('filepath://Grid_layout_Brewing_Arrow.png');
}
.mcui-Brewing_Stand > .mcui-input.mcui-inactive > .mcui-arrow,
.mcui-Inventory-Brewing_Stand-arrow-inactive {
background-image: url('filepath://Grid_layout_Brewing_Arrow_%28In-active%29.png');
}
.mcui-Brewing_Stand > .mcui-paths {
position: relative;
background: url('filepath://Grid_layout_Brewing_Paths.png') no-repeat;
width: 60px;
height: 40px;
margin: -20px auto -16px;
z-index: 1;
}
.mcui-Brewing_Stand .mcui-output .invslot {
background-image: url('filepath://Grid_layout_Brewing_Empty.png');
}
.mcui-Brewing_Stand .mcui-output2 {
margin: 14px 10px 0;
}
/* [[Template:Anvil]]:
[[File:Anvil Hammer.png]], [[File:Anvil Plus.png]],
[[File:Anvil_GUI_bar.png]], [[File:Anvil_GUI_bar_(in-active).png]],
[[File:Grid layout Anvil crossed.png]], [[File:Grid layout Furnace Progress (in-active).png]] */
.mcui-Anvil > .mcui-hammer,
.mcui-Inventory-Anvil-hammer {
background-image: url('filepath://Anvil_Hammer.png');
}
.mcui-Smithing_Table > .mcui-plus,
.mcui-Anvil > .mcui-plus,
.mcui-Inventory-Anvil-plus {
background-image: url('filepath://Anvil_Plus.png');
}
.mcui-Anvil > .mcui-input,
.mcui-Inventory-Anvil-input {
background-image: url('filepath://Anvil_GUI_bar.png');
}
.mcui-Anvil > .mcui-input.mcui-inactive,
.mcui-Inventory-Anvil-input-inactive {
background-image: url('filepath://Anvil_GUI_bar_%28in-active%29.png');
}
.mcui-Smithing_Table > .mcui-arrow,
.mcui-Anvil > .mcui-arrow,
.mcui-Inventory-Anvil-arrow {
background-image: url('filepath://Grid_layout_Furnace_Progress_%28in-active%29.png');
background-position-y: -2px;
}
.mcui-Smithing_Table > .mcui-arrow.mcui-inactive,
.mcui-Anvil > .mcui-arrow.mcui-inactive,
.mcui-Inventory-Anvil-arrow-inactive {
background-image: url('filepath://Grid_layout_Anvil_crossed.png');
background-position-y: unset;
}
/* [[Template:Smithing Table]], [[Template:Legacy Smithing Table]]:
[[File:Smithing Table Hammer_JE2.png]] [[File:Smithing Table Hammer_JE1_BE1.png]] */
.mcui-Smithing_Table > .mcui-hammer,
.mcui-Inventory-Smithing_Table-hammer {
background-image: url('filepath://Smithing_Table_Hammer_JE2.png');
}
.mcui-Smithing_Table > .mcui-hammer-legacy {
background-image: url('filepath://Smithing_Table_Hammer_JE1_BE1.png');
}
/* [[Template:Hotbar]]:
[[File:Hotbar.png]], [[File:Hotbar selector.png]] */
.mcui-Hotbar {
display: inline-block;
position: relative;
border: 0;
padding: 0;
background-color: transparent;
}
.mcui-Hotbar > .mcui-selector {
position: absolute;
top: -2px;
margin-left: -2px;
}
.mcui-Hotbar > .mcui-slots {
position: absolute;
top: 0;
left: 0;
margin: 2px;
}
.mcui-Hotbar .invslot {
margin: 4px;
}
.mcui-Hotbar-image {
background: url('filepath://Hotbar.png') no-repeat;
}
.mcui-Hotbar-image-selected {
background: url('filepath://Hotbar_selector.png') no-repeat;
}
/* [[Template:Loom]] */
.mcui-Loom > * {
display: inline-block;
vertical-align: top;
}
.mcui-Loom > .mcui-tapestry {
background: url('filepath://Grid_layout_Loom.png') no-repeat;
width: 98px;
height: 108px;
}
.mcui-Loom > .mcui-loomArrow {
background: url('filepath://Grid_layout_Loom_Arrow.png') no-repeat;
width: 54px;
height: 54px;
margin: 28px 4px 0 4px;
}
.mcui-Loom > .mcui-output {
margin-top: 38px;
}
.mcui-Loom .mcui-inputBanner {
margin: 22px 10px;
position: absolute;
}
.mcui-Loom .mcui-inputDye {
margin: 22px 50px;
position: absolute;
}
.mcui-Loom .mcui-inputPattern {
margin: 60px 30px;
position: absolute;
}
.mcui-Loom .mcui-bannerSprite {
margin-left: 4px;
}
/* [[Template:Grindstone]] */
.mcui-Grindstone > * {
display: inline-block;
vertical-align: top;
}
.mcui-Grindstone > .mcui-grindstone {
background: url('filepath://Grid_layout_Grindstone.png') no-repeat;
width: 108px;
height: 112px;
}
.mcui-Grindstone .mcui-input1 {
margin: 6px 36px;
position: absolute;
}
.mcui-Grindstone .mcui-input2 {
margin: 48px 36px;
position: absolute;
}
.mcui-Grindstone > .mcui-arrow {
background: url('filepath://Grid_layout_Furnace_Progress_%28in-active%29.png') no-repeat;
width: 44px;
height: 34px;
margin: 36px 22px 0 22px;
}
.mcui-Grindstone > .mcui-output {
margin-top: 34px;
}
/* [[Template:Stonecutter]] */
.mcui-Stonecutter > * {
display: inline-block;
vertical-align: top;
}
.mcui-Stonecutter > .mcui-stonecutterArrow {
background: url('filepath://Grid_layout_Stonecutter_Arrow.png') no-repeat;
width: 58px;
height: 60px;
margin: 9px 4px 0 4px;
}
.mcui-Stonecutter > .mcui-output {
margin: 28px 0 28px 0;
}
.mcui-Stonecutter > .mcui-input {
margin-top: 36px;
}
.mcui-Stonecutter .mcui-stonecutterSprite {
margin: 4px 0 0 5px;
}
/* [[Template:Inventory]]: [[File:Steve inventory.png]]
[[File:Grid layout Recipe Book Button.png]], [[File:Grid layout Arrow (small).png]],
[[File:Grid layout Fire.png]], [[File:Grid layout Fire (inactive).png]],
[[File:Grid layout Furnace Progress.png]], [[File:Grid layout Furnace Progress (inactive).png]],
[[File:Grid layout Brewing Pipes.png]], [[File:Grid layout Brewing Paths Long.png]],
[[File:Grid layout Brewing Fuel.png]], [[File:Inventory background.png]] */
.mcui-Inventory-Player-Steve {
background-image: url('filepath://Steve_inventory.png');
}
.mcui-Inventory-Recipe_Book-button {
background-image: url('filepath://Grid_layout_Recipe_Book_Button.png');
}
.mcui-Inventory-Table-arrow {
background-image: url('filepath://Grid_layout_Arrow_%28small%29.png');
}
.mcui-Inventory-Furnace-fire {
background-image: url('filepath://Grid_layout_Fire.png');
}
.mcui-Inventory-Furnace-fire-inactive {
background-image: url('filepath://Grid_layout_Fire_%28in-active%29.png');
}
.mcui-Inventory-Furnace-progress {
background-image: url('filepath://Grid_layout_Furnace_Progress.png');
}
.mcui-Inventory-Furnace-progress-inactive {
background-image: url('filepath://Grid_layout_Furnace_Progress_%28in-active%29.png');
}
.mcui-Inventory-Brewing_Stand-pipes {
background-image: url('filepath://Grid_layout_Brewing_Pipes.png');
}
.mcui-Inventory-Brewing_Stand-paths {
background-image: url('filepath://Grid_layout_Brewing_Paths_Long.png');
}
.mcui-Inventory-Brewing_Stand-fuel {
background-image: url('filepath://Grid_layout_Brewing_Fuel.png');
}
.mcui-Inventory-border {
-webkit-border-image: url('filepath://Inventory_background.png') 4 fill repeat;
-moz-border-image: url('filepath://Inventory_background.png') 4 fill repeat;
-o-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]] */
.toast-border {
-webkit-border-image: url('filepath://Achievement_background.png') 8 fill repeat;
-moz-border-image: url('filepath://Achievement_background.png') 8 fill repeat;
-o-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]] */
.notaninfobox {
position: relative;
clear: right;
margin: 0 0 1em 1em;
width: 300px;
font-size: 90%;
background: #FFF;
float: right;
border: 1px solid #CCC;
padding: 2px;
overflow: auto;
z-index: 1;
}
@media all and (max-width: 511px) {
.notaninfobox {
float: none;
margin-left: 0;
width: auto;
}
}
@media all and (max-width: 337px) {
.notaninfobox {
margin-left: -16px;
margin-right: -16px;
border-left: none;
border-right: none;
}
}
.notaninfobox > .infobox-title {
font-weight: bold;
text-align: center;
font-size: 120%;
border: none;
}
.notaninfobox th + td > ul {
list-style: none;
margin-left: unset
}
.infobox-imagearea {
text-align: center;
padding: 4px;
}
.infobox-imagearea > div:not(:first-child) {
padding-top: 1em;
}
/* Horizontally centre animated images */
#mw-content-text .infobox-imagearea .animated {
display: inline-flex;
align-items: center;
}
/* Infoboxes with gallery */
.infobox-imagearea li.gallerybox div.thumb {
background: none;
border: none;
margin: 0;
}
.infobox-imagearea ul.gallery,
.infobox-imagearea li.gallerybox,
.infobox-imagearea li.gallerybox div.thumb > div {
margin: 0 !important;
}
.infobox-imagearea li.gallerybox div.gallerytext {
font-weight: bold;
font-size: 100%;
padding: 0;
}
/* Infoboxes with tabber */
.infobox-imagearea .tabber .tabbertab,
.infobox-imagearea ul.tabbernav li a,
.infobox-imagearea ul.tabbernav li.tabberactive a {
background: none;
border: none;
}
.infobox-imagearea ul.tabbernav {
font: inherit;
font-size: 100%;
}
.infobox-imagearea ul.tabbernav li a:hover,
.infobox-imagearea ul.tabbernav li.tabberactive a:hover {
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;
}
.infobox-imagearea ul.tabbernav > li {
margin-bottom: 5px;
padding: 0;
}
.infobox-imagearea ul.tabbernav > li > a {
color: #595959;
padding-bottom: 1px;
display: block;
}
body.wgl-theme-dark .infobox-imagearea ul.tabbernav > li > a {
color: #a9a9a9;
}
/* To prevent the tabs from jumping around when they become active or inactive
* due to the font-weight changing from normal to bold and vice versa, add an
* invisible ::before which contains the same text as the tab's text, but
* bolded. This way the element in which unbolded text sits is sized according
* to the bolded text, preventing it from resizing upon being selected.
*/
.infobox-imagearea ul.tabbernav > li > a::before {
display: block;
content: attr(alt);
font-weight: bold;
height: 0;
color: transparent;
overflow: hidden;
visibility: hidden;
}
.infobox-imagearea ul.tabbernav > li.tabberactive {
border: none;
}
.infobox-imagearea ul.tabbernav > li.tabberactive > a {
font-weight: bold;
border-bottom: 2px solid var(--infobox-header-background-color);
color: var(--content-text-color);
}
.notaninfobox .infobox-rows {
display: table;
margin: 0 !important;
width: 100% !important;
border-collapse: separate !important;
border-spacing: 1px !important;
}
.infobox-rows > tbody > tr > th {
text-align: left;
white-space: nowrap;
}
#mw-content-text .infobox-rows p {
margin: 0;
}
/* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */
.infobox-rows dl + dl {
margin-top: -0.4em;
}
.infobox-rows dl:last-child {
margin-bottom: 0.2em;
}
.infobox-footer {
text-align: center;
}
/* [[Template:Sprite]] */
.sprite {
display: inline-block;
vertical-align: text-top;
height: 16px;
width: 16px;
background-repeat: no-repeat;
}
.sprite-file {
--vertical-align: text-top;
display: inline-block;
height: 16px;
width: 16px;
}
.sprite-file img {
vertical-align: var(--vertical-align);
}
.sprite-file + a > .sprite-text,
.sprite-file + .sprite-text,
.sprite + .sprite-text {
padding-left: 0.312em;
}
.sprite-file:has(> a:hover:not(.new)) + a:has(> .sprite-text),
.sprite-file:has(> a:focus:not(.new)) + a:has(> .sprite-text) {
text-decoration: underline;
}
.wgl-theme-light .sprite-file:has(> a:active:not(.new)) + a:has(> .sprite-text) {
color: #faa700;
}
/* [[File:Grid Unknown.png]] */
.sprite-file > a.new:first-child {
vertical-align: var(--vertical-align);
background-image: url('filepath://Grid_Unknown.png');
background-size: 100% 100%;
display: inline-block;
text-indent: -9999px;
overflow: hidden;
height: 100%;
width: 100%;
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;
}
/* [[Template:AprilFoolsSprite]]: [[File:AprilFoolsSprite.png]] */
.af-sprite {
background-image: url('filepath://AprilFoolsSprite.png');
}
/* [[Template:BlockLegacySprite]]: [[File:BlockLegacyCSS.png]] */
.blocklegacy-sprite {
background-image: url('filepath://BlockLegacyCSS.png');
}
/* [[Template:ClockPhase]]: [[File:ClockSprite.png]] */
.clock-sprite {
background-image: url('filepath://ClockSprite.png');
}
/* [[Template:CommentSprite]]: [[File:CommentCSS.png]] */
.comment-sprite {
background-image: url('filepath://CommentCSS.png');
}
/* [[Template:Nbt/sprite]]: [[File:Nbtsheet.png]] */
.nbt-sprite {
background-image: url('filepath://Nbtsheet.png');
}
/* [[Template:Schematic]]: [[File:SchematicSprite.png]] */
.schematic-sprite {
background-image: url('filepath://SchematicSprite.png');
background-size: 32em auto;
width: 1em;
height: 1em;
}
/* [[Template:TintSprite]]: [[File:TintSprite.png]] */
.tint-sprite {
background-image: url('filepath://TintSprite.png');
}
.tint-sprite-mask {
-webkit-mask-image: url('filepath://TintSprite.png');
mask-image: url('filepath://TintSprite.png');
}
/* [[Template:LegendsAchievementSprite]]: [[File:LegendsAchievementSprite.png]] */
.legendsachievement-sprite {
background-image: url('filepath://LegendsAchievementSprite.png');
}
/* [[Template:LegendsEntitySprite]]: [[File:LegendsEntityCSS.png]] */
.legendsentity-sprite {
background-image: url('filepath://LegendsEntityCSS.png');
}
/* [[Template:LegendsStructureSprite]]: [[File:LegendsStructureCSS.png]] */
.legendsstructure-sprite {
background-image: url('filepath://LegendsStructureCSS.png');
}
/* [[Template:Experience]]:
[[File:Experience Orb Value -32768-2.png]],
[[File:Experience Orb Value 3-6.png]],
[[File:Experience Orb Value 7-16.png]],
[[File:Experience Orb Value 17-36.png]],
[[File:Experience Orb Value 37-72.png]],
[[File:Experience Orb Value 73-148.png]],
[[File:Experience Orb Value 149-306.png]],
[[File:Experience Orb Value 307-616.png]],
[[File:Experience Orb Value 617-1236.png]],
[[File:Experience Orb Value 1237-2476.png]],
[[File:Experience Orb Value 2477-32767.png"]] */
.xp-2 {
background-image: url('filepath://Experience_Orb_Value_-32768-2.png');
}
.xp-6 {
background-image: url('filepath://Experience_Orb_Value_3-6.png');
}
.xp-16 {
background-image: url('filepath://Experience_Orb_Value_7-16.png');
}
.xp-36 {
background-image: url('filepath://Experience_Orb_Value_17-36.png');
}
.xp-72 {
background-image: url('filepath://Experience_Orb_Value_37-72.png');
}
.xp-148 {
background-image: url('filepath://Experience_Orb_Value_73-148.png');
}
.xp-306 {
background-image: url('filepath://Experience_Orb_Value_149-306.png');
}
.xp-616 {
background-image: url('filepath://Experience_Orb_Value_307-616.png');
}
.xp-1236 {
background-image: url('filepath://Experience_Orb_Value_617-1236.png');
}
.xp-2476 {
background-image: url('filepath://Experience_Orb_Value_1237-2476.png');
}
.xp-32767 {
background-image: url('filepath://Experience_Orb_Value_2477-32767.png');
}
/* [[Template:Schematic]] */
.thumb .schematic {
margin: auto;
}
table.schematic {
border-collapse: collapse;
font-size: 32px;
}
span.schematic {
display: inline-block;
font-size: 32px;
}
table.schematic td {
vertical-align: top;
}
table.schematic td,
span.schematic {
background-color: #FFF;
border: 1px solid #CCC;
padding: 0;
width: 1em;
height: 1em;
overflow: hidden;
}
table.schematic td > div,
span.schematic {
position: relative;
}
table.schematic td > div .sprite,
table.schematic td > div .text,
span.schematic .sprite,
span.schematic .text {
position: absolute;
left: 0;
}
.schematic .text {
line-height: 1.5em;
font-size: 75%;
width: 100%;
color: black;
font-weight: bold;
text-align: center;
text-shadow: 0 0 2px #FFF;
}
/* [[Template:Layered blueprint]] */
.layered-blueprint {
position: relative;
}
.layered-blueprint-radio {
display: none;
}
.layered-blueprint-tab {
display: inline-block;
cursor: pointer;
margin-left: 100%;
border-left: 4px solid #252525;
padding: 0.2em 0.5em;
white-space: nowrap;
transition: color 200ms, border-color 200ms;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.layered-blueprint-tab:hover {
color: #80b640;
}
.layered-blueprint-radio:checked + .layered-blueprint-tab {
color: #80b640;
border-left-color: #80b640;
}
.layered-blueprint-layer {
position: absolute;
top: 0;
background-color: rgba(230, 239, 244, 0.6);
width: 100%;
height: 100%;
}
.layered-blueprint-radio:checked + .layered-blueprint-tab + .layered-blueprint-layer ~ .layered-blueprint-layer {
visibility: hidden;
}
/* [[Template:Sound]] */
.sound-audio {
display: block;
}
/** Misc stuff **/
/* The blue header used throughout the wiki */
.mcwiki-header {
background-color: var(--infobox-header-background-color);
border: 1px solid #CCC;
padding: 5px;
border-right: 4px groove #999;
border-bottom: 4px groove #999;
}
/* [[File:GrassBackground.png]] [[File:Dark-GrassBackground.png]] */
.mcwiki-header-grass {
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');
border-color: #0f6240 !important;
}
/* Fix treeview overlapping floating content */
div.thumb {
position: relative;
z-index: 1;
}
/* Horizontal list */
#mw-content-text .hlist ul {
display: inline;
margin: 0;
padding: 0;
}
#mw-content-text .hlist li {
display: inline;
}
#mw-content-text .hlist li:not(:last-child) {
padding-right: 0.286em;
}
#mw-content-text .hlist li:not(:last-child)::after {
content: "";
display: inline-block;
position: relative;
left: 0.286em;
bottom: 0.214em;
background-color: #000;
height: 3px;
width: 3px;
}
#mw-content-text .hlist li li:first-child::before {
content: "(";
font-weight: normal;
}
#mw-content-text .hlist li li:last-child::after {
content: ")";
font-weight: normal;
}
#mw-content-text .hlist li li li {
font-size: x-small;
}
/* Element animator */
#mw-content-text .animated > *:not(.animated-active),
#mw-content-text .animated > .animated-subframe > *:not(.animated-active) {
display: none
}
#mw-content-text span.animated,
#mw-content-text span.animated.animated-visible > *,
#mw-content-text span.animated.animated-visible > .animated-subframe > * {
display: inline-block;
}
#mw-content-text div.animated.animated-visible > *,
#mw-content-text div.animated.animated-visible > .animated-subframe > * {
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;
}
/* Collapsible elements ([[MediaWiki:Gadget-site.js]]) */
.client-js .collapsible.collapsed > tr:not(:first-child),
.client-js .collapsible.collapsed > tbody > tr:not(:first-child),
.client-js .collapsible.collapsed > thead + tbody > tr:first-child,
.client-js .collapsible.collapsed > tbody + tbody > tr:first-child,
.client-js .collapsible.collapsed > tfoot > tr,
.client-js .collapsible.collapsed > .collapsible-content {
display: none;
}
.collapsetoggle {
display: inline-block;
font-weight: normal;
font-style: normal;
float: right;
text-align: right;
margin-left: 0.8em;
}
.collapsetoggle-left > tr > * > .collapsetoggle,
.collapsetoggle-left > * > tr > * > .collapsetoggle,
.collapsetoggle-left > * > .collapsetoggle,
.collapsetoggle-left > .collapsetoggle {
float: left;
text-align: left;
margin-right: 0.8em;
margin-left: 0;
}
.collapse-button-none > * > tr > * > .collapsetoggle,
.collapsetoggle-inline > tr > * > .collapsetoggle,
.collapsetoggle-inline > * > tr > * > .collapsetoggle,
.collapsetoggle-inline > * > .collapsetoggle,
.collapsetoggle-inline > .collapsetoggle {
float: none;
text-align:left;
}
.collapsetoggle-custom {
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;
}
/* Various styling for message boxes */
.msgbox {
display: flex;
background: #FCFCFC;
box-sizing: border-box;
align-items: center;
width: auto;
padding: .4em .8em;
margin: 0 auto;
margin-bottom: 1em;
}
.msgbox + .msgbox {
border-top: none;
margin-top: -1em;
}
:not(.msgbox) + .msgbox,
.msgbox:first-of-type {
border-top-right-radius: .15em;
border-top-left-radius: .15em;
}
.msgbox #msgbox-iconimage,
.msgbox #msgbox-image {
margin: 0 1.5em 0 .5em;
}
.msgbox-mini {
padding: .4em .5em;
margin: 0 0;
margin-bottom: 1em;
}
.msgbox-mini #msgbox-icon {
align-self: flex-start;
}
.msgbox-mini #msgbox-iconimage,
.msgbox-mini #msgbox-image {
margin: 0 .4em 0 .5em;
}
.msgbox-mini #msgbox-text {
font-size: small;
}
.msgbox-red {
background: hsl(0, 75%, 92%);
border-left: 4px solid hsl(0, 75%, 85%);
}
body.wgl-theme-dark .msgbox-red {
background-color: hsl(0, 25%, 8%);
border-left-color: hsl(0, 15%, 36%);
}
.msgbox-orange {
background: hsl(40, 75%, 92%);
border-left: 4px solid hsl(40, 75%, 85%);
}
body.wgl-theme-dark .msgbox-orange {
background-color: hsl(40, 25%, 8%);
border-left-color: hsl(40, 15%, 36%);
}
.msgbox-yellow {
background: hsl(60, 75%, 92%);
border-left: 4px solid hsl(60, 75%, 85%);
}
body.wgl-theme-dark .msgbox-yellow {
background-color: hsl(60, 25%, 8%);
border-left-color: hsl(60, 15%, 36%);
}
.msgbox-green {
background: hsl(120, 75%, 92%);
border-left: 4px solid hsl(120, 75%, 85%);
}
body.wgl-theme-dark .msgbox-green {
background-color: hsl(120, 25%, 8%);
border-left-color: hsl(120, 15%, 36%);
}
.msgbox-blue {
background: hsl(215, 75%, 92%);
border-left: 4px solid hsl(215, 75%, 85%);
}
body.wgl-theme-dark .msgbox-blue {
background-color: hsl(215, 25%, 8%);
border-left-color: hsl(215, 15%, 36%);
}
.msgbox-magenta {
background: hsl(310, 75%, 92%);
border-left: 4px solid hsl(310, 75%, 85%);
}
body.wgl-theme-dark .msgbox-magenta {
background-color: hsl(310, 25%, 8%);
border-left-color: hsl(310, 15%, 36%);
}
.msgbox-purple {
background: hsl(260, 75%, 92%);
border-left: 4px solid hsl(260, 75%, 85%);
}
body.wgl-theme-dark .msgbox-purple {
background-color: hsl(260, 25%, 8%);
border-left-color: hsl(260, 15%, 36%);
}
.msgbox-gray {
background: hsl(0, 0%, 92%);
border-left: 4px solid hsl(0, 0%, 85%);
}
body.wgl-theme-dark .msgbox-gray {
background-color: hsl(0, 0%, 8%);
border-left-color: hsl(0, 0%, 36%);
}
/* 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]] */
.mw-parser-output .renewableresourcetable td {
text-align: center;
}
.mw-parser-output .renewableresourcetable td:last-of-type {
text-align: left;
}
/* Table choice. Written by ItsPlantseed with some adjustments for contrast
* issues
*/
.tc-yes {
background: #c6efce;
}
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,
#globalusage {
display: none;
}