User:ItsPlantseed/fandomdesktop dev.css

/*** Fandomdesktop.css ***/

.skin-fandomdesktop.theme-fandomdesktop-light { --theme-body-background-image: url(https://cdn.discordapp.com/attachments/827172532917764161/849681583622717470/stone.png) !important; --theme-body-text-color: #242424 !important; --theme-body-text-color--hover: #3a3a3a !important; --theme-sticky-nav-background-color: #36c !important; --theme-sticky-nav-text-color: #f6f6f6 !important; --theme-sticky-nav-text-color--hover: #c5dfe2 !important; --theme-page-background-color--secondary: #f8f9fa !important; --theme-accent-color: #36c !important; --theme-accent-color--hover: #447ff5 !important; --theme-accent-label-color: #fff !important;

--mcw-cloud-base: url(https://static.wikia.nocookie.net/minecraft_br_gamepedia/images/a/ad/Clouds-distance2.png/revision/latest) right 6px repeat-x; --mcw-grass-base: url(https://cdn.discordapp.com/attachments/827172532917764161/849457593994575872/Grass.png); --mcw-snow-base: url(https://cdn.discordapp.com/attachments/827172532917764161/849836351444353034/Snowy_Grass.png); --mcw-snowfall: url(/media/8/84/Winter-snow-background.gif); --mcw-header-background: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 15%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 58%, rgb(227, 227, 227) 58%, rgb(203, 217, 231) 70%, rgb(141, 189, 233) 90%); --mcw-header-background-small-screen: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 15%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 54%, rgb(227, 227, 227) 54%, rgb(203, 217, 231) 70%, rgb(141, 189, 233) 90%); --mcw-deepslate: url(https://cdn.discordapp.com/attachments/827172532917764161/849681605123375144/deepslate.png); --mcw-deepslate-transition: url(https://cdn.discordapp.com/attachments/827172532917764161/849676704292405268/deepslate_transition.png); --mcw-bedrock: url(https://cdn.discordapp.com/attachments/827172532917764161/849681158962020462/bedrock.png); }

.skin-fandomdesktop.theme-fandomdesktop-dark { --theme-body-background-image: url(https://cdn.discordapp.com/attachments/827172532917764161/850081628788359239/Stone_dark.png) !important; --theme-body-text-color: #eee !important; --theme-body-text-color--hover: #ccc !important; --theme-sticky-nav-background-color: #8dbde9 !important; --theme-sticky-nav-text-color: #f6f6f6 !important; --theme-sticky-nav-text-color--hover: #c5dfe2 !important; --theme-page-background-color: #171819 !important; --theme-page-background-color--secondary: #181d23 !important; --theme-link-color: #a0c9fe; --theme-link-color--rgb: 62, 117, 199; --theme-link-color--hover: #7e8eff; --theme-link-label-color: #0e191a; --theme-accent-color: #1f2737 !important; --theme-accent-color--hover: #25324e !important; --theme-accent-label-color: #fff !important; --theme-border-color: #333;

--mcw-cloud-base: url(https://cdn.discordapp.com/attachments/827172532917764161/850078133495660564/Stars.png) right 0 repeat-x; --mcw-grass-base: url(https://cdn.discordapp.com/attachments/827172532917764161/850080601544589352/grass_dark.png); --mcw-header-background: linear-gradient( 0deg,rgba(0, 0, 0, 0) 58%, rgba(255, 255, 255, 0) 42%), var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 58%, rgb(14, 14, 15) 58%, rgb(9, 9, 19) 70%, rgb(6, 5, 15) 90%); --mcw-header-background-small-screen: linear-gradient( 0deg,rgba(0, 0, 0, 0) 58%, rgba(255, 255, 255, 0) 42%), var(--mcw-grass-base), linear-gradient(0deg, rgba(255, 255, 255, 0) 54%, rgb(14, 14, 15) 54%, rgb(9, 9, 19) 70%, rgb(6, 5, 15) 90%); --mcw-deepslate: url(https://cdn.discordapp.com/attachments/827172532917764161/850074271141199922/deepslate_dark.png); --mcw-deepslate-transition: url(https://cdn.discordapp.com/attachments/827172532917764161/850321127581548594/deepslate_transition_dark.png); --mcw-bedrock: url(https://cdn.discordapp.com/attachments/827172532917764161/849681158962020462/bedrock.png); --custom-table-header-background: #1b1c1e; --custom-table-background: #242728; }

/* Force background to repeat horizontally */ .fandom-community-header__background.cover { background-repeat: repeat-x; }

/* Add different layers of background */ html body.skin-fandomdesktop { background: var(--theme-body-background-image), var(--theme-body-background-color); background-position: 66px top; background-size: 40px; position: relative; } html body.skin-fandomdesktop:before { background: var(--mcw-deepslate-transition) repeat-x; background-position: 66px top; background-size: 40px; content: ""; height: calc(50% + 35px); width: 100%; position: absolute; bottom: 0; z-index: -1; } html body.skin-fandomdesktop:after { background: var(--mcw-deepslate); background-position: 66px top; background-size: 40px; content: ""; height: 50%; width: 100%; position: absolute; bottom: 0; z-index: -1; }

/* Add sky, grass, and clouds for the header */ .fandom-community-header__background { background: var(--mcw-header-background); width: calc(100% - 66px); height: 290px; position: absolute; background-size: 160px !important; /* Force background to repeat horizontally */ background-position: bottom left !important; /* Force background to repeat horizontally */ } @media only screen and (max-width: 1279px) { .fandom-community-header__background { background: var(--mcw-header-background-small-screen); height: 310px; } } .fandom-community-header__background:before { background: var(--mcw-cloud-base); } .theme-fandomdesktop-dark .fandom-community-header__background:before { background-size: 250px; }

/* Stone background for the sticky navigation */ .fandom-sticky-header { background: linear-gradient(0deg, rgba(42, 42, 42, .3) 0%, rgba(255, 255, 255, 0) 50%), var(--theme-body-background-image); }

/* Fix hover color on quickbar */ .WikiaBarWrapper .tools-menu > li > a:hover { color: var(--theme-sticky-nav-background-color); }

/* Various styling for message boxes, based on colours/styling from Template:Msgbox */ div.mw-warning-with-logexcerpt, .errorbox, .warningbox, .successbox { display: block; padding: .4em .8em; margin-bottom: 1em; border: 1px solid #CCC; } div.mw-warning-with-logexcerpt, .theme-fandomdesktop-light .errorbox { background: #FDD; border-left: 4px solid #FAA; } .theme-fandomdesktop-dark .errorbox { background: #3b1a1a; border-left: 4px solid #622929; } .theme-fandomdesktop-light .warningbox { background: #FFC; border-left: 4px solid #DD8; } .theme-fandomdesktop-dark .warningbox { background: #36331e; border-left: 4px solid #635e33; } .theme-fandomdesktop-light .successbox { background: #DFD; border-left: 4px solid #9C9; } .theme-fandomdesktop-dark .successbox { background: #1f301f; border-left: 4px solid #436043; } .successbox strong p { margin: 0; }

/* Adjustments for Minecraft Dungeon subpages */ .theme-fandomdesktop-light.rootpage-Minecraft_Dungeons, .theme-fandomdesktop-light.ns-10000, .theme-fandomdesktop-light.ns-10001 { --theme-sticky-nav-background-color: #c86e10 !important; --theme-sticky-nav-text-color--hover: #f2e5b2 !important; --theme-page-background-color: #f2eee7 !important; --theme-page-background-color--secondary: #fff6e4 !important; --theme-accent-color: #c86e10 !important; --theme-accent-color--hover: #CC7820 !important; --mcw-logo: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/3/33/Dungeons_Wiki.png/revision/latest?format=original); --mcw-site-name: "Minecraft Dungeons Wiki"; --mcw-grass-base: url(https://cdn.discordapp.com/attachments/827172532917764161/849811669496758272/Dungeons_Grass.png); --mcw-header-background: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 15%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base) repeat-x, linear-gradient(0deg, rgba(255, 255, 255, 0) 58%, rgb(247, 247, 247) 58%, rgb(255, 237, 180) 70%, rgb(255, 198, 133) 90%); --mcw-header-background-small-screen: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 15%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base) repeat-x, linear-gradient(0deg, rgba(255, 255, 255, 0) 54%, rgb(247, 247, 247) 54%, rgb(255, 237, 180) 70%, rgb(255, 198, 133) 90%); } .theme-fandomdesktop-dark.rootpage-Minecraft_Dungeons, .theme-fandomdesktop-dark.ns-10000 , .theme-fandomdesktop-dark.ns-10001 { --theme-sticky-nav-background-color: #db7e1d !important; --theme-accent-color: #3a2916 !important; --theme-page-background-color: #1a1715 !important; --theme-page-background-color--secondary: #2d251f !important; --theme-accent-color--hover: #ad6e2a !important;

--mcw-logo: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/3/33/Dungeons_Wiki.png/revision/latest?format=original); --mcw-site-name: "Minecraft Dungeons Wiki"; --mcw-grass-base: url(https://cdn.discordapp.com/attachments/827172532917764161/850314990816198676/Dungeons_Grass_dark.png) !important; --mcw-header-background: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 15%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base) repeat-x, linear-gradient(0deg,rgba(255,255,255,0) 58%,rgb(29, 20, 12) 58%,rgb(6, 5, 3) 70%,rgb(3,3,6) 90%); --mcw-header-background-small-screen: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 15%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base) repeat-x, linear-gradient(0deg,rgba(255,255,255,0) 54%,rgb(29, 20, 12) 54%,rgb(6, 5, 3) 70%,rgb(3,3,6) 90%);

}

/* Adjustments for Minecraft Earth subpages */ .theme-fandomdesktop-light.rootpage-Minecraft_Earth, .theme-fandomdesktop-light.ns-10002, .theme-fandomdesktop-light.ns-10003 { --theme-sticky-nav-background-color: #2783ae !important; --theme-sticky-nav-text-color--hover: #b2c4f2 !important; --theme-page-background-color: #e5edff !important; --theme-page-background-color--secondary: #f1f5ff !important; --theme-accent-color: #2783ae !important; --theme-accent-color--hover: #2783ae !important; --mcw-logo: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/7/70/Earth_Wiki.png/revision/latest?format=original); --mcw-site-name: "Minecraft Earth Wiki"; --mcw-grass-base: url(https://cdn.discordapp.com/attachments/827172532917764161/849822232988876821/Earth_Grass.png); --mcw-header-background: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 15%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base) repeat-x, linear-gradient(0deg, rgba(255, 255, 255, 0) 58%, rgb(247, 247, 247) 58%, rgb(180 203 255) 70%, rgb(113 144 255) 90%); --mcw-header-background-small-screen: linear-gradient( 0deg, rgba(255, 255, 255, 0) 0%, rgb(0 0 0 / 15%) 54%, rgba(255, 255, 255, 0) 20%), var(--mcw-grass-base) repeat-x, linear-gradient(0deg, rgba(255, 255, 255, 0) 54%, rgb(247, 247, 247) 54%, rgb(180 203 255) 70%, rgb(113 144 255) 90%); } .theme-fandomdesktop-dark.rootpage-Minecraft_Earth, .theme-fandomdesktop-dark.ns-10002, .theme-fandomdesktop-dark.ns-10003 { --theme-sticky-nav-background-color: #2783ae !important; --theme-sticky-nav-text-color--hover: #b2c4f2 !important; --theme-page-background-color: #14151a !important; --theme-page-background-color--secondary: #1a1f2a !important; --theme-accent-color: #0f242e !important; --theme-accent-color--hover: #658ff0 !important; --mcw-logo: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/7/70/Earth_Wiki.png/revision/latest?format=original); --mcw-site-name: "Minecraft Earth Wiki"; --mcw-grass-base: url(https://cdn.discordapp.com/attachments/364094011620720650/850271045042831391/Earth_Grass_dark.png) !important; }

/* Replace regular logo with the custom one */ .rootpage-Minecraft_Dungeons .fandom-community-header__image img, .ns-10000 .fandom-community-header__image img, .ns-10001 .fandom-community-header__image img, .rootpage-Minecraft_Earth .fandom-community-header__image img, .ns-10002 .fandom-community-header__image img, .ns-10003 .fandom-community-header__image img { padding: 50px 60px; } .rootpage-Minecraft_Dungeons .fandom-community-header__image, .ns-10000 .fandom-community-header__image, .ns-10001 .fandom-community-header__image, .rootpage-Minecraft_Earth .fandom-community-header__image, .ns-10002 .fandom-community-header__image, .ns-10003 .fandom-community-header__image { background-image: var(--mcw-logo); background-repeat: no-repeat; background-size: 120px; } @media screen and (max-width: 1279px) { .rootpage-Minecraft_Dungeons .fandom-community-header__image img, .ns-10000 .fandom-community-header__image img, .ns-10001 .fandom-community-header__image img, .rootpage-Minecraft_Earth .fandom-community-header__image img, .ns-10002 .fandom-community-header__image img, .ns-10003 .fandom-community-header__image img { padding: 41px 50px; }   .rootpage-Minecraft_Dungeons .fandom-community-header__image, .ns-10000 .fandom-community-header__image, .ns-10001 .fandom-community-header__image, .rootpage-Minecraft_Earth .fandom-community-header__image, .ns-10002 .fandom-community-header__image, .ns-10003 .fandom-community-header__image { background-image: var(--mcw-logo); background-repeat: no-repeat; background-size: 100px; } } .rootpage-Minecraft_Dungeons .fandom-sticky-header__logo img, .ns-10000 .fandom-sticky-header__logo img, .ns-10001 .fandom-sticky-header__logo img, .rootpage-Minecraft_Earth .fandom-sticky-header__logo img, .ns-10002 .fandom-sticky-header__logo img, .ns-10003 .fandom-sticky-header__logo img { padding: 20px 20px; } .rootpage-Minecraft_Dungeons .fandom-sticky-header__logo, .ns-10000 .fandom-sticky-header__logo, .ns-10001 .fandom-sticky-header__logo, .rootpage-Minecraft_Earth .fandom-sticky-header__logo, .ns-10002 .fandom-sticky-header__logo, .ns-10003 .fandom-sticky-header__logo { background-image: var(--mcw-logo); background-repeat: no-repeat; margin-top: 10px; background-size: 40px; position: relative; z-index: 2; }

/* Change Minecraft Wiki line to the custom one */ .rootpage-Minecraft_Dungeons .fandom-community-header__community-name, .ns-10000 .fandom-community-header__community-name, .ns-10001 .fandom-community-header__community-name, .rootpage-Minecraft_Earth .fandom-community-header__community-name, .ns-10002 .fandom-community-header__community-name, .ns-10003 .fandom-community-header__community-name, .rootpage-Minecraft_Dungeons .fandom-sticky-header__sitename, .ns-10000 .fandom-sticky-header__sitename, .ns-10001 .fandom-sticky-header__sitename, .rootpage-Minecraft_Earth .fandom-sticky-header__sitename, .ns-10002 .fandom-sticky-header__sitename, .ns-10003 .fandom-sticky-header__sitename { text-indent: -9999px; line-height: 0; /* Collapse the original line */ } .rootpage-Minecraft_Dungeons .fandom-community-header__community-name::after, .ns-10000 .fandom-community-header__community-name::after, .ns-10001 .fandom-community-header__community-name::after, .rootpage-Minecraft_Earth .fandom-community-header__community-name::after, .ns-10002 .fandom-community-header__community-name::after, .ns-10003 .fandom-community-header__community-name::after, .rootpage-Minecraft_Dungeons .fandom-sticky-header__sitename::after, .ns-10000 .fandom-sticky-header__sitename::after, .ns-10001 .fandom-sticky-header__sitename::after, .rootpage-Minecraft_Earth .fandom-sticky-header__sitename::after, .ns-10002 .fandom-sticky-header__sitename::after, .ns-10003 .fandom-sticky-header__sitename::after { content: var(--mcw-site-name); text-indent: 0; display: block; line-height: initial; }

/*** Gadget-site-styles.css ***/ .skin-fandomdesktop.theme-fandomdesktop-light { --mcw-template-background-color: #fcfcfc; --mcw-template-border-color: #ccc; } .skin-fandomdesktop.theme-fandomdesktop-dark { --mcw-template-background-color: #202125; --mcw-template-border-color: #1c1c1c; }

/** 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: var(--mcw-template-background-color); border: 1px solid var(--mcw-template-border-color); border-radius: 6px; vertical-align: top; margin: 1px; width: calc(100% - 4px); }

.fp-section .mcwiki-header { background-size: 192px; background-position: left -12px; }

-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 {

display: -ms-grid; -ms-grid-template-areas: "aa" "ac" "ab"; -ms-grid-template-columns: 100%; display: grid; grid-template-areas: "aa" "ac" "ab"; grid-template-columns: 100%; } @media screen and (min-width:990px) { #fp-header.fp-header { -ms-grid-template-areas: "aa ab" "ac ac"; -ms-grid-template-columns: 335px calc(100% - 335px); grid-template-areas: "aa ab" "ac ac"; grid-template-columns: 335px calc(100% - 335px); } } @media screen and (min-width:1350px) { #fp-header.fp-header { -ms-grid-template-columns: 33% 67%; grid-template-columns: 33% 67%; } }
 * 1) fp-header.fp-header {

-ms-grid-area: aa; grid-area: aa; }
 * 1) fp-header-file {

-ms-grid-area: ab; grid-area: ab; }
 * 1) fp-header-links {

-ms-grid-area: ac; grid-area: ac; }
 * 1) fp-header-text {

margin: auto; } @media screen and (min-width:990px) { #fp-header-file { margin: auto 0; } }
 * 1) fp-header-file {

margin: auto 0; }
 * 1) fp-header-links {

-ms-columns: 160px; -moz-columns: 160px; -webkit-columns: 160px; columns: 160px; -ms-column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; margin-top: 0; }
 * 1) fp-header-links ul {

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

.edition-box { flex: auto; margin: 0 1px 0 1px; } .edition-box > div { display: inline-block; margin: 0 0.5em 0 0.5em; vertical-align: top; }

.edition-box.java { background: #fce9d6; border: 1px solid #fec488; }

.edition-box.bedrock { background: #f7e6e8; border: 1px solid #ffb5d0; }

.edition-box.dungeons { background: #fff0cd; border: 1px solid #ffcc89; }

.edition-box.launcher { background: #f7e6e8; border: 1px solid #ffb5d0; }

.edition-box.edition { background: #f7e6e8; border: 1px solid #ffb5d0; }

.edition-box.china { background: #f7e6e8; border: 1px solid #ffb5d0; }

@supports ((object-fit: contain) or (-o-object-fit: contain)) { .edition-box img { min-height: 50px; -o-object-fit: contain; object-fit: contain; } }

/* Template:Infobox, Template:Infobox row */ .notaninfobox { position: relative; clear: right; margin: 0 0 1em 1em; width: 300px; font-size: 90%; background: var(--mcw-template-background-color); border: 1px solid var(--mcw-template-border-color); float: right; padding: 2px; overflow: auto; z-index: 1; } @media all and (max-width: 511px) { .notaninfobox { float: none; margin-left: 0; width: auto; } } @media all and (max-width: 337px) { .notaninfobox { margin-left: -16px; margin-right: -16px; border-left: none; border-right: none; } }

.notaninfobox > .infobox-title { font-weight: bold; text-align: center; font-size: 120%; }

.infobox-imagearea { text-align: center; padding: 4px; } .infobox-imagearea > div:not(:first-child) { padding-top: 1em; } /* Horizontally centre animated images */ display: inline-flex; align-items: center; }
 * 1) mw-content-text .infobox-imagearea .animated {

.notaninfobox .infobox-rows { display: table; margin: 0 !important; width: 100% !important; border-collapse: separate !important; border-spacing: 1px !important; } .infobox-rows > tbody > tr > th { text-align: left; white-space: nowrap; }	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.4em; } .infobox-rows dl:last-child { margin-bottom: 0.2em; }
 * 1) mw-content-text .infobox-rows p {

.theme-fandomdesktop-dark .alternaterows tr:nth-child(even), .theme-fandomdesktop-dark .infobox-rows tr:nth-child(even) { background: #2c2f34; }

.infobox-footer { text-align: center; }

/** Misc stuff **/ /* The blue header used throughout the wiki */ .mcwiki-header { border: 1px solid; border-bottom: 4px groove #999; border-right: 4px groove #999; border-radius: 3px; padding: 5px; } .theme-fandomdesktop-light .mcwiki-header { background: #729FCF; border-color: #CCC; } .theme-fandomdesktop-dark .mcwiki-header { background: #212c3d; border-color: #1d1d1d; }

/* Various stylings for message boxes */ .msgbox { display: flex; box-sizing: border-box; align-items: center; width: auto; padding: .4em .8em; margin: 0 auto; margin-bottom: 1em; } .theme-fandomdesktop-light .msgbox { background: #FCFCFC; border: 1px solid #CCC; } .theme-fandomdesktop-dark .msgbox { background: #2a2e32; border: 1px solid #232323; } .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; } .theme-fandomdesktop-light .msgbox-red { background: #FDD; border-left: 4px solid #FAA; } .theme-fandomdesktop-dark .msgbox-red { background: #3b1a1a; border-left: 4px solid #622929; } .theme-fandomdesktop-light .msgbox-orange { background: #FEC; border-left: 4px solid #DC8; } .theme-fandomdesktop-dark .msgbox-orange { background: #2b1f16; border-left: 4px solid #4a311a; } .theme-fandomdesktop-light .msgbox-yellow { background: #FFC; border-left: 4px solid #DD8; } .theme-fandomdesktop-dark .msgbox-yellow { background: #36331e; border-left: 4px solid #635e33; } .theme-fandomdesktop-light .msgbox-green { background: #DFD; border-left: 4px solid #9C9; } .theme-fandomdesktop-dark .msgbox-green { background: #1f301f; border-left: 4px solid #436043; } .theme-fandomdesktop-light .msgbox-blue { background: #DEF; border-left: 4px solid #9CD; } .theme-fandomdesktop-dark .msgbox-blue { background: #283643; border-left: 4px solid #365b67; } .theme-fandomdesktop-light .msgbox-magenta { background: #FDF; border-left: 4px solid #DAD; } .theme-fandomdesktop-dark .msgbox-magenta { background: #2d1c2d; border-left: 4px solid #62385e; } .theme-fandomdesktop-light .msgbox-purple { background: #EEF; border-left: 4px solid #AAD; } .theme-fandomdesktop-dark .msgbox-purple { background: #29232f; border-left: 4px solid #533d62; }

/* Table choice */ .theme-fandomdesktop-light .tc-yes { background: #c6efce !important; } .theme-fandomdesktop-dark .tc-yes { background: #29542c !important; } .theme-fandomdesktop-light .tc-always { background: #5dcc5d; } .theme-fandomdesktop-dark .tc-always { background: #3b533c !important; } .theme-fandomdesktop-light .tc-no { background: #ffc7ce !important; } .theme-fandomdesktop-dark .tc-no { background: #592c2c !important; } .theme-fandomdesktop-light .tc-never { background: #ff5757 !important; } .theme-fandomdesktop-dark .tc-never { background: #533b3b !important; } .theme-fandomdesktop-light .tc-rarely { background: #fdce5e !important; } .theme-fandomdesktop-dark .tc-rarely { background: #594f1e !important; } .theme-fandomdesktop-light .tc-neutral { background: #ffeb9c !important; } .theme-fandomdesktop-dark .tc-neutral { background: #5b573f !important; } .theme-fandomdesktop-light .tc-partial { background: #ffffdd !important; } .theme-fandomdesktop-dark .tc-partial { background: #3e3d31 !important; } .theme-fandomdesktop-light .tc-planned { background: #dfdfff !important; } .theme-fandomdesktop-dark .tc-planned { background: #242f2e !important; } .theme-fandomdesktop-light .tc-unknown { background: #ccc !important; } .theme-fandomdesktop-dark .tc-unknown { background: #364148 !important; } .theme-fandomdesktop-light .tc-in { background: #060 !important; color: #fff; } .theme-fandomdesktop-dark .tc-in { background: #06450a !important; } .theme-fandomdesktop-light .tc-inem { background: #0c0 !important; color: #fff; } .theme-fandomdesktop-dark .tc-inem { background: #266c29 !important; } .theme-fandomdesktop-light .tc-out { background: #900 !important; color: #fff; } .theme-fandomdesktop-dark .tc-out { background: #4a0a0a !important; } .theme-fandomdesktop-light .tc-outem { background: #f00 !important; color: #fff; } .theme-fandomdesktop-dark .tc-outem { background: #742a2a !important; } .theme-fandomdesktop-light .tc-default { background: #fff !important; color: inherit !important; } .theme-fandomdesktop-dark .tc-default { background: #373737 !important; color: inherit !important; } .theme-fandomdesktop-light .tc-hyphen { background: #ffc7ce !important; } .theme-fandomdesktop-dark .tc-hyphen { background: #352929 !important; }

/* Documentation */ .documentation { background-color: #24282a !important; border-color: #1e1e1e !important; }

.documentation > div:first-of-type, .documentation > div:last-of-type, .documentation-header { background-color: #1b2124 !important; border-color: #1e1e1e !important; }

/* Key stylings */ kbd { font-size: 80%; font-family: inherit; font-weight: 500 !important; border: 1px solid; border-radius: 2px; padding: 0.1em 0.4em; text-align: center; } .theme-fandomdesktop-light kbd { color: #222 !important; background-color: #f8f9fa !important; border-color: #c8ccd1 !important; box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #fff inset !important; text-shadow: 0 1px 0 #fff !important; } .theme-fandomdesktop-dark kbd { color: #eee !important; background-color: #383838 !important; border-color: #1E1E1E !important; box-shadow: 0 1px 0 rgb(0 0 0 / 20%), 0 0 0 2px #444 inset !important; text-shadow: 0 1px 0 #444 !important; }

/*** Common.css ***/

/** Template stylings **/ /* Template:Navbox */ .navbox, .loadbox-navbox { margin: 1em auto 0; width: 100%; background: var(--custom-table-background); border: 1px solid var(--theme-border-color); border-radius: 3px; padding: 2px; } .navbox table { background: var(--custom-table-background); margin-left: -4px; margin-right: -2px; } .navbox table:first-child { margin-top: -2px; } .navbox table:last-child { margin-bottom: -2px; }

.navbox .navbox-top { white-space: nowrap; background-color: var(--custom-table-header-background); padding: 0 3px; text-align: center; }

.navbox-navbar, .navbox-navbar-mini { float: left; font-size: 80%; }

.navbox-title { padding: 0 10px; font-size: 110%; }

.navbox th, background-color: var(--custom-table-header-background); border: 1px solid var(--theme-border-color); padding: 0 10px; white-space: nowrap; text-align: right; }
 * 1) content .loadbox-navbox > p {