Minecraft Wiki
Don't have an account?
Register
Register
Minecraft Wiki
Minecraft Wiki
7,425
pages

Fandomdesktop.css

MediaWiki page
Back to page
Sign in to edit
(more adjustments for Dungeons/Earth by SansUT1 and ItsPlantseed)
(reported to be unnecessary)
Line 360: Line 360:
 
background: var(--mcw-header-background);
  
background: var(--mcw-header-background);
 
min-width: inherit;
  
min-width: inherit;
−
width: calc(100% - 66px);
 +
width: 100%;
 
height: 305px;
  
height: 305px;
 
position: absolute;
  
position: absolute;
−
background-size: 160px !important;
 +
background-size: 160px;
−
background-position: bottom left !important;
 +
background-position: bottom left;
 
/* Force background to repeat horizontally */
  
/* Force background to repeat horizontally */
 
}
  
}

Revision as of 14:09, 6 July 2021

/* Note: Color styles may need to be coded as variables to support light, dark,
 * and per-namespace themes correctly.
 */
/* Note 2: Currently the variable names aren't stable; they may be stabilized
 * in the future to allow for inline `var()` declarations, but for now you
 * should not do that, things may break if you do.
 */
/* Note 3: Some parts of the code written, with or without changes, by
 * User:ItsPlantseed, some of which are also originally written by
 * User:SansUT1.
 */
