MediaWiki:Gadgets/craftingStyles/main.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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@font-face {
font-family: 'Minecraft';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(filepath://JDGraphics_Minecraft.otf) format('opentype'); /**[[File:JDGraphics_Minecraft.otf]]*/
}
/** Template stylings **/
/* [[Template:Inventory slot]] */
.invslot {
box-sizing: unset;
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('https://minecraft.wiki/images/Grid_Unknown.png') no-repeat content-box;
width: 32px;
height: 32px;
text-indent: -9999px;
overflow: hidden;
}
/* Styling for tooltip */
.explain {
border-bottom: 0;
text-decoration: underline dotted;
cursor: help;
}
/* Show help cursor when an abbr element has a title attribute */
abbr[title] {
cursor: help;
}
/* 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.125em 0.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.15em solid #100010;
border-style: none solid;
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.125em solid #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;
}
/* Classes corresponding to Minecraft formatting codes */
.format-0 {
color: #000;
text-shadow: 0.125em 0.125em 0 #000;
}
.format-1 {
color: #0000A8;
text-shadow: 0.125em 0.125em 0 #00002A;
}
.format-2 {
color: #00A800;
text-shadow: 0.125em 0.125em 0 #002A00;
}
.format-3 {
color: #00A8A8;
text-shadow: 0.125em 0.125em 0 #002A2A;
}
.format-4 {
color: #A80000;
text-shadow: 0.125em 0.125em 0 #2A0000;
}
.format-5 {
color: #A800A8;
text-shadow: 0.125em 0.125em 0 #2A002A;
}
.format-6 {
color: #FBA800;
text-shadow: 0.125em 0.125em 0 #3E2A00;
}
.format-7 {
color: #A8A8A8;
text-shadow: 0.125em 0.125em 0 #2A2A2A;
}
.format-8 {
color: #545454;
text-shadow: 0.125em 0.125em 0 #151515;
}
.format-9 {
color: #5454FB;
text-shadow: 0.125em 0.125em 0 #15153E;
}
.format-a {
color: #54FB54;
text-shadow: 0.125em 0.125em 0 #153E15;
}
.format-b {
color: #54FBFB;
text-shadow: 0.125em 0.125em 0 #153E3E;
}
.format-c {
color: #FB5454;
text-shadow: 0.125em 0.125em 0 #3E1515;
}
.format-d {
color: #FB54FB;
text-shadow: 0.125em 0.125em 0 #3E153E;
}
.format-e {
color: #FBFB54;
text-shadow: 0.125em 0.125em 0 #3E3E15;
}
.format-f,
#minetip-tooltip {
color: #FBFBFB;
text-shadow: 0.125em 0.125em 0 #3E3E3E;
}
.format-g {
color: #DDD605;
text-shadow: 0.125em 0.125em 0 #373501;
}
.format-h {
color: #E3D4D1;
text-shadow: 0.125em 0.125em 0 #383534;
}
.format-i {
color: #CECACA;
text-shadow: 0.125em 0.125em 0 #333232;
}
.format-j {
color: #443A3B;
text-shadow: 0.125em 0.125em 0 #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.125em 0.125em 0 #372C0B;
}
.format-q {
color: #47A036;
text-shadow: 0.125em 0.125em 0 #04280D;
}
.format-s {
color: #2CBAA8;
text-shadow: 0.125em 0.125em 0 #0B2E2A;
}
.format-t {
color: #21497B;
text-shadow: 0.125em 0.125em 0 #08121E;
}
.format-u {
color: #9A5CC6;
text-shadow: 0.125em 0.125em 0 #261731;
}
.format-v {
color: #EB7114;
text-shadow: 0.125em 0.125em 0 #3B1D05;
}
/* Custom color codes because §m and §n are used twice. */
.format-y {
color: #971607;
text-shadow: 0.125em 0.125em 0 #250501;
}
.format-z {
color: #B4684D;
text-shadow: 0.125em 0.125em 0 #2D1A13;
}
/* Try to use nearest neighbour scaling for pixelated images */
.mcwiki-header-grass,
.ns-special .gallerybox img,
.ns-14 .gallerybox img,
.filehistory a img,
.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;
}
.invslot-stacksize {
position: absolute;
right: 0;
bottom: 0;
font-family: Minecraft, 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('https://minecraft.wiki/images/Grid_layout_Head_Empty.png');
}
.invslot-default-chest {
background-image: url('https://minecraft.wiki/images/Grid_layout_Chest_Empty.png');
}
.invslot-default-legs {
background-image: url('https://minecraft.wiki/images/Grid_layout_Legs_Empty.png');
}
.invslot-default-feet {
background-image: url('https://minecraft.wiki/images/Grid_layout_Feet_Empty.png');
}
.invslot-default-offhand {
background-image: url('https://minecraft.wiki/images/Grid_layout_Offhand_Empty.png');
}
.invslot-default-smithing {
background-image: url('https://minecraft.wiki/images/Grid_layout_Smithing_Empty.png');
}
.invslot-default-brewing {
background-image: url('https://minecraft.wiki/images/Grid_layout_Brewing_Empty.png');
}
.invslot-default-brewing-fuel {
background-image: url('https://minecraft.wiki/images/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('https://minecraft.wiki/images/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('https://minecraft.wiki/images/Grid_layout_Shapeless.png');
}
.mcui-Crafting_Table .mcui-fixed {
background-image: url('https://minecraft.wiki/images/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('https://minecraft.wiki/images/Grid_layout_Fire.png') no-repeat;
width: 36px;
height: 36px;
}
.mcui-Furnace .mcui-fuel.mcui-inactive {
background-image: url('https://minecraft.wiki/images/Grid_layout_Fire_%28in-active%29.png');
}
.mcui-Furnace > .mcui-arrow {
background: url('https://minecraft.wiki/images/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('https://minecraft.wiki/images/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('https://minecraft.wiki/images/Grid_layout_Brewing_Bubbles.gif');
}
.mcui-Brewing_Stand > .mcui-input.mcui-inactive > .mcui-bubbling,
.mcui-Inventory-Brewing_Stand-bubbles-inactive {
background-image: url('https://minecraft.wiki/images/Grid_layout_Brewing_Bubbles_%28In-active%29.png');
}
.mcui-Brewing_Stand .mcui-arrow,
.mcui-Inventory-Brewing_Stand-arrow {
background-image: url('https://minecraft.wiki/images/Grid_layout_Brewing_Arrow.png');
}
.mcui-Brewing_Stand > .mcui-input.mcui-inactive > .mcui-arrow,
.mcui-Inventory-Brewing_Stand-arrow-inactive {
background-image: url('https://minecraft.wiki/images/Grid_layout_Brewing_Arrow_%28In-active%29.png');
}
.mcui-Brewing_Stand > .mcui-paths {
position: relative;
background: url('https://minecraft.wiki/images/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('https://minecraft.wiki/images/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('https://minecraft.wiki/images/Anvil_Hammer.png');
}
.mcui-Smithing_Table > .mcui-plus,
.mcui-Anvil > .mcui-plus,
.mcui-Inventory-Anvil-plus {
background-image: url('https://minecraft.wiki/images/Anvil_Plus.png');
}
.mcui-Anvil > .mcui-input,
.mcui-Inventory-Anvil-input {
background-image: url('https://minecraft.wiki/images/Anvil_GUI_bar.png');
}
.mcui-Anvil > .mcui-input.mcui-inactive,
.mcui-Inventory-Anvil-input-inactive {
background-image: url('https://minecraft.wiki/images/Anvil_GUI_bar_%28in-active%29.png');
}
.mcui-Smithing_Table > .mcui-arrow,
.mcui-Anvil > .mcui-arrow,
.mcui-Inventory-Anvil-arrow {
background-image: url('https://minecraft.wiki/images/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('https://minecraft.wiki/images/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('https://minecraft.wiki/images/Smithing_Table_Hammer_JE2.png');
}
.mcui-Smithing_Table > .mcui-hammer-legacy {
background-image: url('https://minecraft.wiki/images/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('https://minecraft.wiki/images/Hotbar.png') no-repeat;
}
.mcui-Hotbar-image-selected {
background: url('https://minecraft.wiki/images/Hotbar_selector.png') no-repeat;
}
/* [[Template:Loom]] */
.mcui-Loom > * {
display: inline-block;
vertical-align: top;
}
.mcui-Loom > .mcui-tapestry {
background: url('https://minecraft.wiki/images/Grid_layout_Loom.png') no-repeat;
width: 98px;
height: 108px;
}
.mcui-Loom > .mcui-loomArrow {
background: url('https://minecraft.wiki/images/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('https://minecraft.wiki/images/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('https://minecraft.wiki/images/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('https://minecraft.wiki/images/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('https://minecraft.wiki/images/Steve_inventory.png');
}
.mcui-Inventory-Recipe_Book-button {
background-image: url('https://minecraft.wiki/images/Grid_layout_Recipe_Book_Button.png');
}
.mcui-Inventory-Table-arrow {
background-image: url('https://minecraft.wiki/images/Grid_layout_Arrow_%28small%29.png');
}
.mcui-Inventory-Furnace-fire {
background-image: url('https://minecraft.wiki/images/Grid_layout_Fire.png');
}
.mcui-Inventory-Furnace-fire-inactive {
background-image: url('https://minecraft.wiki/images/Grid_layout_Fire_%28in-active%29.png');
}
.mcui-Inventory-Furnace-progress {
background-image: url('https://minecraft.wiki/images/Grid_layout_Furnace_Progress.png');
}
.mcui-Inventory-Furnace-progress-inactive {
background-image: url('https://minecraft.wiki/images/Grid_layout_Furnace_Progress_%28in-active%29.png');
}
.mcui-Inventory-Brewing_Stand-pipes {
background-image: url('https://minecraft.wiki/images/Grid_layout_Brewing_Pipes.png');
}
.mcui-Inventory-Brewing_Stand-paths {
background-image: url('https://minecraft.wiki/images/Grid_layout_Brewing_Paths_Long.png');
}
.mcui-Inventory-Brewing_Stand-fuel {
background-image: url('https://minecraft.wiki/images/Grid_layout_Brewing_Fuel.png');
}
.mcui-Inventory-border {
-webkit-border-image: url('https://minecraft.wiki/images/Inventory_background.png') 4 fill repeat;
-moz-border-image: url('https://minecraft.wiki/images/Inventory_background.png') 4 fill repeat;
-o-border-image: url('https://minecraft.wiki/images/Inventory_background.png') 4 fill repeat;
border-image: url('https://minecraft.wiki/images/Inventory_background.png') 4 fill repeat;
}
.wikitable.crafting *,
.wikitable.crafting:after,
.wikitable.crafting:before {
-webkit-box-sizing: unset;
box-sizing: unset;
}