User:SansUT1/fandommobile.css

/** * Minecraft theme for FandomMobile, from * MediaWiki:Gadget-site-styles.css and MediaWiki:Mobile.css */

/* Give the header the grass texture: */ .skin-fandommobile .wds-community-bar:after { content: ""; position: absolute; right: 0; bottom: -29px; left: 0; height: 100vh; background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/6/6a/Mobile-header.png/revision/latest) left bottom repeat-x #8DBDE9; background-size: 48px auto; z-index: -1; }

margin-top: 45px; }
 * 1) fandom-mobile-wrapper {

/* Give the main content area its healthy blue glow */
 * root {

--theme-article-background-color: #E6EFF4; --fandommobile-body-gradient: none }

/* Use logo instead of text */ .wds-community-bar__sitename, .wds-community-bar__content { background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/9/90/Minecraft_Wiki_header.svg/revision/latest) center no-repeat; background-size: 150px auto; min-height: 100%; min-width: 150px; border-bottom: none; }

.wds-community-bar .wds-community-bar__sitename { background: none }

/* Hides text */ .wds-community-bar__sitename a { height: 3.35em; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; }

/* Fixes Template:Inventory slot */ .invslot { box-sizing: content-box; }

.invslot-item, .invslot-item > a:first-child { margin: -2px /* Reverts attempted fix made on Mediawiki:FandomMobile.css, which breaks this fix */ }

.invslot-large { width: 32px; height: 32px; }

/** * Missing stylings from MediaWiki:Gadget-site-styles.css * and MediaWiki:Mobile.css which were not put into * Mediawiki:FandomMobile.css, with a few adjustments to work */

/** Responsive main page layout **/ display: -ms-grid; -ms-grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j"; -ms-grid-template-columns: 100%; display: grid; grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j"; grid-template-columns: 100%; } @media screen and (min-width:990px) { #main-page.main-page { -ms-grid-template-areas: "a a a" "b b c" "d d d" "e f g" "h i j"; -ms-grid-template-columns: 33% 33% 34%; grid-template-areas: "a a a" "b b c" "d d d" "e f g" "h i j"; grid-template-columns: 33% 33% 34%; } }
 * 1) main-page.main-page {

margin: -1px; }
 * 1) main-page.main-page {

.fp-section { background-color: #FCFCFC; border: 1px solid #ccc; vertical-align: top; margin: 1px; width: calc(100% - 4px); }

-ms-grid-area: a;	grid-area: a; }
 * 1) fp-1 {

-ms-grid-area: b;	grid-area: b; }
 * 1) fp-2 {

-ms-grid-area: c;	grid-area: c; }
 * 1) fp-3 {

-ms-grid-area: d;	grid-area: d; }
 * 1) fp-4 {

-ms-grid-area: e;	grid-area: e; }
 * 1) fp-5 {

-ms-grid-area: f;	grid-area: f; }
 * 1) fp-6 {

-ms-grid-area: g;	grid-area: g; }
 * 1) fp-7 {

-ms-grid-area: h;	grid-area: h; }
 * 1) fp-8 {

-ms-grid-area: i;	grid-area: i; }
 * 1) fp-9 {

-ms-grid-area: j;	grid-area: j; }
 * 1) fp-10 {

/** Main page stylings **/ .edition-boxes p { margin: 0; }

/* Re-add styles to definition list headers */ dt { margin-left: 0 }

/** Template stylings **/ /* Template:Infobox, Template:Infobox row */ .notaninfobox { margin-bottom: 1em; font-size: 90%; background: #FFF; border: 1px solid #CCC; padding: 2px; overflow: auto; z-index: 1; }

.infobox-imagearea { padding: 4px; }

.notaninfobox .infobox-rows { display: table; margin: 0; width: 100%; border-collapse: separate; border-spacing: 1px; }	margin: 0; } /* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */ .infobox-rows dl + dl { margin-top: -0.3em; } .infobox-rows dl:last-child { margin-bottom: 0.2em; }
 * 1) mw-content-text .infobox-rows p {

.infobox-invimages { max-width: 292px; display: inline-block; }

/** Misc stuff **/ /* The blue header used throughout the wiki */ .mcwiki-header { background: #729FCF; border: 1px solid #CCC; border-bottom: 4px groove #999; border-right: 4px groove #999; padding: 5px; }

/* Generic nowrap class */ .nowrap { white-space: nowrap; }

/* Remove bullets/numbers from a list */ list-style: none; margin-left: 0; }
 * 1) mw-content-text .list-style-none ul, .list-style-none ol {

/* Bulletless lists, for list semantics without the visuals */ .bulletless ul { list-style-type: none; list-style-image: none; margin: 0; }

/* Various styling for message boxes */ .msgbox { display: flex; background: #FCFCFC; border: 1px solid #CCC; box-sizing: border-box; align-items: center; width: auto; padding: .4em .8em; margin: 0 auto; margin-bottom: 1em; max-width: none !important; /* Overrides inline style from Template:Message box */ } .msgbox + .msgbox { border-top: none; margin-top: -1em; }
 * not(.msgbox) + .msgbox,

.msgbox:first-of-type { border-top-right-radius: .15em; border-top-left-radius: .15em; } .msgbox #msgbox-iconimage, .msgbox #msgbox-image { margin: 0 1.5em 0 .5em; } .msgbox-mini { padding: .4em .5em; margin: 0 0; margin-bottom: 1em; } .msgbox-mini #msgbox-icon { align-self: flex-start; } .msgbox-mini #msgbox-iconimage, .msgbox-mini #msgbox-image { margin: 0 .4em 0 .5em; } .msgbox-mini #msgbox-text { font-size: small; } .msgbox-red { background: #FDD; border-left: 4px solid #FAA; } .msgbox-orange { background: #FEC; border-left: 4px solid #DC8; } .msgbox-yellow { background: #FFC; border-left: 4px solid #DD8; } .msgbox-green { background: #DFD; border-left: 4px solid #9C9; } .msgbox-blue { background: #DEF; border-left: 4px solid #9CD; } .msgbox-magenta { background: #FDF; border-left: 4px solid #DAD; } .msgbox-purple { background: #EEF; border-left: 4px solid #AAD; }

/* Alternating cell background */ .alternatecells:nth-child(odd) { background-color: #F9F9F9; } /* Alternating table rows, primarily used with Template:Infobox row */ .alternaterows tr:nth-child(even), .infobox-rows tr:nth-child(even) { background-color: #F9F9F9; }

/* Try to use nearest neighbour scaling for pixelated images */ .pixel-image, .invslot-item-image, .sprite { image-rendering: optimizeSpeed; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: crisp-edges; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; }

/* Simulate link styling for JS only links */ .jslink { color: var(--theme-link-color) !important /* Fixes wrong variable name used on MediaWiki:FandomMobile.css */ } .jslink:hover { cursor: pointer; }

/* Hatnotes and disambiguation notices */ .hatnote { font-style: italic; } .hatnote i { font-style: normal; } div.hatnote { padding-left: 1.6em; margin-bottom: 0.5em; margin-left: 0 !important; /* Overrides inline style from Template:Hatnote (which should be removed) */ } div.hatnote + div.hatnote { margin-top: -0.5em; }