MediaWiki:FandomMobile.css

/**************** * Custom Fonts * ****************/ @font-face { font-family: "Mojang"; src: local('Mojang-Regular'), local('Mojang-Regular'), url(/media/hydra/fonts/Mojang-Regular.ttf) format('truetype'); font-weight: normal; }

@font-face { font-family: "Mojang"; src: local('Mojang-Bold'), local('Mojang-Bold'), url(/media/hydra/fonts/Mojang-Bold.ttf) format('truetype'); font-weight: bold; }

/** Styling for the new grid templates **/ .CraftingGrid, .CraftingGrid * { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; }

span.grid:not(.ext-translate-container):not(.uls-menu) { position: relative; display: inline-block; background-color: #8B8B8B; 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; }

span.grid:before, span.grid:after { content: ""; position: absolute; background-color: #8B8B8B; height: 2px; width: 2px; pointer-events: none; } span.grid:before { bottom: -2px; left: -2px; } span.grid:after { top: -2px; right: -2px; }

span.grid > * { display: block; margin: -2px; padding: 2px; } .grid-number { position: absolute; right: -2px; bottom: -2px; font-family: Mojang, sans-serif; font-weight: normal; color: #FFF; text-shadow: 2px 2px 0 #3F3F3F; filter: dropshadow(color=#3F3F3F, offx=2, offy=2); z-index: 2; letter-spacing: -0.5px; word-spacing: 6px; }

/* Plain grid with no border or background */ .grid-plain, .CraftingGrid .grid { background-color: transparent !important; border-color: transparent !important; } .grid-plain:before, .grid-plain:after, .CraftingGrid .grid:before, .CraftingGrid .grid:after { content: none !important; }

.craftingGridOne .grid-number { display: none; }

/** Crafting grid override classes **/ .craftingGridText { font-family: Mojang; letter-spacing: -0.5px; word-spacing: 6px; color: #000; font-size: 16px; line-height: 24px; padding: 0 4px 0 4px; } .craftingGridText a { color: #0645ad; }

.CraftingGrid, .tilesheet { image-rendering: -moz-crisp-edges; } .craftingGridTitle { white-space: nowrap; text-align: center; width: 100%; padding-left: 0; padding-right: 0; }

.craftingGridText b, .craftingGridText strong, .craftingGridText { font-weight: normal; }

/* Some browsers default to middle vertical aligning which sometimes makes wrong things happen */ .CraftingGrid img { vertical-align: top; }

.tilesheet { display: inline-block; }