MediaWiki:Vector-2022.css: Difference between revisions
Apparently relevant CSS for crafting table UI |
Apparently relevant CSS for crafting table UI |
||
Line 259: | Line 259: | ||
/* CSS for crafting table UI */ | /* CSS for crafting table UI */ | ||
.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 | |||
} | |||
.invslot-item-image a.new:first-child { | |||
background: url(/images/Grid_Unknown.png?4cbf2) 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 | |||
} | |||
.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 | |||
} | |||
.invslot-default-head { | |||
background-image: url(/images/Grid_layout_Head_Empty.png?c6d2b) | |||
} | |||
.invslot-default-chest { | |||
background-image: url(/images/Grid_layout_Chest_Empty.png?4c32c) | |||
} | |||
.invslot-default-legs { | |||
background-image: url(/images/Grid_layout_Legs_Empty.png?f5d09) | |||
} | |||
.invslot-default-feet { | |||
background-image: url(/images/Grid_layout_Feet_Empty.png?70c3c) | |||
} | |||
.invslot-default-offhand { | |||
background-image: url(/images/Grid_layout_Offhand_Empty.png?b6488) | |||
} | |||
.invslot-default-smithing { | |||
background-image: url(/images/Grid_layout_Smithing_Empty.png?e28f7) | |||
} | |||
.invslot-default-brewing { | |||
background-image: url(/images/Grid_layout_Brewing_Empty.png?2bf2a) | |||
} | |||
.invslot-default-brewing-fuel { | |||
background-image: url(/images/Grid_layout_Brewing_Fuel_Empty.png?acb80) | |||
} | |||
.mc-hearts::before { | |||
content: ' (' | |||
} | |||
.mc-hearts::after { | |||
content: ')' | |||
} | |||
.mcui { | .mcui { | ||
Line 269: | Line 389: | ||
text-align: left; | text-align: left; | ||
white-space: nowrap; | white-space: nowrap; | ||
vertical-align: bottom | vertical-align: bottom; | ||
} | } | ||
Line 312: | Line 432: | ||
.mcui-Crafting_Table .mcui-fixed { | .mcui-Crafting_Table .mcui-fixed { | ||
background-image: url(/images/Grid_layout_Fixed.png?bb1da) | background-image: url(/images/Grid_layout_Fixed.png?bb1da) | ||
} | |||
.mcui-Furnace .mcui-fuel { | |||
display: block; | |||
background: url(/images/Grid_layout_Fire.png?84fd9) no-repeat; | |||
width: 36px; | |||
height: 36px | |||
} | |||
.mcui-Furnace .mcui-fuel.mcui-inactive { | |||
background-image: url(/images/Grid_layout_Fire_%28in-active%29.png?2e313) | |||
} | |||
.mcui-Furnace > .mcui-arrow { | |||
background: url(/images/Grid_layout_Furnace_Progress.png?c8400) 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(/images/Grid_layout_Furnace_Progress_%28in-active%29.png?4f3f7) | |||
} | |||
.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 | |||
} | } |