/* Defaults assume a namespace without a custom theme, and light theme. */
:root {
	--custom-background-blue: hsl(215, 75%, 92%);
	--custom-background-blue-highlight: hsl(215, 75%, 85%);
	--custom-background-green: hsl(120, 75%, 92%);
	--custom-background-green-highlight: hsl(120, 75%, 85%);
	--custom-background-grey: hsl(0, 0%, 92%);
	--custom-background-grey-highlight: hsl(0, 0%, 85%);
	--custom-background-magenta: hsl(310, 75%, 92%);
	--custom-background-magenta-highlight: hsl(310, 75%, 85%);
	--custom-background-orange: hsl(40, 75%, 92%);
	--custom-background-orange-highlight: hsl(40, 75%, 85%);
	--custom-background-purple: hsl(260, 75%, 92%);
	--custom-background-purple-highlight: hsl(260, 75%, 85%);
	--custom-background-red: hsl(0, 75%, 92%);
	--custom-background-red-highlight: hsl(0, 75%, 85%);
	--custom-background-yellow: hsl(60, 75%, 92%);
	--custom-background-yellow-highlight: hsl(60, 75%, 85%);
	--custom-border-blue: hsl(215, 25%, 65%);
	--custom-border-blue-highlight: hsl(215, 50%, 68%);
	--custom-border-green: hsl(120, 25%, 65%);
	--custom-border-green-highlight: hsl(120, 50%, 68%);
	--custom-border-grey: hsl(0, 0%, 65%);
	--custom-border-magenta: hsl(310, 25%, 65%);
	--custom-border-magenta-highlight: hsl(310, 50%, 68%);
	--custom-border-orange: hsl(40, 25%, 65%);
	--custom-border-orange-highlight: hsl(40, 50%, 68%);
	--custom-border-purple: hsl(260, 25%, 65%);
	--custom-border-purple-highlight: hsl(260, 50%, 68%);
	--custom-border-red: hsl(0, 25%, 65%);
	--custom-border-red-highlight: hsl(0, 50%, 68%);
	--custom-border-yellow: hsl(60, 25%, 65%);
	--custom-border-yellow-highlight: hsl(60, 50%, 68%);
	--custom-main-page-background: #fcfcfc;
	--custom-main-page-border: #ccc;
	--custom-main-page-edition-subheader: #333;
	--custom-table-background: #f8f9fa;
	--custom-table-alternate-background: #f0f1f2;
	--custom-table-header-background: #eaecf0;
}
body.theme-fandomdesktop-light {
	/* Override default color that causes some contrast issues. */
    --theme-alert-color: #ba1231;
    
    /* Theme Designer: Community background color (choose lighter color) */
    --theme-body-text-color: #242424;
    --theme-body-text-color--hover: #3a3a3a;
    /* Theme Designer: Sticky nav background color */
    --theme-sticky-nav-background-color: #1e1e1e;
    --theme-sticky-nav-text-color: #f6f6f6;
    --theme-sticky-nav-text-color--hover: #c5dfe2;
    /* Theme Designer: Accent color */
    --theme-accent-color: #36c;
    --theme-accent-color--rgb: 51, 102, 204;
    --theme-accent-color--hover: #447ff5;
    --theme-accent-label-color: #fff;
    /* Manually set here */
    --theme-page-background-color--secondary: #f8f9fa;
    
    /* Wiki theme variables */
    --mcw-sky-base: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/1/17/Light_background_clouds_distance2.png/revision/latest?format=original);
    --mcw-grass-base: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/4/42/Light_background_grass.png/revision/latest?format=original);
    --mcw-snow-base: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/6/64/Light_background_snowy_grass.png/revision/latest?format=original);
    --mcw-snowfall: url(/media/8/84/Winter-snow-background.gif);
    --mcw-header-background:
        linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.1) 158px, rgba(255, 255, 255, 0) 0),
        var(--mcw-grass-base),
        linear-gradient(0deg, rgba(255, 255, 255, 0) 168px, rgb(227, 227, 227) 168px, rgb(203, 217, 231) 210px, rgb(141, 189, 233) 268px);
    --mcw-deepslate: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/b/bc/Light_background_deepslate.png/revision/latest?format=original);
    --mcw-deepslate-transition: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/b/b8/Light_background_deepslate_transition.png/revision/latest?format=original);
}
body.theme-fandomdesktop-dark {
    --theme-alert-color: #f1748b;
    
	--custom-background-blue: hsl(215, 25%, 8%);
	--custom-background-blue-highlight: hsl(215, 25%, 12%);
	--custom-background-green: hsl(120, 25%, 8%);
	--custom-background-green-highlight: hsl(120, 25%, 12%);
	--custom-background-grey: hsl(0, 0%, 8%);
	--custom-background-grey-highlight: hsl(0, 0%, 12%);
	--custom-background-magenta: hsl(310, 25%, 8%);
	--custom-background-magenta-highlight: hsl(310, 25%, 12%);
	--custom-background-orange: hsl(40, 25%, 8%);
	--custom-background-orange-highlight: hsl(40, 25%, 12%);
	--custom-background-purple: hsl(260, 25%, 8%);
	--custom-background-purple-highlight: hsl(260, 25%, 12%);
	--custom-background-red: hsl(0, 25%, 8%);
	--custom-background-red-highlight: hsl(0, 25%, 12%);
	--custom-background-yellow: hsl(60, 25%, 8%);
	--custom-background-yellow-highlight: hsl(60, 25%, 12%);
	--custom-border-blue: hsl(215, 15%, 36%);
	--custom-border-blue-highlight: hsl(215, 50%, 30%);
	--custom-border-green: hsl(120, 15%, 36%);
	--custom-border-green-highlight: hsl(120, 50%, 30%);
	--custom-border-grey: hsl(0, 0%, 36%);
	--custom-border-magenta: hsl(310, 15%, 36%);
	--custom-border-magenta-highlight: hsl(310, 50%, 30%);
	--custom-border-orange: hsl(40, 15%, 36%);
	--custom-border-orange-highlight: hsl(40, 50%, 30%);
	--custom-border-purple: hsl(260, 15%, 36%);
	--custom-border-purple-highlight: hsl(260, 50%, 30%);
	--custom-border-red: hsl(0, 15%, 36%);
	--custom-border-red-highlight: hsl(0, 50%, 30%);
	--custom-border-yellow: hsl(60, 15%, 36%);
	--custom-border-yellow-highlight: hsl(60, 50%, 30%);
	--custom-main-page-background: #202125;
	--custom-main-page-border: #2e2e2e;
	--custom-main-page-edition-subheader: #ddd;
	--custom-table-background: #131313;
	--custom-table-alternate-background: #1a1a1a;
	--custom-table-header-background: #363636;
	
	/* Theme Designer: Community background color (choose lighter color) */
    --theme-body-text-color: #eee;
    --theme-body-text-color--hover: #ccc;
    /* Theme Designer: Sticky nav background color */
    --theme-sticky-nav-background-color: #1f2737;
    --theme-sticky-nav-text-color: #f6f6f6;
    --theme-sticky-nav-text-color--hover: #c5dfe2;
    /* Theme Designer: Article background color */
    --theme-page-background-color: #171819;
    /* Theme Designer: Link color */
    --theme-link-color: #a0c9fe; 
    --theme-link-color--rgb: 160, 201, 254;
    --theme-link-color--hover: #7e8eff;
    --theme-link-label-color: #0e191a;
    /* Theme Designer: Accent color */
    --theme-accent-color: #1f2737;
    --theme-accent-color--rgb: 31, 39, 55;
    --theme-accent-color--hover: #25324e;
    --theme-accent-label-color: #fff;
    /* Manually set here */
    --theme-page-background-color--secondary: #181d23;
    --theme-border-color: #3a3a3a;
    
    /* Wiki theme variables */
    --mcw-sky-base: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/5/5b/Dark_background_stars.png/revision/latest?format=original);
    --mcw-grass-base: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/b/b5/Dark_background_grass_base.png/revision/latest?format=original);
    --mcw-header-background: 
        var(--mcw-grass-base),
        linear-gradient(0deg, rgba(255, 255, 255, 0) 168px, rgb(14, 14, 15) 168px, rgb(9, 9, 19) 210px, rgb(6, 5, 15) 268px);
    --mcw-deepslate: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/a/a8/Dark_background_deepslate.png/revision/latest?format=original);
    --mcw-deepslate-transition: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/b/bc/Dark_background_deepslate_transition.png/revision/latest?format=original);
}
/* Wiki theme adjustments for Minecraft Dungeons and Earth subpages made by SansUT1 with some additions and modifications by ItsPlantseed */
body.rootpage-Minecraft_Dungeons.theme-fandomdesktop-light,
body.ns-10000.theme-fandomdesktop-light,
body.ns-10001.theme-fandomdesktop-light {
    --theme-page-background-color: #f2eee7;
    --theme-page-background-color--secondary: #fff6e4;
    --theme-accent-color: #c86e10;
    --theme-accent-color--rgb: 200, 110, 16;
    --theme-accent-color--hover: #cc7820;
    --theme-sticky-nav-background-color: #c86e10;
    --theme-sticky-nav-text-color--hover: #f2e5b2;
    
    /* Wiki theme variables */
    --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://static.wikia.nocookie.net/minecraft_gamepedia/images/1/1e/Light_background_grass_dungeons.png/revision/latest?format=original);
    --mcw-header-background:
        linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.1) 158px, rgba(255, 255, 255, 0) 0),
        var(--mcw-grass-base),
        linear-gradient(0deg, rgba(255, 255, 255, 0) 168px, rgb(247, 247, 247) 168px, rgb(255, 237, 180) 210px, rgb(255, 198, 133) 268px);
}
body.rootpage-Minecraft_Dungeons.theme-fandomdesktop-dark,
body.ns-10000.theme-fandomdesktop-dark,
body.ns-10001.theme-fandomdesktop-dark {
	--theme-page-background-color: #1a1715;
	--theme-page-background-color--secondary: #2d251f;
	--theme-accent-color: #3a2916;
	--theme-accent-color--rgb: 58, 41, 22;
    --theme-accent-color--hover: #3e2f1e;
	--theme-sticky-nav-background-color: #3a2916;
	
    /* Wiki theme variables */
	--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://static.wikia.nocookie.net/minecraft_gamepedia/images/2/29/Dark_background_grass_dungeons.png/revision/latest?format=original);
    --mcw-header-background:
        var(--mcw-grass-base),
        linear-gradient(0deg, rgba(255, 255, 255, 0) 168px, rgb(13, 8, 5) 168px, rgb(13, 11, 6) 210px, rgb(3,3,6) 268px);
}
body.rootpage-Minecraft_Earth.theme-fandomdesktop-light,
body.ns-10002.theme-fandomdesktop-light,
body.ns-10003.theme-fandomdesktop-light {
    --theme-page-background-color: #e5edff;
    --theme-page-background-color--secondary: #f1f5ff;
    --theme-accent-color: #2783ae;
    --theme-accent-color--rgb: 39, 131, 174;
    --theme-accent-color--hover: #2783ae;
    --theme-sticky-nav-background-color: #2783ae;
    --theme-sticky-nav-text-color--hover: #b2c4f2;
    
    /* Wiki theme variables */
    --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://static.wikia.nocookie.net/minecraft_gamepedia/images/8/85/Light_background_grass_earth.png/revision/latest?format=original);
    --mcw-header-background:
        linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.1) 158px, rgba(255, 255, 255, 0) 0),
        var(--mcw-grass-base),
        linear-gradient(0deg, rgba(255, 255, 255, 0) 168px, rgb(247, 247, 247) 168px, rgb(180 203 255) 210px, rgb(113 144 255) 268px);
}
body.rootpage-Minecraft_Earth.theme-fandomdesktop-dark,
body.ns-10002.theme-fandomdesktop-dark,
body.ns-10003.theme-fandomdesktop-dark {
    --theme-page-background-color: #14151a;
    --theme-page-background-color--secondary: #1a1f2a;
    --theme-accent-color: #0f242e;
    --theme-accent-color--rgb: 15, 36, 46;
    --theme-accent-color--hover: #182c36;
    --theme-sticky-nav-background-color: #0f242e;
    --theme-sticky-nav-text-color--hover: #b2c4f2;
    
    /* Wiki theme variables */
    --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://static.wikia.nocookie.net/minecraft_gamepedia/images/2/23/Dark_background_grass_earth.png/revision/latest?format=original);
    --mcw-header-background: 
        var(--mcw-grass-base),
        linear-gradient(0deg, rgba(255, 255, 255, 0) 168px, rgb(7, 9, 15) 168px, rgb(5, 5, 11) 210px, rgb(5, 5, 13) 268px);
}

