MediaWiki:Fandomdesktop.css

/* Lua import */ @import url('//dev.wikia.com/load.php?mode=articles&articles=MediaWiki:Global_Lua_Modules/NavboxBuilder.css&only=styles');

/* Classes */ .coloraccent { background: var(--theme-accent-color) } .colorback { background: var(--theme-page-background-color--secondary); border-bottom: 1px solid var(--theme-border-color); } .colorbackend { background: var(--theme-page-background-color--secondary); } .titleexpansionmagic { max-width: 100%; border-radius: 3px; }

/* Banner peak */ .community-header-wrapper { height: 136px; }

/* Theme color variants */
 * root, .theme-fandomdesktop-dark {

--theme-page-background-color--secondary: #1d181b !important; --theme-page-background-color--tertiary: #24141f !important; --theme-accent-color--hover: #d1038c !important --theme-community-header-color: #FFFFFF !important; --theme-community-header-color--hover: #cccccc !important; }
 * root, .theme-fandomdesktop-light {

--theme-page-background-color--secondary: #e8e3e6 !important; --theme-page-background-color--tertiary: #e2cadb !important; --theme-accent-color--hover: #e6cbdc !important --theme-community-header-color: #FFFFFF !important; --theme-community-header-color--hover: #cccccc !important; }

/* Getting rid of the unneeded Feed text */ .activity-summary { display: none; justify-content: space-between; }

/* Lua navbox */ .navbox-table-layout .navbox-group, .navbox-table-layout .navbox-subgroup { background: var(--theme-page-background-color--tertiary) !important; }

.table-wide::before { box-shadow: none !important; }

.navbox-table-wrapper { margin: unset; margin-top: unset; overflow: hidden; }

.navbox-title { padding: 6px !important; } .navbox-list.navbox-padding.hlist.color2 { background: var(--theme-page-background-color--secondary) !important; } navbox-title.titleexpansionmagic { color: var(--theme-body-text-color) !important; } .titleexpansionmagic { background-color: var(--theme-accent-color) !important; transition-duration: .2s !important; border-radius: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .table-wide-inner { margin: 0em 0em 0em 0em !important; } .navbox-table, navbox-title.titleexpansionmagic { border-spacing: unset; } navbox-title.titleexpansionmagic { background: var(--theme-accent-color) !important; transition: background; transition-duration: .2s; } .navbox > .mw-collapsible-toggle:hover { background: var(--theme-accent-color--hover) !important; transition: background; transition-duration: .2s; } .navbox-table .navbox-padding { padding: .34em 0.34em; }

/* To make community header immune to .wds-tabs changes */ .fandom-community-header .fandom-community-header__local-navigation .medium-navigation { justify-content: left; } .fandom-community-header__local-navigation .extra-large-navigation, .fandom-community-header__local-navigation .large-navigation, .fandom-community-header__local-navigation .medium-navigation, .fandom-community-header__local-navigation .small-navigation { justify-content: left; }

/* Tabber */ .wds-tabs__wrapper.with-bottom-border { border-bottom: none !important; }

/* Table */ .skin-fandomdesktop .jquery-tablesorter th.headerSort:hover { background: var(--theme-accent-color--hover); transition: 0.2s; } .skin-fandomdesktop .jquery-tablesorter th.headerSort { background: var(--theme-accent-color); transition: 0.2s; } .article-table tr td, .article-table tr th, .wikitable tr td, .wikitable tr th { border-left: none; background: var(--theme-page-background-color--secondary); border-top: unset; } .article-table, .wikitable { border: none; } .article-table-wrapper { border-top-left-radius: 3px; border-top-right-radius: 3px; }

.portable-infobox { --pi-background: var(--theme-page-background-color--secondary) !important; width: 300px; }

/* Infobox gallery/stat tabs */ .wds-tabs { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-evenly; flex-flow: wrap; overflow: unset; } .pi-section-tab, .wds-tabs__tab { position: relative; text-align: center; flex-grow: 1 !important; overflow-x: unset; color: var(--theme-link-color); }

.pi-section-tab, .wds-tabs__tab:hover { color: var(--theme-link-color--hover); } .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 currentColor; transition: box-shadow; transition-duration: 0.3s; } .wds-tabs__tab.wds-is-current:hover { box-shadow: inset 0 -2px 0 0 var(--theme-link-color--hover); transition: box-shadow; transition-duration: 0.3s; } .wds-tabs__wrapper .wds-tabs { overflow-x: unset; }

/* Infobox contents */ .pi-image { margin-top: 3px !important; } .pi-header { transition: 0.2s; } .pi-item.pi-group.pi-border-color.pi-collapse .pi-header:hover { background: var(--theme-accent-color--hover); transition: 0.2s; } .pi-smart-group .pi-smart-data-value { margin: 0 0 !important; } .pi-smart-group-head:nth-child(2n) + .pi-smart-group-body:nth-child(2n) { background: var(--theme-page-background-color--tertiary); } .pi-smart-group-head + .pi-smart-group-body { border-top-width: 0; } .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { padding: 3px 9px; }

/* Make Mod page button */ .mw-ui-button.mw-ui-progressive { background-color: var(--theme-accent-color) !important; border: none !important; } .mw-ui-button.mw-ui-progressive:hover { background-color: var(--theme-accent-color--hover) !important; }

.mw-ui-input:focus { border-color: var(--theme-accent-color--hover); box-shadow: inset 0 0 0 1px var(--theme-accent-color--hover); outline: 0; }

/* Slot coin visual for categories */ .category-page__trending-page-thumbnail { border: unset !important; border-bottom: 3px solid var(--theme-border-color) !important; }	max-width: 9em; }	display: flex !important; padding-bottom: 20px !important; } /* mcf color fix */ .mcf-wrapper { background-color: var(--theme-page-background-color--secondary); padding: 24px 36px; } h1.mcf-header { color: var(--theme-page-text-color); }
 * 1) content .category-page__trending-page {
 * 1) content .category-page__trending-pages {

/* Confirmation color fix */ .oo-ui-messageDialog-title, .oo-ui-messageDialog-message { color: var(--theme-page-text-color); }