User:TreeIsLife/vector.css

.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(https://static.wikia.nocookie.net/minecraft_gamepedia/images/4/44/InvSprite.png/revision/latest) 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 }

.mc-hearts::before { content: ' (' }

.mc-hearts::after { content: ')' }

.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 }

.mcui-Crafting_Table .mcui-row { display: block }

.mcui-Crafting_Table > .mcui-arrow { background: url(/media/8/86/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://static.wikia.nocookie.net/minecraft_gamepedia/images/a/a9/Grid_layout_Shapeless.png/revision/latest) }

.mcui-Crafting_Table .mcui-fixed { background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/b/b8/Grid_layout_Fixed.png/revision/latest) }

.mcui-Furnace .mcui-fuel { display: block; background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/d/d8/Grid_layout_Fire.png/revision/latest) no-repeat; width: 36px; height: 36px }

.mcui-Furnace .mcui-fuel.mcui-inactive { background-image: url(/media/a/ab/Grid_layout_Fire_%28in-active%29.png) }

.mcui-Furnace > .mcui-arrow { background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/8/8e/Grid_layout_Furnace_Progress.png/revision/latest) no-repeat; width: 44px; height: 32px; margin: 36px 18px 0 14px }

.mcui-Furnace > .mcui-arrow.mcui-inactive { background-image: url(/media/d/dc/Grid_layout_Furnace_Progress_%28in-active%29.png) }

.mcui-Furnace > .mcui-output { margin-top: 28px }

.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 { background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/6/65/Grid_layout_Brewing_Bubbles.gif/revision/latest) }

.mcui-Brewing_Stand > .mcui-input.mcui-inactive > .mcui-bubbling { background-image: url(/media/d/db/Grid_layout_Brewing_Bubbles_%28In-active%29.png) }

.mcui-Brewing_Stand .mcui-arrow { background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/4/4b/Grid_layout_Brewing_Arrow.png/revision/latest) }

.mcui-Brewing_Stand > .mcui-input.mcui-inactive > .mcui-arrow { background-image: url(/media/5/59/Grid_layout_Brewing_Arrow_%28In-active%29.png) }

.mcui-Brewing_Stand > .mcui-paths { position: relative; background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/8/82/Grid_layout_Brewing_Paths.png/revision/latest) no-repeat; width: 60px; height: 40px; margin: -20px auto -16px; z-index: 1 }

.mcui-Brewing_Stand .mcui-output .invslot { background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/5/59/Grid_layout_Brewing_Empty.png/revision/latest) }

.mcui-Brewing_Stand .mcui-output2 { margin: 14px 10px 0 }

.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-Loom > * { display: inline-block; vertical-align: top }

.mcui-Loom > .mcui-tapestry { background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/6/64/Grid_layout_Loom.png/revision/latest) no-repeat; width: 98px; height: 108px }

.mcui-Loom > .mcui-loomArrow { background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/7/71/Grid_layout_Loom_Arrow.png/revision/latest) 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 }

.mcui-Grindstone > * { display: inline-block; vertical-align: top }

.mcui-Grindstone > .mcui-grindstone { background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/d/de/Grid_layout_Grindstone.png/revision/latest) 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(/media/d/dc/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 }

.mcui-Stonecutter > * { display: inline-block; vertical-align: top }

.mcui-Stonecutter > .mcui-stonecutterArrow { background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/9/97/Grid_layout_Stonecutter_Arrow.png/revision/latest) 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 }