/* 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;
    background-size: 40px;
    margin-top: 10px;
    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 {
    display: block;
    text-indent: 0;
    line-height: initial;
    content: var(--mcw-site-name);
}

/* 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:after {
    background: var(--mcw-deepslate);
    background-position: 66px top;
    background-size: 40px;
    background-clip: padding-box;
    border-top: 40px solid #f2000000;
    -o-border-image: var(--mcw-deepslate-transition) 56 0 0 0 round;
    border-image: var(--mcw-deepslate-transition) 56 0 0 0 round;
    content: "";
    min-width: 768px;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    z-index: -3;
    /* Hide the background while the site is still loading */
}

/* Add sky and grass for the header */
.fandom-community-header__background {
    background: var(--mcw-header-background);
    min-width: inherit;
    width: 100%;
    height: 305px;
    position: absolute;
    background-size: 160px;
    background-position: bottom left;
    /* Force background to repeat horizontally */
}
.fandom-community-header__background:before {
    background: var(--mcw-sky-base) right 6px repeat-x;
}
body.theme-fandomdesktop-dark .fandom-community-header__background:before {
    background-size: 250px;
}

/* Stone background for the sticky wiki navigation */
.fandom-sticky-header {
    background:
        linear-gradient(0deg, rgba(var(--theme-accent-color--rgb), 0.1) 0%, rgba(255, 255, 255, 0) 50%),
        var(--theme-body-background-image)
}

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

