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.
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:RefreshedNotifications.css&only=styles");
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ModernCommentsSection.css&only=styles");
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedBloglists/code.css&only=styles");
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedDropdowns.css&only=styles");
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FanFeedEnhancements.css&only=styles";
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:GlobalNavigationIcons.css&only=styles";
a.external::after {
-webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-external-small.svg");
mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-external-small.svg");
background: currentColor !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
width: 10px !important;
height: 10px !important;
}
/* Notifications at the bottom of the website */
.WikiaNotifications li div {
box-shadow: none;
background-image: none;
max-width: 200px;
padding: 16px;
border-radius: 0;
}
.WikiaNotifications li div a {
font-weight: bold;
}
.WikiaNotifications li div a:hover {
filter: brightness(85%);
transition: .3s;
}
/*Community Header and Search must be in Rubik*/
input {
font-family: Rubik !important;
}
.wds-community-header {
font-family:Rubik;
}
/* Making the underline hover a bit more stylish (credits to Applemasterexpert Wiki for this code!) */
a {
/* makes a bar slide across the bottom of links when hovered over */
text-decoration: none;
display: inline;
padding-bottom: 0px;
transition: all 0.35s linear;
background: linear-gradient(to bottom, #007bff 0%, #007bff 98%);
background-size: 0px 2px;
background-repeat: no-repeat;
background-position: left 100%;
}
a:hover {
/* activates the hover slide */
background-size: 100% 2px;
text-decoration: none;
}