Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/*****************/
/* Shared Styles */
/*****************/
.infoblock, /* [[Template:Main Page Infoblocks]] */
.mbox /* [[Template:Mbox]] */ {
background-color: rgba(0,0,0,0.2);
}
/* [[Template:NIWAnav]] */
#NIWA-nav .cell {
background-color: var(--theme-page-background-color);
}
ol.references li:target, sup.reference:target {
background-color: var(--theme-accent-color);
}
/***************/
/* 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);
}
/* Portable Infoboxes */
.portable-infobox {
background-color: var(--theme-page-text-mix-color-95);
}