/* Main page */
.fp-section {
    background-color: var(--custom-main-page-background);
    border-color: var(--custom-main-page-border);
}
.edition-box .edition-box-subheader {
    color: var(--custom-main-page-edition-subheader) !important;
}
.edition-box-java,
.edition-box-java .edition-box-header {
    background-color: var(--custom-background-green) !important;
    border-color: var(--custom-border-green) !important;
}
.edition-box-bedrock,
.edition-box-bedrock .edition-box-header {
    background-color: var(--custom-background-red) !important;
    border-color: var(--custom-border-red) !important;
}
.edition-box-dungeons,
.edition-box-dungeons .edition-box-header {
    background-color: var(--custom-background-yellow) !important;
    border-color: var(--custom-border-yellow) !important;
}
.edition-box-launcher,
.edition-box-launcher .edition-box-header {
    background-color: var(--custom-background-grey) !important;
    border-color: var(--custom-border-grey) !important;
}
.edition-box-education,
.edition-box-education .edition-box-header {
    background-color: var(--custom-background-blue) !important;
    border-color: var(--custom-border-blue) !important;
}
.edition-box-china,
.edition-box-china .edition-box-header {
    background-color: var(--custom-background-purple) !important;
    border-color: var(--custom-border-purple) !important;
}
body.theme-fandomdesktop-dark .main-page .mcwiki-header {
    background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/0/0a/GrassBackgroundDark.png/revision/latest?cb=20210613130609&format=original) !important;
    border-top-color: #1c2828 !important;
    border-left: 1px solid #1c2828;
    border-right: 1px solid #1c2828;
    border-bottom: 1px solid #1c2828;
    color: #e8e8e8 !important;
}

