MediaWiki:FandomMobile.css

/* Mobile CSS */

/* Feature Set: fonts.less */ /* All Minecraft */ /* @import url("//cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/font-import/lib/wiki-use.css"); */ /* Note: Import doesn't work on mobile CSS (yet?). Using a copy for now */ @font-face { font-family: 'Minecraft'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/minecraft/1.8.9/Minecraft.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/minecraft/1.8.9/Minecraft.woff") format('woff'); unicode-range: U+0020-007E,U+00A0-00A1,U+00A3,U+00AA-00AC,U+00AE,U+00B0-00B2,U+00B7,U+00BA-00BD,U+00BF-00C2,U+00C4-00CB,U+00CD,U+00D1,U+00D3-00D8,U+00DA,U+00DC,U+00DF-00EF,U+00F1-00FC,U+00FF,U+011F,U+0130-0131,U+0152-0153,U+015E-015F,U+0174-0175,U+017E,U+0192,U+0207,U+0393,U+0398,U+03A3,U+03A6,U+03A9,U+03B1-03B2,U+03B4,U+03BC,U+03C0,U+03C3-03C4,U+207F,U+2205,U+2208,U+2219-221A,U+221E,U+2229,U+2248,U+2261,U+2264-2265,U+2320-2321,U+2500,U+2502,U+250C,U+2510,U+2514,U+2518,U+251C,U+2524,U+252C,U+2534,U+253C,U+2550-256C,U+2580,U+2584,U+2588,U+258C,U+2590-2593,U+25A0; } @font-face { font-family: 'MinecraftS'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/minecraft-2/Minecraft-2.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/minecraft-2/Minecraft-2.woff") format('woff'); unicode-range: U+0020-007F,U+00A0,U+2018-2019,U+201C-201D; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c00.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c00.woff") format('woff'); unicode-range: U+0000-07FF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c01.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c01.woff") format('woff'); unicode-range: U+0800-0FFF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c02.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c02.woff") format('woff'); unicode-range: U+1000-17FF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c03.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c03.woff") format('woff'); unicode-range: U+1800-1FFF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c04.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c04.woff") format('woff'); unicode-range: U+2000-27FF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c05.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c05.woff") format('woff'); unicode-range: U+2800-2FFF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c06.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c06.woff") format('woff'); unicode-range: U+3000-37FF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c07.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c07.woff") format('woff'); unicode-range: U+3800-3FFF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c08.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c08.woff") format('woff'); unicode-range: U+4000-47FF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c09.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c09.woff") format('woff'); unicode-range: U+4800-4FFF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c10.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c10.woff") format('woff'); unicode-range: U+5000-57FF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c11.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c11.woff") format('woff'); unicode-range: U+5800-5FFF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c12.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c12.woff") format('woff'); unicode-range: U+6000-67FF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c13.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c13.woff") format('woff'); unicode-range: U+6800-6FFF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c14.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c14.woff") format('woff'); unicode-range: U+7000-77FF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c15.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c15.woff") format('woff'); unicode-range: U+7800-7FFF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c16.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c16.woff") format('woff'); unicode-range: U+8000-87FF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c17.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c17.woff") format('woff'); unicode-range: U+8800-8FFF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c18.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c18.woff") format('woff'); unicode-range: U+9000-97FF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c19.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c19.woff") format('woff'); unicode-range: U+9800-9FFF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c20.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c20.woff") format('woff'); unicode-range: U+A000-A7FF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c21.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c21.woff") format('woff'); unicode-range: U+A800-AFFF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c22.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c22.woff") format('woff'); unicode-range: U+B000-B7FF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c23.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c23.woff") format('woff'); unicode-range: U+B800-BFFF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c24.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c24.woff") format('woff'); unicode-range: U+C000-C7FF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c25.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c25.woff") format('woff'); unicode-range: U+C800-CFFF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c26.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c26.woff") format('woff'); unicode-range: U+D000-D7FF; } @font-face { font-family: 'Unifont'; font-style: normal; font-weight: normal; font-display: swap; src: url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c27.woff2") format('woff2'), url("https://cdn.jsdelivr.net/gh/skyblock-wiki/wiki-assets@1.0/fonts/unifont/chunks/unifont-c27.woff") format('woff'); unicode-range: U+F900-FFFF; } /* End (fonts.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; }

/* Text & Dialogue */ .mcui-text { font-family: minecraft, unifontm, unifont, Rubik, serif, sans-serif; font-size: 14px; font-size: calc(100% - 2px); /* white as default */ color: #fff; text-shadow: 0.125em 0.125em #3F3F3F; /* Experimental: dialogue background */ padding-top: 0.125em; padding-bottom: 0.125em; } .mcui-text.mcui-symbol { font-size: 16px; } .theme-fandommobile-light .mcui-text { filter: brightness(75%); /* global dimming for light theme */ } .mcdialogue { width: fit-content; white-space: pre-wrap; /* Copy of mcui-text styling (except font-size) */ font-family: minecraft, unifontm, unifont, Rubik, serif, sans-serif; font-size: 11px; /* white as default */ color: #fff; text-shadow: 0.125em 0.125em #3F3F3F; /* Experimental: dialogue background */ margin: 0.125em 0.25em; padding: 0.125em 0.5em; } .theme-fandommobile-light .mcdialogue { background-color: rgba(0, 0, 0, 0.58); }

/* Game font */ .hsw-gamefont { display: inline; font-family: minecrafts, minecraft, unifontm, unifont, Rubik, serif, sans-serif; } .hsw-gamefont.cram { letter-spacing: -1px; }

/* 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); }

/* Put this at the bottom! Add other things before this! */ /* MC Font color codes */ .format-0, .ace_format-0 { color: #000 !important; text-shadow: 0.125em 0.125em #000000; } .format-0 .format-l, .ace_format-0.ace_format_bold, .format-l .format-0 { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #000000, 2.35px 2px #000000, 3.2px 2px #000000; } .format-1, .ace_format-1 { color: #00A !important; text-shadow: 0.125em 0.125em #00002A; } .format-1 .format-l, .ace_format-1.ace_format_bold, .format-l .format-1 { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #00002A, 2.35px 2px #00002A, 3.2px 2px #00002A; } .format-2, .ace_format-2 { color: #0A0 !important; text-shadow: 0.125em 0.125em #002A00; } .format-2 .format-l, .ace_format-2.ace_format_bold, .format-l .format-2 { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #002A00, 2.35px 2px #002A00, 3.2px 2px #002A00; } .format-3, .ace_format-3 { color: #0AA !important; text-shadow: 0.125em 0.125em #002A2A; } .format-3 .format-l, .ace_format-3.ace_format_bold, .format-l .format-3 { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #002A2A, 2.35px 2px #002A2A, 3.2px 2px #002A2A; } .format-4, .ace_format-4 { color: #A00 !important; text-shadow: 0.125em 0.125em #2A0000; } .format-4 .format-l, .ace_format-4.ace_format_bold, .format-l .format-4 { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #2A0000, 2.35px 2px #2A0000, 3.2px 2px #2A0000; } .format-5, .ace_format-5 { color: #A0A !important; text-shadow: 0.125em 0.125em #2A002A; } .format-5 .format-l, .ace_format-5.ace_format_bold, .format-l .format-5 { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #2A002A, 2.35px 2px #2A002A, 3.2px 2px #2A002A; } .format-6, .ace_format-6 { color: #FA0 !important; text-shadow: 0.125em 0.125em #2A2A00; } .format-6 .format-l, .ace_format-6.ace_format_bold, .format-l .format-6 { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #2A2A00, 2.35px 2px #2A2A00, 3.2px 2px #2A2A00; } .format-7, .ace_format-7 { color: #AAA !important; text-shadow: 0.125em 0.125em #2A2A2A; } .format-7 .format-l, .ace_format-7.ace_format_bold, .format-l .format-7 { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #2A2A2A, 2.35px 2px #2A2A2A, 3.2px 2px #2A2A2A; } .format-8, .ace_format-8 { color: #555 !important; text-shadow: 0.125em 0.125em #151515; } .format-8 .format-l, .ace_format-8.ace_format_bold, .format-l .format-8 { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #151515, 2.35px 2px #151515, 3.2px 2px #151515; } .format-9, .ace_format-9 { color: #55F !important; text-shadow: 0.125em 0.125em #15153F; } .format-9 .format-l, .ace_format-9.ace_format_bold, .format-l .format-9 { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #15153F, 2.35px 2px #15153F, 3.2px 2px #15153F; } .format-a, .ace_format-a { color: #5F5 !important; text-shadow: 0.125em 0.125em #153F15; } .format-a .format-l, .ace_format-a.ace_format_bold, .format-l .format-a { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #153F15, 2.35px 2px #153F15, 3.2px 2px #153F15; } .format-b, .ace_format-b { color: #5FF !important; text-shadow: 0.125em 0.125em #153F3F; } .format-b .format-l, .ace_format-b.ace_format_bold, .format-l .format-b { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #153F3F, 2.35px 2px #153F3F, 3.2px 2px #153F3F; } .format-c, .ace_format-c { color: #F55 !important; text-shadow: 0.125em 0.125em #3F1515; } .format-c .format-l, .ace_format-c.ace_format_bold, .format-l .format-c { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #3F1515, 2.35px 2px #3F1515, 3.2px 2px #3F1515; } .format-d, .ace_format-d { color: #F5F !important; text-shadow: 0.125em 0.125em #3F153F; } .format-d .format-l, .ace_format-d.ace_format_bold, .format-l .format-d { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #3F153F, 2.35px 2px #3F153F, 3.2px 2px #3F153F; } .format-e, .ace_format-e { color: #FF5 !important; text-shadow: 0.125em 0.125em #3F3F15; } .format-e .format-l, .ace_format-e.ace_format_bold, .format-l .format-e { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #3F3F15, 2.35px 2px #3F3F15, 3.2px 2px #3F3F15; } .format-f, .ace_format-f { color: #FFF !important; text-shadow: 0.125em 0.125em #3F3F3F; } .format-f .format-l, .ace_format-f.ace_format_bold, .format-l .format-f { text-shadow: 0.75px 0, 1.5px 0, 1.5px 2px #3F3F3F, 2.35px 2px #3F3F3F, 3.2px 2px #3F3F3F; } .format-l { letter-spacing: 1.5px; } .format-m, .ace_format-m { text-decoration: line-through; } .format-n, .ace_format-n { text-decoration: underline; } .format-m .format-n, .ace_format-m.ace_format-n, .format-n .format-m { text-decoration: line-through underline; } .format-o { font-style: italic; } /* Don't add things below! Add them above! */ /* End (minecraft.less) */

/* Feature Set: buttons.less */ .wikia-menu-button, .button:not(.carousel-arrow) { display: inline-block; padding: 12px; background-color: #da5819; box-shadow: rgba(0, 0, 0, 0.4) -1px -4px 0px 0px inset; border-radius: 4px; color: #fff; line-height: 14px; letter-spacing: .3px; font-size: 13px; font-weight: 500; transition: all .2s linear; } .wikia-menu-button:active, .button:not(.carousel-arrow):active { background-color: #b3420a; text-decoration: none; } body .article-content .full-width-button { padding: 7px; width: 98%; width: -moz-available; } body .article-content .tablecollapse-button { padding: 5px; margin: 1px; float: right; } /* End (buttons.less) */

/* Feature Set: containers.less */ .messagebox, .messagebox-inline, .darkmsgbox, .hsw-luabox, .hsw-rightbox { margin: 1em 0; padding: .4em 1.6em; box-shadow: inset 3px 0 0 0 var(--theme-accent-color), inset -3px 0 0 0 var(--theme-accent-color); border-radius: .5em; } .messagebox:not(table), .messagebox-inline:not(table), .darkmsgbox:not(table), .hsw-luabox:not(table), .hsw-rightbox:not(table) { display: flex; justify-content: space-between; align-items: center; gap: 1em; } .textsection, .textsection-inline { padding: .5em 1em; border-left: 5px solid rgba(var(--theme-accent-color--rgb), .5); border-right: 5px solid rgba(var(--theme-accent-color--rgb), .5); } .messagebox-inline, .textsection-inline { display: inline-flex; margin: 0 1em; } .messagebox-main { display: flex; align-items: center; gap: 1em; } /* Mobile modifications */ .messagebox-image, .darkmsgbox-image, .hsw-luabox-icon { text-align: center; vertical-align: middle; } /* End (containers.less) */

/* Feature Set: color.less */ /* Minecraft Colors */ .color-black { color: #000000; } .color-dark_blue { color: #0000AA; } .color-dark_green { color: #00AA00; } .color-dark_aqua { color: #00AAAA; } .color-dark_red { color: #AA0000; } .color-dark_purple { color: #AA00AA; } .color-gold { color: #FFAA00; } .color-gray { color: #AAAAAA; } .color-dark_gray { color: #555555; } .color-blue { color: #5555FF; } .color-green { color: #55FF55; } .color-aqua { color: #55FFFF; } .color-red { color: #FF5555; } .color-light_purple { color: #FF55FF; } .color-yellow { color: #FFFF55; } .color-white { color: #FFFFFF; } /* Other SkyBlock Colors */ .color-dungeon_d { color: #fc2803; } .color-dungeon_c { color: #0373fc; } .color-dungeon_b { color: #40a40c; } .color-dungeon_a { color: #b700ff; } .color-dungeon_S { color: #ffc800; } .color-dungeon_splus { color: #ffc800; } /* Light-color-on-light-theme (LCOLT) styling */ .theme-fandommobile-light .light-color, .theme-fandommobile-light .color-aqua, .theme-fandommobile-light .color-green, .theme-fandommobile-light .color-yellow, .theme-fandommobile-light .color-white { filter: brightness(70%); } /* End (color.less) */

/* Feature Set: minimap.less */ /*************************************** .hsw-minimap { position: relative; overflow: hidden; box-sizing: border-box; background-repeat: no-repeat; /* Prevent image blurring on scale */ image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; image-rendering: pixelated; } .no-rendering { image-rendering: auto; }
 * CSS relating to minimaps

/*************************************** .minimap-marker { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
 * Map markers

/*************************************** .minimap-hub { background-image: url("//static.wikia.nocookie.net/hypixel-skyblock/images/d/da/Hub_Island_(0.11.4)_(Top_View).png"); } .minimap-village { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/d/d5/Village_%28top_view%29.png); } .minimap-museum { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/9/9f/Museum_%28top_view%29.png); } .minimap-crypt { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/c/c7/Crypt_%28top_view%29.png); } .minimap-park { background-image: url("//static.wikia.nocookie.net/hypixel-skyblock/images/f/f8/The_Park_(0.7.4)_(Top_View).png"); } .minimap-howling-cave { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/4/4b/Howling_Cave_top_view_%28minimap%29.png); } /*** Combat Islands ***/ .minimap-spiders-den { background-image: url("//static.wikia.nocookie.net/hypixel-skyblock/images/b/b4/Spiders_Den_(0.13)_(Top_View).png"); } .minimap-blazing-fort { background-image: url("//static.wikia.nocookie.net/hypixel-skyblock/images/f/f1/Blazing_Fortress_(0.1)_(Top_View).png"); } .minimap-end { background-image: url("//static.wikia.nocookie.net/hypixel-skyblock/images/f/f8/The_End_(0.7)_(Top_View).png"); } .minimap-stronghold { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/4/4d/Stronghold_%28top_view%29.png); } .minimap-stronghold-1 { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/a/a8/Stronghold_%28top_view%29_1.png); } .minimap-stronghold-2 { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/8/81/Stronghold_%28top_view%29_2.png); } /*** Farming Islands ***/ .minimap-barn { background-image: url("//static.wikia.nocookie.net/hypixel-skyblock/images/c/c6/The_Barn_(0.11.4)_(Top_View).png"); } .minimap-mushroom-desert { background-image: url("//static.wikia.nocookie.net/hypixel-skyblock/images/7/7b/Mushroom_Desert_(0.11.4)_(Top_View).png"); } /*** Mining Islands ***/ .minimap-gold-mine { background-image: url("//static.wikia.nocookie.net/hypixel-skyblock/images/9/9e/Gold_Mine_(0.1)_(Top_View).png"); } .minimap-deep-caverns { background-image: url("//static.wikia.nocookie.net/hypixel-skyblock/images/3/3f/Deep_Caverns_(0.1)_(Top_View).png"); } .minimap-dwarven-mines { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/2/2c/Dwarven_Mines_Map.png); } .minimap-gunpowder-mines { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/2/2e/Gunpowder_Mines.png); } .minimap-lapis-quarry { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/b/bc/Lapis_Quarry.png); } .minimap-pigmans-den { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/6/64/Pigman%27s_Den.png); } .minimap-slimehill { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/c/c1/Slimehill.png); } .minimap-diamond-reserve { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/0/0d/Diamond_Reserve.png); } .minimap-obsidian-sanctuary { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/e/e4/Obsidian_Sanctuary.png); } /*** Event Islands ***/ .minimap-winter-island { background-image: url(//static.wikia.nocookie.net/hypixel-skyblock/images/4/4d/Winter_Island_%28top%29.png); } /* End (minimap.less) */
 * Map images

/* Mobile-specific Styling */ /* Center infobox images */ .portable-infobox .pi-item.pi-data { display: flex; justify-content: center; } @media screen { .article-content .thumbimage { background-color: transparent; } } .nomobile, .jcConfig, .jcLoadspace { display: none !important; }