MediaWiki:Mobile.css

/* Mobile-specific Styling */

/* End (Mobile-specific) */

/* Feature Set: variables.less */

/* End (variables.less) */

/* Feature Set: fonts.less */

/* End (fonts.less) */

/* Feature Set: navbox.less */

/* End (navbox.less) */

/* Feature Set: minecraft.less */ /* Mobile modifications */ .invslot img { width: 32px; height: auto; image-rendering: pixelated; } /* Selected from desktop version */ .mw-parser-output .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; box-sizing: content-box; } .invslot-item { position: relative; display: block; background-origin: content-box; background-clip: content-box; width: 32px; height: 32px; top: -2px; left: -2px; padding: 2px; } .invslot-stacksize { position: absolute; margin-right: 2px; margin-bottom: 2px; right: 0; bottom: 0; font-family: minecraft, unifontm, unifont, Rubik, serif, sans-serif; font-weight: normal; font-size: 16px; text-align: right; color: #FFF; text-shadow: 1.5px 1.5px 0 #3F3F3F; filter: dropshadow(color=#3F3F3F, offx=2, offy=2); z-index: 2; pointer-events: none; } .invslot span[data-iid] { background-size: 32px 32px; background-repeat: no-repeat; } .invslot-large { padding: 8px; } .invslot-item-image > a.new:first-child { display: block; background: url(//static.wikia.nocookie.net/hypixel-skyblock/images/3/30/Question.png) no-repeat center/contain; width: 32px; height: 32px; text-indent: -9999px; overflow: hidden; }

/* // MC Interfaces (Generic) .mw-parser-output .mcui { display: inline-block; position: relative; background-color: #C6C6C6; border: 2px solid; border-color: #DBDBDB #5B5B5B #5B5B5B #DBDBDB; border-radius: 3px; margin: 12px 0; padding: 8px; width: fit-content; text-align: left; white-space: nowrap; vertical-align: bottom; } .mcui.mcui-centered { display: table; margin-left: auto; margin-right: auto; } .mw-parser-output .mcui-header { display: block; font-family: minecraft, unifontm, unifont, Rubik, serif, sans-serif; font-size: 14px; margin: -4px 4px 4px 4px; color: #2B2D2F; letter-spacing: .2px; }

/* // MC Interface (Common Features) .mcui-Chest > *, .mcui-Crafting_Table > *, .mcui-Furnace > *, .mcui-Forging_Table > * { display: inline-block; vertical-align: top; } .mcui-Chest .mcui-row, .mcui-Crafting_Table .mcui-row, .mcui-Forging_Table .mcui-row { display: flex; }

/* // MC Interface (Crafting Grid) // Taken from minecraft.gamepedia.com .mw-parser-output .mcui-Crafting_Table { display: flex; align-items: center; gap: 4px; } .mcui-Crafting_Table > .mcui-arrow:before { content: url(//vignette.wikia.nocookie.net/hypixel-skyblock/images/8/86/Grid_layout_Arrow_%28small%29.png); display: flex; } .mcui-Crafting_Table > .mcui-icons { position: absolute; top: 0; right: 0; } .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(//static.wikia.nocookie.net/hypixel-skyblock/images/a/a9/Grid_layout_Shapeless.png); } .mcui-Crafting_Table .mcui-fixed { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/b/b8/Grid_layout_Fixed.png); }

/* // MC Interface (Furnace) // Taken from minecraft.gamepedia.com .mw-parser-output .mcui-Furnace { display: flex; gap: 14px; align-items: center; } .mcui-Furnace > .mcui-input { display: flex; flex-direction: column; } .mcui-Furnace .mcui-fuel { background: url(//static.wikia.nocookie.net/hypixel-skyblock/images/d/d8/Grid_layout_Fire.png) no-repeat; width: 36px; height: 36px; } .mcui-Furnace .mcui-fuel.mcui-inactive { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/a/ab/Grid_layout_Fire_%28in-active%29.png); } .mcui-Furnace > .mcui-arrow { background: url(//static.wikia.nocookie.net/hypixel-skyblock/images/8/8e/Grid_layout_Furnace_Progress.png) no-repeat; width: 44px; height: 32px; margin-right: 4px; } .mcui-Furnace > .mcui-arrow.mcui-inactive { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/d/dc/Grid_layout_Furnace_Progress_%28in-active%29.png); }

/* // MC Interface (Brewing Stand) // Taken from minecraft.gamepedia.com .mw-parser-output .mcui-Brewing_Stand { display: flex; flex-direction: column; align-items: center; } .mcui-Brewing_Stand > .mcui-input { display: flex; } .mcui-Brewing_Stand > .mcui-input > .invslot { margin-top: 3px; } .mcui-Brewing_Stand .mcui-bubbling, .mcui-Brewing_Stand .mcui-arrow { background-repeat: no-repeat; width: 24px; height: 57px; } .mcui-Brewing_Stand .mcui-bubbling { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/6/65/Grid_layout_Brewing_Bubbles.gif); } .mcui-Brewing_Stand > .mcui-input.mcui-inactive > .mcui-bubbling { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/d/db/Grid_layout_Brewing_Bubbles_%28In-active%29.png); } .mcui-Brewing_Stand .mcui-arrow { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/4/4b/Grid_layout_Brewing_Arrow.png); } .mcui-Brewing_Stand > .mcui-input.mcui-inactive > .mcui-arrow { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/5/59/Grid_layout_Brewing_Arrow_%28In-active%29.png); } .mcui-Brewing_Stand > .mcui-paths { background: url(//static.wikia.nocookie.net/hypixel-skyblock/images/8/82/Grid_layout_Brewing_Paths.png) no-repeat; width: 60px; height: 40px; margin-top: -21px; margin-bottom: -16px; z-index: 1; } .mcui-Brewing_Stand > .mcui-output { display: flex; gap: 10px; } .mcui-Brewing_Stand .mcui-output .invslot { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/5/59/Grid_layout_Brewing_Empty.png); } .mcui-Brewing_Stand .mcui-output2 { margin-top: 14px; }

/* Slots with Image ID */ /* Probably a dumb way to do it - but we can change it later */ .invslot span[data-iid="Blank:0"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/6/64/White_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:1"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/0/02/Orange_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:2"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/c/ca/Magenta_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:3"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/9/9e/Light_Blue_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:4"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/d/d7/Yellow_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:5"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/2/23/Lime_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:6"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/e/ec/Pink_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:7"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/5/54/Gray_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:8"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/6/67/Light_Gray_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:9"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/0/00/Cyan_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:10"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/7/77/Purple_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:11"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/3/33/Blue_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:12"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/a/a4/Brown_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:13"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/6/65/Green_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:14"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/b/bd/Red_Stained_Glass_Pane.png); } .invslot span[data-iid="Blank:15"] { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/6/60/Black_Stained_Glass_Pane.png); }

/* End (minecraft.less) */

/* Feature Set: buttons.less */

/* End (buttons.less) */

/* Feature Set: mainpage.less */

/* End (mainpage.less) */

/* Feature Set: site.less */

/* End (site.less) */

/* Feature Set: containers.less */

/* End (containers.less) */

/* Feature Set: color.less */

/* End (color.less) */

/* Feature Set: AceEditor.less */

/* End (AceEditor.less) */

/* Feature Set: CodeHighlight.less */

/* End (CodeHighlight.less) */

/* Feature Set: minimap.less */

/* End (minimap.less) */

/* Feature Set: staff-colors.less */

/* End (staff-colors.less) */

/* Feature Set: general.less */

/* End (general.less) */

/* Feature Set: ucx.less */

/* End (ucx.less) */

/* Feature Set: language-local.less */

/* End (language-local.less) */