/* Message boxes */
.msgbox {
    border-color: var(--theme-border-color);
}
.msgbox.msgbox-blue {
    background-color: var(--custom-background-blue-highlight);
    border-left-color: var(--custom-border-blue-highlight);
}
.msgbox.msgbox-green {
    background-color: var(--custom-background-green-highlight);
    border-left-color: var(--custom-border-green-highlight);
}
.msgbox.msgbox-orange {
    background-color: var(--custom-background-orange-highlight);
    border-left-color: var(--custom-border-orange-highlight);
}
.msgbox.msgbox-purple {
    background-color: var(--custom-background-purple-highlight);
    border-left-color: var(--custom-border-purple-highlight);
}
.msgbox.msgbox-red {
    background-color: var(--custom-background-red-highlight);
    border-left-color: var(--custom-border-red-highlight);
}
.msgbox.msgbox-yellow {
    background-color: var(--custom-background-yellow-highlight);
    border-left-color: var(--custom-border-yellow-highlight);
}
.msgbox.msgbox-magenta {
    background-color: var(--custom-background-magenta-highlight);
    border-left-color: var(--custom-border-magenta-highlight);
}
.msgbox.msgbox-gray {
    background-color: var(--custom-background-grey);
    border-left-color: var(--custom-border-grey);
}

/* Infoboxes */
.notaninfobox {
	border-color: var(--theme-border-color);
	background-color: var(--custom-table-background);
}
.notaninfobox .mcwiki-header {
	background-color: var(--custom-background-blue-highlight);
    border: 1px solid var(--theme-border-color);
}
.alternaterows tr:nth-child(2n),
.infobox-rows tr:nth-child(2n) {
	background-color: var(--custom-table-alternate-background);
}

/* Navboxes */
.navbox,
.navbox table {
    background-color: var(--custom-table-background);
}
.navbox th,
.navbox .navbox-top,
#content .loadbox-navbox > p {
    background-color: var(--custom-table-header-background) !important;
}
.loadbox-navbox {
    border-color: var(--theme-border-color) !important;
    background-color: var(--custom-table-background) !important;
}

/* Other templates */
.documentation,
.documentation-header,
.documentation > div[style*="background-color:#EAF4F9"] {
    background-color: var(--custom-background-blue) !important;
    border-color: var(--custom-border-blue) !important;
}

table.schematic td,
span.schematic {
    border-color: var(--theme-border-color);
    background-color: var(--custom-table-background);
}

/* Table choice. Written by ItsPlantseed with some adjustments for contrast
 * issues
 */
