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.
/* Right rail color fix */
.page__right-rail {
background-color: var(--theme-page-background-color);
}
/* Right rail module padding */
.right-rail-wrapper .rail-module {
padding: 10px;
}
/* Transparent content area */
.page__main {
background-color: rgba(var(--theme-page-background-color--rgb), 0.94);
}
/* Sets links weight from bold to inherit */
.page-content .mw-parser-output a {
font-weight: inherit;
}
/* Bold page header */
.page-header__title {
font-weight: 500;
}
/* Stylings for [[Template:Dropdown]] */
.custom-dropdown {display: inline-block; padding: 1px 8px}
.custom-dropdown > :first-child:after {background-image: url("data:image/gif; base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D"); border-color: white transparent transparent; border-style: solid; border-width: 4px; content: ""; display: inline-block; height: 1px; margin-left: 4px; margin-top: 2px; position: relative; vertical-align: middle; width: 1px}
.custom-dropdown:hover {border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: -1px}
.custom-dropdown ul {list-style: none outside none; min-width: 100%; top: auto; display: none; margin: 0; position: absolute; z-index: 100}
.custom-dropdown:hover ul, .custom-dropdown.wikia-menu-button:hover ul {display: block}
.custom-dropdown li a {font-size: 12px; height: 14px; line-height: 14px}
/* UCP fixes for [[Template:Dropdown]] */
.custom-dropdown.wikia-menu-button {/* non-overridden declarations from <buttons-wikia.scss> follow: */; background-color: var(--theme-accent-color); /* TODO: maybe set `background-image` to `linear-gradient(to bottom, $color-button-highlight 35%, var(--theme-accent-color) 65%)` */; border: 1px solid var(--theme-accent-color); border-radius: 4px; color: var(--theme-accent-label-color); cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 12px; height: 19px; line-height: 20px; white-space: nowrap; ; /* non-overridden declarations from <buttons-wikia-menu.scss> follow: */; list-style: none; margin: 0; position: relative; text-align: left;}
.custom-dropdown.wikia-menu-button a {text-decoration: none;}
.custom-dropdown.wikia-menu-button ul {background: var(--theme-page-background-color); border: 1px solid var(--theme-accent-color); display: none; left: -1px; margin: 0; position: absolute; z-index: 100; box-shadow: 1px 2px 12px 0 #000;
}
.custom-dropdown.wikia-menu-button ul a,
.custom-dropdown.wikia-menu-button ul .mw-selflink {color: var(--theme-page-text-color); display: block; padding: 0;}
.custom-dropdown.wikia-menu-button ul a:hover {background-color: var(--theme-page-background-color--secondary);
; /* extra UCP crap follows: */; color: var(--theme-page-text-color);}
.custom-dropdown.wikia-menu-button ul li {border-top: 1px solid var(--theme-border-color); line-height: normal; ; /* extra UCP crap follows: */; margin: 0;}
.custom-dropdown.wikia-menu-button ul li:first-child {border: 0;}
.custom-dropdown.wikia-menu-button .WikiaMenuElement {margin: 0;}
/* Fixing image misalignment */
.thumb a.image {display:inline-block;width:100%}
.thumb a .thumbimage {width:100%;height:auto}
/* QuickBar color fix on dark theme */
.theme-fandomdesktop-dark #WikiaBar .WikiaBarWrapper, .theme-fandomdesktop-dark #WikiaBar .wikia-bar-collapse {
background-color:#210432;
}
.theme-fandomdesktop-dark #WikiaBar .tools-menu {
background-color:#41364d;
}
/* Dark theme logo */
/* Site logo and nav adjustment for dark theme readability */
.theme-fandomdesktop-dark .fandom-community-header__image img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1) drop-shadow(0 0 9px #aa7dff);
}
.theme-fandomdesktop-dark .fandom-sticky-header__logo img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1) drop-shadow(0 0 9px #aa7dff);
}
/*.theme-fandomdesktop-dark .fandom-community-header__image img {
filter: drop-shadow(0 0 4px #aa7dff);
}
.theme-fandomdesktop-dark .fandom-sticky-header__logo img {
filter: drop-shadow(0 0 9px #aa7dff);
}*/
.theme-fandomdesktop-dark .fandom-community-header {
filter: drop-shadow(0px 0px 2px #000) drop-shadow(0px 0px 2px #000) drop-shadow(0px 0px 6px #000);
z-index: 200;
}
/* Removing home heading on Main Page */
.mainpage h1.page-header__title {
display:none
}
/* User infobox tweak on dark theme */
body.theme-fandomdesktop-dark .infobox-row {
background: var(--theme-page-background-color);
}
/* Purple layer for slider */
.theme-fandomdesktop-dark .portal_body {
padding: 0px 10px;
background-color: rgb(0 0 105 / 25%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Removes extraneous bottom-border from infoboxes */
.portable-infobox .pi-data {
border-bottom: 0;
}
/* Removes large space between paragraphs and fixes formatting issues with bullet points */
.page-content p {
margin-top: 5px;
margin-bottom: 0;
}
.page-content p+p {
margin-top: 10px;
}
.page-content ol, .page-content ul {
margin: 6px 0 0 36px;
}
/* Animated logo glow */
@keyframes glow {
from {
filter: drop-shadow(0 0 10px #FFF);
}
to {
filter: drop-shadow(0 0 10px #000);
}
}
/*.fandom-community-header__image img {
animation-name: glow;
animation-duration: 2s;
animation-iteration-count: 30;
animation-direction: alternate;
animation-timing-function: linear;
box-shadow: unset;
}*/
/* Pride QuickBar styling
#WikiaBar .WikiaBarWrapper {
background-image: url(https://images.wikia.com/lostris/images/archive/4/43/20230603134510%21Pride_triangles.png), linear-gradient(90deg,#FFFFFF40,#00000000,#FFFFFF40);
background-size: auto 100%;
color: #fff;
}
#WikiaBar .wikia-bar-collapse {
background-image:linear-gradient(to top, #565656 20%, #b85d3d 40%, #74d5ff 50%, #fe93fc 60%, #e8e9ea 75%);
border:solid 1px #FFF;
color: #000;
}
.WikiaBarWrapper .tools .wds-dropdown__toggle>a, .WikiaBarWrapper .tools>li>a, .WikiaBarWrapper .tools .wds-dropdown__toggle>svg, .WikiaBarWrapper .tools>li>svg {
color:#fff;
filter: drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 0px #000) drop-shadow(0px 0px 0px #000);
}
.WikiaBarWrapper .arrow .close-icon {
color: #fff957;
background-color: #000;
}
#WikiaBar .custom.menu {
background-image:linear-gradient(to top, #565656 10%, #b85d3d 25%, #74d5ff 50%, #fe93fc 70%, #e8e9ea 95%);
border: solid 2px #000;
border-radius:10px;
}
#WikiaBar .custom.menu .wds-dropdown__content {
border: 5px solid;
border-image: linear-gradient(to bottom right, #e8e9ea 10%, #fe93fc 25%, #74d5ff 50%, #b85d3d 70%, #565656 85%);
border-image-slice: 1;
}
#WikiaBar .custom.menu .wds-dropdown__content h2 {
font-size:16px;
}*/
/* Community header link styling */
.fandom-community-header .hover-community-header-wrapper {
-webkit-border-radius:11px;
padding:3px;
background:linear-gradient(to right,#fa005a 5%, #ff6400 15%, #ffc500 45%, #1c8969 65%, #00b7c6 80%, #b2388e 95%);
border-image-slice: 30%;
}
.theme-fandomdesktop-light .fandom-community-header .message {
padding-left:4px;
padding-right:4px;
-webkit-border-radius:8px;
background-color: rgba(255,255,255,.8);
color:#000;
font-size:11px;
text-align:center;
text-decoration:underline;
}
.theme-fandomdesktop-dark .fandom-community-header .message {
padding-left:4px;
padding-right:4px;
-webkit-border-radius:8px;
background-color: rgba(0,0,0,.6);
color:#FFF;
font-size:11px;
text-align:center;
text-decoration:underline;
}
/* Glow and dark-theme drop shadow for banner */
.hover-community-header-wrapper {
animation-name: glow;
animation-duration: 2s;
animation-iteration-count: 30;
animation-direction: alternate;
animation-timing-function: linear;
box-shadow: unset;
}
.theme-fandomdesktop-dark .hover-community-header-wrapper {
filter: drop-shadow(0 0 4px #aa7dff);
}