MediaWiki:Fandomdesktop.css

/*****************/ /* Shared Styles */ /*****************/ .infoblock, /* Template:Main Page Infoblocks */ .mbox /* Template:Mbox */ { background-color: rgba(0,0,0,0.2); }

/* Template:NIWAnav */ background-color: var(--theme-page-background-color); }
 * 1) NIWA-nav .cell {

/***************/ /* Light Theme */ /***************/

/* Main Page Logo and Site Logo */ .theme-fandomdesktop-light #mf-zw-logo, .theme-fandomdesktop-light .fandom-community-header__image img { filter: invert(0.9); }

/***************/ /* Dark Theme */ /***************/

/* Tabs */ .tabcontainer .tab { color: white; }

.theme-fandomdesktop-dark .tabcontainer .tab { border-color: #426787; }

.theme-fandomdesktop-light .tabcontainer .tab { border-color: #8fbfe8; }

.theme-fandomdesktop-dark .tabcontainer .tab { background-color: #1d578b; background-image:-webkit-linear-gradient(top, #1D679B, #1A4E7D); background-image:  -moz-linear-gradient(top, #1D679B, #1A4E7D); background-image:   -ms-linear-gradient(top, #1D679B, #1A4E7D); background-image:    -o-linear-gradient(top, #1D679B, #1A4E7D); background-image:       linear-gradient(top, #1D679B, #1A4E7D); }

.theme-fandomdesktop-light .tabcontainer .tab { background-color: #4fa0e4; background-image:-webkit-linear-gradient(top, #4fa0e4, #235f92); background-image:  -moz-linear-gradient(top, #4fa0e4, #235f92); background-image:   -ms-linear-gradient(top, #4fa0e4, #235f92); background-image:    -o-linear-gradient(top, #4fa0e4, #235f92); background-image:       linear-gradient(top, #4fa0e4, #235f92); }

.theme-fandomdesktop-dark .tabcontainer .tab:hover { background-color:#24527c; background-image:-webkit-linear-gradient(top, #305f89, #17456E); background-image:  -moz-linear-gradient(top, #305f89, #17456E); background-image:   -ms-linear-gradient(top, #305f89, #17456E); background-image:    -o-linear-gradient(top, #305f89, #17456E); background-image:       linear-gradient(top, #305f89, #17456E); }

.theme-fandomdesktop-light .tabcontainer .tab:hover { background-color:#0d68b5; background-image:-webkit-linear-gradient(top, #0d68b5, #4fa0e4); background-image:  -moz-linear-gradient(top, #0d68b5, #4fa0e4); background-image:   -ms-linear-gradient(top, #0d68b5, #4fa0e4); background-image:    -o-linear-gradient(top, #0d68b5, #4fa0e4); background-image:       linear-gradient(top, #0d68b5, #4fa0e4); }

.theme-fandomdesktop-dark .tabcontainer .tab.active { background-color:#17456e !important; background-image:-webkit-linear-gradient(top, #1D578B, #17456E); background-image:  -moz-linear-gradient(top, #1D578B, #17456E); background-image:   -ms-linear-gradient(top, #1D578B, #17456E); background-image:    -o-linear-gradient(top, #1D578B, #17456E); background-image:       linear-gradient(top, #1D578B, #17456E); }

/* Button-like gradient background */ .theme-fandomdesktop-dark .gradient { background-image:-webkit-linear-gradient(top, #2D679B, #1A4E7D); background-image:  -moz-linear-gradient(top, #2D679B, #1A4E7D); background-image:   -ms-linear-gradient(top, #2D679B, #1A4E7D); background-image:    -o-linear-gradient(top, #2D679B, #1A4E7D); background-image:       linear-gradient(top, #2D679B, #1A4E7D); }

.theme-fandomdesktop-dark .gradient:hover { background-image:-webkit-linear-gradient(top, #227777, #1A4E7D); background-image:  -moz-linear-gradient(top, #227777, #1A4E7D); background-image:   -ms-linear-gradient(top, #227777, #1A4E7D); background-image:    -o-linear-gradient(top, #227777, #1A4E7D); background-image:       linear-gradient(top, #227777, #1A4E7D); }

/* Reverse gradient */ .theme-fandomdesktop-dark .rgradient { background-image:-webkit-linear-gradient(bottom, #2D679B, #1A4E7D); background-image:  -moz-linear-gradient(bottom, #2D679B, #1A4E7D); background-image:   -ms-linear-gradient(bottom, #2D679B, #1A4E7D); background-image:    -o-linear-gradient(bottom, #2D679B, #1A4E7D); background-image:       linear-gradient(bottom, #2D679B, #1A4E7D); }

.theme-fandomdesktop-dark .rgradient:hover { background-image:-webkit-linear-gradient(bottom, #227777, #1A4E7D); background-image:  -moz-linear-gradient(bottom, #227777, #1A4E7D); background-image:   -ms-linear-gradient(bottom, #227777, #1A4E7D); background-image:    -o-linear-gradient(bottom, #227777, #1A4E7D); background-image:       linear-gradient(bottom, #227777, #1A4E7D); }

/* Template:Main Page Categories */ .theme-fandomdesktop-light .main-page-category-item-caption a { background: #4fa0e4; }

.theme-fandomdesktop-light .main-page-category-item-caption a:hover { background: #0d80e0; }

.theme-fandomdesktop-dark .main-page-category-item-caption a { background: #17568c; }

.theme-fandomdesktop-dark .main-page-category-item-caption a:hover { background: rgba(0,0,0,0.1); }