body.theme-fandomdesktop-light .tc-yes {
    background: #c6efce !important;
}
body.theme-fandomdesktop-dark .tc-yes {
    background: #29542c !important;
}
body.theme-fandomdesktop-light .tc-always {
    background: #5dcc5d !important;
}
body.theme-fandomdesktop-dark .tc-always {
    background: #3b533c !important;
}
body.theme-fandomdesktop-light .tc-no {
    background: #ffc7ce !important;
}
body.theme-fandomdesktop-dark .tc-no {
    background: #592c2c !important;
}
body.theme-fandomdesktop-light .tc-never {
    background: #ff8787 !important;
}
body.theme-fandomdesktop-dark .tc-never {
    background: #533b3b !important;
}
body.theme-fandomdesktop-light .tc-rarely {
    background: #fdce5e !important;
}
body.theme-fandomdesktop-dark .tc-rarely {
    background: #594f1e !important;
}
body.theme-fandomdesktop-light .tc-neutral {
    background: #ffeb9c !important;
}
body.theme-fandomdesktop-dark .tc-neutral {
    background: #5b573f !important;
}
body.theme-fandomdesktop-light .tc-partial {
    background: #ffffdd !important;
}
body.theme-fandomdesktop-dark .tc-partial {
    background: #3e3d31 !important;
}
body.theme-fandomdesktop-light .tc-planned {
    background: #dfdfff !important;
}
body.theme-fandomdesktop-dark .tc-planned {
    background: #242f2e !important;
}
body.theme-fandomdesktop-light .tc-unknown {
    background: #ccc !important;
}
body.theme-fandomdesktop-dark .tc-unknown {
    background: #364148 !important;
}
body.theme-fandomdesktop-light .tc-in {
    color: #fff;
    background: #040 !important;
}
body.theme-fandomdesktop-dark .tc-in {
    background: #06450a !important;
}
body.theme-fandomdesktop-light .tc-inem {
    color: #fff;
    background: #080 !important;
}
body.theme-fandomdesktop-dark .tc-inem {
    background: #266c29 !important;
}
body.theme-fandomdesktop-light .tc-out {
    color: #fff;
    background: #700 !important;
}
body.theme-fandomdesktop-dark .tc-out {
    background: #4a0a0a !important;
}
body.theme-fandomdesktop-light .tc-outem {
    color: #fff;
    background: #c00 !important;
}
body.theme-fandomdesktop-dark .tc-outem {
    background: #742a2a !important;
}
body.theme-fandomdesktop-light .tc-default {
    color: inherit !important;
    background: #fff !important;
}
body.theme-fandomdesktop-dark .tc-default {
    color: inherit !important;
    background: #373737 !important;
}
body.theme-fandomdesktop-light .tc-hyphen {
    background: #ffc7ce !important;
}
body.theme-fandomdesktop-dark .tc-hyphen {
    background: #352929 !important;
}

/* Even *more* background colors, such as for table cells.
 * Written by TheSuperPlayer.
 */
.theme-fandomdesktop-light .page-content .general-background-gray {
    background-color: #bdbdbd;
}
.theme-fandomdesktop-dark .page-content .general-background-gray {
    background-color: #212121;
}
.theme-fandomdesktop-light .page-content .general-background-lime {
    background-color: #c1f792;
}
.theme-fandomdesktop-dark .page-content .general-background-lime {
    background-color: #405230;
}
.theme-fandomdesktop-light .page-content .general-background-yellow {
    background-color: #fffca6;
}
.theme-fandomdesktop-dark .page-content .general-background-yellow {
    background-color: #4d4c30;
}
.theme-fandomdesktop-light .page-content .general-background-cyan {
    background-color: #97fcf9;
}
.theme-fandomdesktop-dark .page-content .general-background-cyan {
    background-color: #426665;
}
.theme-fandomdesktop-light .page-content .general-background-magenta {
    background-color: #ffbfff;
}
.theme-fandomdesktop-dark .page-content .general-background-magenta {
    background-color: #4c374d;
}

/* Miscellaneous changes */
/* Use table colors for the TOC */
.page-content #toc .toctitle {
	background-color: var(--custom-table-header-background);
}
.page-content #toc ul {
	background-color: var(--custom-table-background);
}

