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.
/* User Profile Customisation */
/* 1. - Light Theme CSS */
/* 2. - Dark Theme CSS */
/** Author: @Aeywoo **/
@import url("/load.php?mode=articles&articles=MediaWiki:Staff.css&only=styles");
a[data-tracking-label="whatlinkshere"],
a[data-tracking-label="recentchangeslinked"] {
color: var(--theme-link-color) !important;
font-weight: inherit !important;
}
/* Light Theme CSS */
/** Fixes contrasting issues with the background of messages **/
.theme-fandomdesktop-light #userProfileApp {
background-color: transparent !important; /* This basically nulls the background-color entry */
}
/** Makes the dot separating the Users name and the date sent bigger and further apart **/
.theme-fandomdesktop-light .EntityHeader_middot__2f4XC {
padding: 0 8px;
font-size: 20px;
}
/* Colour Defaults */
/** Sets H1 to Default Colour & Font **/
.theme-fandomdesktop-light #userProfileApp .user-identity-header__attributes > h1 {
color: #3A3A3A;
font-size: 28px;
font-family: rubik,helvetica,arial,sans-serif;
/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
}
/* Sets H2 to Default Colour & Font */
.theme-fandomdesktop-light #userProfileApp .user-identity-header__attributes > h2 {
color: #3A3A3A;
font-family: rubik,helvetica,arial,sans-serif;
/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
}
/* Sets H2 Span to Default Colour & Font */
.theme-fandomdesktop-light #userProfileApp .user-identity-header__attributes > h2 span {
color: #3A3A3A;
font-family: rubik,helvetica,arial,sans-serif;
/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
}
/* Sets User Edit Counter to Default Colour & Font Weight Since $href= will override it's predefined colour */
.theme-fandomdesktop-light #userProfileApp ul.user-identity-stats a {
color: var(--theme-page-text-color) !important;
font-weight: normal !important;
}
/* Sets the default font-weight for the User Name */
.theme-fandomdesktop-light.skin-fandomdesktop .page-header__title {
font-weight: normal;
}
/* Sets Navigation Links to Default Colour Since $href= will override it's predefined colour */
.theme-fandomdesktop-light #userProfileApp .user-profile-navigation__link a {
color: var(--theme-page-text-color) !important;
font-weight: inherit;
}
.theme-fandomdesktop-light #userProfileApp .user-profile-navigation__link.is-active,
.theme-fandomdesktop-light #userProfileApp .user-profile-navigation__link.is-active a {
border-bottom-color: var(--theme-page-text-color) !important;
color: var(--theme-page-text-color) !important;
}
/* Sets Social Icons to Default Colour Since href$= could interfere with it's preset colour */
.theme-fandomdesktop-light #userProfileApp .user-identity-social__icon {
color: var(--theme-link-color) !important;
}
/* Changes the WhatLinksHere and RecentChanges links on the right rail to default static/hover colour */
.theme-fandomdesktop-light a[data-tracking-label="whatlinkshere"]:hover,
.theme-fandomdesktop-light a[data-tracking-label="whatlinkshere"]:active,
.theme-fandomdesktop-light a[data-tracking-label="whatlinkshere"]:visited,
.theme-fandomdesktop-light a[data-tracking-label="recentchangeslinked"]:hover,
.theme-fandomdesktop-light a[data-tracking-label="recentchangeslinked"]:active,
.theme-fandomdesktop-light a[data-tracking-label="recentchangeslinked"]:visited {
color: #000 !important;
}
/* Dark Theme CSS */
/** Fixes contrasting issues with the background of messages **/
.theme-fandomdesktop-dark #userProfileApp {
background-color: transparent !important; /* This basically nulls the background-color entry */
}
/** Makes the dot separating the Users name and the date sent bigger and further apart **/
.theme-fandomdesktop-dark .EntityHeader_middot__2f4XC {
padding: 0 8px;
font-size: 20px;
}
/* Colour Defaults */
/** Sets H1 to Default Colour & Font **/
.theme-fandomdesktop-dark #userProfileApp .user-identity-header__attributes > h1 {
color: #E6E6E6;
font-size: 28px;
font-family: rubik,helvetica,arial,sans-serif;
/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
}
/* Sets H2 to Default Colour & Font */
.theme-fandomdesktop-dark #userProfileApp .user-identity-header__attributes > h2 {
color: #E6E6E6;
font-family: rubik,helvetica,arial,sans-serif;
/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
}
/* Sets H2 Span to Default Colour & Font */
.theme-fandomdesktop-dark #userProfileApp .user-identity-header__attributes > h2 span {
color: #E6E6E6;
font-family: rubik,helvetica,arial,sans-serif;
/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
}
/* Sets User Edit Counter to Default Colour & Font Weight Since $href= will override it's predefined colour */
.theme-fandomdesktop-dark #userProfileApp ul.user-identity-stats a {
color: var(--theme-page-text-color) !important;
font-weight: normal !important;
}
/* Sets the default font-weight for the User Name */
.theme-fandomdesktop-dark.skin-fandomdesktop .page-header__title {
font-weight: normal;
}
/* Sets Navigation Links to Default Colour Since $href= will override it's predefined colour */
.theme-fandomdesktop-dark #userProfileApp .user-profile-navigation__link a {
color: var(--theme-page-text-color) !important;
font-weight: inherit;
}
.theme-fandomdesktop-dark #userProfileApp .user-profile-navigation__link.is-active,
.theme-fandomdesktop-dark #userProfileApp .user-profile-navigation__link.is-active a {
border-bottom-color: var(--theme-page-text-color) !important;
color: var(--theme-page-text-color) !important;
}
/* Sets Social Icons to Default Colour Since href$= could interfere with it's preset colour */
.theme-fandomdesktop-dark #userProfileApp .user-identity-social__icon {
color: var(--theme-link-color) !important;
}
/* Changes the WhatLinksHere and RecentChanges links on the right rail to default static/hover colour */
.theme-fandomdesktop-dark a[data-tracking-label="whatlinkshere"]:hover,
.theme-fandomdesktop-dark a[data-tracking-label="whatlinkshere"]:active,
.theme-fandomdesktop-dark a[data-tracking-label="whatlinkshere"]:visited,
.theme-fandomdesktop-dark a[data-tracking-label="recentchangeslinked"]:hover,
.theme-fandomdesktop-dark a[data-tracking-label="recentchangeslinked"]:active,
.theme-fandomdesktop-dark a[data-tracking-label="recentchangeslinked"]:visited {
color: #EBDECC !important;
font-weight: 500 !important;
}