MediaWiki:Fandomdesktop.css

/* CSS placed here will affect users of the Fandomdesktop skin */ .fandom-community-header__background::before { background-image: linear-gradient(to bottom,var(--theme-body-background-color) 0%,hsla(0,0%,100%,0)); }

.page { border: 1px solid #108ABD; border-image: linear-gradient(#108ABD 0%, #000000 20%, #000000 80%, #108ABD 100%) 1; box-shadow: inset 0 0 10px rgba(0,0,0,0.5), inset 0 0 1px #108ABD, 0 0 10px rgba(0,0,0,0.75); }

/* The following section is necessary for most of the Notice templates */ /* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: var(--theme-border-color); padding: 0.25em 1em 0; font-size: 95%; }

.ambox { background-color: var(--theme-page-text-mix-color-95); border-bottom-color: var(--theme-link-dynamic-color-2); border-right-color: var(--theme-link-dynamic-color-2); border-top-color: var(--theme-link-dynamic-color-2); }

/* Many wikis will have their own version of this code */ /* INFOBOXES: game or book depended color style */ .infoboxtable { background-color: rgba(var(--theme-body-background-color--rgb), 0); border-color: var(--theme-border-color); color: var(--theme-page-text-color); }

.infoboxtable td > div { background-color: var(--theme-page-text-mix-color-95); }

.infoboxname { background-color: var(--theme-page-text-mix-color-95); }

/* copyright images tweak */ .theme-fandomdesktop-dark .copyright-icon { background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png"); background-size: 100%; height: 32px; width: 32px; }

.theme-fandomdesktop-light .copyright-icon { background: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat; background-size: 100%; height: 32px; width: 32px; }

.theme-fandomdesktop-dark .feature { background: rgba(var(--theme-accent-dynamic-color-1--rgb), 0.01); border: 1px solid rgba(var(--theme-accent-dynamic-color-1--rgb), 0.05); border-radius: 5px; padding: 10px; }

.theme-fandomdesktop-light .feature { background: rgba(var(--theme-page-dynamic-color-1--rgb), 0.05); border: 1px solid rgba(var(--theme-page-dynamic-color-1--rgb), 0.2); border-radius: 5px; padding: 10px; }

/* Navbox template style */ table.navbox { border: 1px solid var(--theme-border-color); }

/* Base background */ .navbox, .navbox-subgroup { background: rgba(var(--theme-body-background-color--rgb), 0.1); /* alternative rgba(var(--theme-body-dynamic-color-1--rgb), 0.2) */ }

.navbox-list { border-color: rgba(var(--theme-body-background-color--rgb), 0.1); /* Must match background color */ }

/* Level 1 color */ .navbox-title, table.navbox th { background: rgba(var(--theme-body-background-color--rgb), 0.2); /* alternative rgba(var(--theme-body-dynamic-color-1--rgb), 0.2) */ color: var(--theme-body-text-color); }

/* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--theme-body-background-color--rgb), 0.2); color: var(--theme-body-text-color); }

/* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: rgba(var(--theme-body-background-color--rgb), 0.1); /* alternative rgba(var(--theme-page-dynamic-color-1--rgb), 0.05) */ color: var(--theme-body-text-color); }

/* Even row striping */ .navbox-even { background: rgba(var(--theme-page-dynamic-color-1--rgb), 0.1); /* alternative rgba(var(--theme-page-dynamic-color-1--rgb), 0.05) */ color: var(--theme-body-text-color); } /* End of new Navbox styling */

/* Front page appearance styles */ .fpbox .heading, .fpbox .mainheading { border: 0; border-bottom: 1px solid var(--theme-border-color); }

.fpbox { background: rgba(var(--theme-body-background-color--rgb), 0.05); /* alternative rgba(var(--theme-page-dynamic-color-1--rgb), 0.05) */ border: 1px solid var(--theme-border-color); box-shadow: 0 2px 5px var(--theme-border-color); }

.fplink:not(.fplink-plain) { background: rgba(var(--theme-body-background-color--rgb),0.3); /* alternative rgba(var(--theme-page-dynamic-color-1--rgb), 0.3) */ border: 1px solid var(--theme-border-color); }

.fplink-fullwidth .fplink:not(.fplink-plain) { background: rgba(var(--theme-body-background-color--rgb), 0.4); /* alternative rgba(var(--theme-page-dynamic-color-1--rgb), 0.4) */ }

.linkslabel { border-bottom: 2px solid var(--theme-border-color); }