/* Invert black images in dark mode */
body.theme-fandomdesktop-dark .math-image,
body.theme-fandomdesktop-dark img[data-image-name="Android.svg"],
body.theme-fandomdesktop-dark img[data-image-name="MacOS wordmark.svg"],
body.theme-fandomdesktop-dark img[data-image-name="IOS.svg"],
body.theme-fandomdesktop-dark img[data-image-name="IPadOS.svg"],
body.theme-fandomdesktop-dark img[data-image-name="AppleTVLogo.svg"],
body.theme-fandomdesktop-dark img[data-image-name="GearVR.svg"],
body.theme-fandomdesktop-dark img[data-image-name="Playstation logo.svg"],
body.theme-fandomdesktop-dark img[data-image-name="PS5.svg"],
body.theme-fandomdesktop-dark img[data-image-name="PS4.svg"],
body.theme-fandomdesktop-dark img[data-image-name="PS3.svg"],
body.theme-fandomdesktop-dark img[data-image-name="PSVita.svg"],
body.theme-fandomdesktop-dark img[data-image-name="Xbox Series.svg"],
body.theme-fandomdesktop-dark img[data-image-name="New Nintendo 3DS.svg"] {
    filter: hue-rotate(180deg) invert(100%) saturate(.6) brightness(2);
}

/* Hydra overrides. These should be addressed when FandomDesktop is fully rolled
 * out.
 */
/* Hydra overrides for Earth/Dungeons */
.rootpage-Minecraft_Dungeons #content,
.rootpage-Minecraft_Earth #content,
.ns-10000 #content,
.ns-10001 #content,
.ns-10002 #content,
.ns-10003 #content {
    background-color: unset;
}
/* Fix file TOC being light-themed */
#filetoc {
    border-color: var(--theme-border-color);
    background-color: var(--custom-table-background);
}

/* Fix JS links (such as in loadboxes) being too dark */
.jslink {
    color: var(--theme-link-color);
}

/* Fix horizontal lists on dark theme */
#mw-content-text .hlist li:not(:last-child)::after {
    background-color: var(--theme-page-text-color);
    height: 4px;
    width: 4px;
    border-radius: 2px;
}

/* Stikitable overrides. Should probably deprecate this class given this
 * functionality is built into FandomDesktop.
 */
.stikitable > * > tr:first-child > th::after {
    left: unset;
    border-bottom: unset;
}

/* FandomDesktop fixes: May be useful to check from time to time if these got
 * any actual fixes.
 */
/* Restore border collapsing for tables */
.ooui-theme-fandomooui .article-table,
.ooui-theme-fandomooui .wikitable {
	border-collapse: collapse;
	background-color: var(--custom-table-background);
}

/* Restore pre-FD table header text centering */
.ooui-theme-fandomooui .wikitable > tr > th,
.ooui-theme-fandomooui .wikitable > * > tr > th {
	text-align: center;
	background-color: var(--custom-table-header-background);
}

/* Restore pre-FD Hydra/Vector table paddings. 12px on all sides feels too much
 * for a desktop skin.
 */
.ooui-theme-fandomooui .article-table tr td,
.ooui-theme-fandomooui .article-table tr th,
.ooui-theme-fandomooui .wikitable tr td,
.ooui-theme-fandomooui .wikitable tr th {
	padding: 0.2em 0.4em;
}

/* Fix issues with tables using rowspan / colspan */
.ooui-theme-fandomooui .article-table tr td:first-child,
.ooui-theme-fandomooui .article-table tr th:first-child,
.ooui-theme-fandomooui .wikitable tr td:first-child,
.ooui-theme-fandomooui .wikitable tr th:first-child {
    border: 1px solid var(--theme-border-color);
}

/* Fix FD setting box-sizing to border-box by default, and some elements assume
 * the other option.
 */
.invslot {
	box-sizing: content-box;
}

/* Fix FD collapsing navbox borders */
.navbox,
.navbox table {
	border-collapse: separate;
	border-spacing: 2px;
}

/* Fix some height declarations being inappropriate with FD */
#msupload-dropzone,
.wikiEditor-ui-toolbar .page-characters div span {
	height: unset;
}

/* Fix class name overuse */
.wikiEditor-ui-toolbar .page {
	margin-top: 0;
}

/* Fix page history headers being broken into several lines */
div.mw-history-subtitle {
	display: inline-block;
}

/* Fix many special page forms having no styling at all */
#mw-history-searchform > fieldset,
#mw-Protect-Form > fieldset,
#mw-abusefilter-editing-form > fieldset,
#mw-upload-form > fieldset,
.mw-special-MergeHistory fieldset,
.mw-special-Whatlinkshere fieldset,
.mw-special-Import fieldset {
	border: 1px solid #2a4b8d;
	margin: 1em 0 1em 0;
	padding: 0 1em 1em;
}
#mw-history-searchform > fieldset legend,
#mw-Protect-Form > fieldset legend,
#mw-abusefilter-editing-form > fieldset legend,
#mw-upload-form > fieldset legend,
.mw-special-MergeHistory fieldset legend,
.mw-special-Whatlinkshere fieldset legend,
.mw-special-Import fieldset legend {
	padding: 0.5em;
}

/* Fix cramped infoboxes */
.infobox-rows th,
.infobox-rows td {
	padding: 4px;
}

/* Fix indentation with `:` having too much padding */
.page-content dl {
    margin: 0;
}

/* Fix the VE/Source button messing up the 2010 editor */
.wikiEditor-ui .oo-ui-toolbar-bar {
    padding: 0;
}
.wikiEditor-ui .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle {
    padding: 16px 8px;
}

/* Fix arrows in enhanced recent changes */
.mw-enhancedchanges-arrow-space {
	height: 19px;
}

/* Fix broken VE popups */
.oo-ui-popupWidget-popup {
	padding: 0;
}

/* Fix improper notification styling on dark mode */
.mw-notification {
    background-color: var(--custom-background-grey);
    border-color: var(--custom-border-grey);
    color: var(--theme-page-text-color);
}
.mw-notification.mw-notification-type-warn {
    background-color: var(--custom-background-yellow-highlight);
    border-color: var(--custom-border-yellow-highlight);
}
.mw-notification.mw-notification-type-error {
    background-color: var(--custom-background-red-highlight);
    border-color: var(--custom-border-red-highlight);
}
body.theme-fandomdesktop-dark .postedit::after {
	filter: invert(100%);
}

/* Fix "this document contains errors" using an inappropriate color with dark
 * mode
 */
.oo-ui-messageDialog-message {
	color: var(--theme-page-text-color);
}

/* Fix various infobox changes (by ItsPlantseed) */
.notaninfobox {
    box-sizing: content-box;
}

.notaninfobox .infobox-rows {
    word-break: break-word;
}

.infobox-rows li > span,
.infobox-rows .hlist > span {
    white-space: normal !important;
    word-break: break-word;
}

/* Fix table alignment inheritance (once again by ItsPlantseed) */
.article-table tr td,
.wikitable tr td {
    text-align: inherit;
}

/* Fix dark theme recent changes (incl. enhanced filters) */
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey td:not(:nth-child(-n+2)) {
	background-color: hsl(195, 11%, 15%);
}

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: hsl(193, 45%, 15%);
}

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
	background-color: hsl(167, 53%, 12%);
}

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: hsl(45, 100%, 12%);
}

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
	background-color: hsl(20, 100%, 15%);
}

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
	background-color: hsl(0, 75%, 15%);
}

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5,
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5 tr:first-child,
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
    background-color: hsl(30, 85%, 15%);
}

body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4,
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4 tr:first-child,
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
body.theme-fandomdesktop-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-highlight-color-c3.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
	background-color: hsl(56, 37%, 15%);
}

body.theme-fandomdesktop-dark .mw-plusminus-pos {
    color: hsl(120, 80%, 50%);
}

body.theme-fandomdesktop-dark .mw-plusminus-neg {
	color: hsl(0, 90%, 70%);
}

/* Fix Fandom breaking enhanced RC even further, basically giving up on the dark
 * theme
 */
body.theme-fandomdesktop-dark .mw-rcfilters-highlighted {
    color: var(--theme-page-text-color);
}
body.theme-fandomdesktop-dark .mw-rcfilters-highlighted a {
    color: var(--theme-link-color);
}
body.theme-fandomdesktop-dark .mw-rcfilters-highlighted a.new {
    color: var(--theme-alert-color);
}
body.theme-fandomdesktop-dark .unpatrolled {
    color: var(--theme-alert-color);
}
body.theme-fandomdesktop-dark .autocomment,
body.theme-fandomdesktop-dark .autocomment a,
body.theme-fandomdesktop-dark .autocomment a:visited {
    color: #92999d;
}
Community content is available under CC BY-NC-SA unless otherwise noted.
More Fandoms