MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');


 * root .theme-fandomdesktop-dark {

--user-tag: rgba(62, 46, 46, 1); --user-tag-color: rgba(255, 155, 155, 1); --user-name: rgba(212, 108, 108, 1); --user-alias: rgba(222, 221, 237, 1); color-scheme: dark }


 * root .theme-fandomdesktop-light {

--user-tag: rgb(211 211 211); --user-tag-color: rgb(0 0 0); --user-name: rgb(28 31 46); --user-alias: rgb(26 26 26); color-scheme: light }

border-bottom: 2px solid var(--theme-link-color); box-shadow: inset 0px -13px 10px -16px var(--theme-link-color); opacity: 1; font-weight: 500 !important }
 * 1) userProfileApp .user-profile-navigation__link.is-active {

.fandom-community-header__community-name { font-size: 32px; font-family: 'Inter' }

background-color: var(--user-tag); border-radius: 2rem; color: var(--user-tag-color); display: inline-block }
 * 1) userProfileApp .user-identity-header__tag {

display: none }
 * 1) userProfileApp .user-identity-header__attributes>h2 span {

display: block; color: var(--user-name); height: 36px; font-weight: 700; font-family: 'Inter' }
 * 1) userProfileApp .user-identity-header__attributes>h1 {

content: "|" !important; color: var(--user-name) }
 * 1) userProfileApp ul.user-identity-stats>li:not(:first-child):before {

font-size: 14px; font-stretch: normal; font-style: normal; font-weight: 400; letter-spacing: .28px; line-height: normal; list-style-type: none; margin: 12px 0; text-transform: uppercase }
 * 1) userProfileApp ul.user-identity-stats {

body.skin-fandomdesktop #userProfileApp .user-identity-header__tag { margin-top: 12px; font-weight: 500 }

color: var(--user-name) }
 * 1) userProfileApp ul.user-identity-stats a {

font-style: italic }
 * 1) userProfileApp .user-identity-bio {

border: none; filter: drop-shadow(1px 1px 4px #00000059) }
 * 1) userProfileApp .user-identity-avatar__image {

font-style: italic; color: var(--user-alias); font-size: 16px; margin: 8px 0 0 0; display: block }
 * 1) userProfileApp .user-identity-header__attributes>h2 {


 * 1) userProfileApp .user-identity-header__attributes>h2:before {content: "\""}
 * 2) userProfileApp .user-identity-header__attributes>h2:after {content: "\""}

content: ""; width: 100%; position: relative; display: inline-block; background: transparent; height: 6px }
 * 1) userProfileApp .user-identity-header__attributes>h1:after {

h2.pi-item.pi-item-spacing.pi-title.pi-secondary-background { position: absolute; bottom: calc(36px * 2); background: linear-gradient(45deg, black, transparent); padding: 0px; color: white; width: 100%; font-weight: 300; backdrop-filter: blur(2px); padding: 11px; font-size: 32px; text-align: left; text-transform: lowercase; -webkit-backdrop-filter: blur(2px) }

body.theme-fandomdesktop-dark figure.pi-item.pi-image { filter: invert(0%) sepia(101%) saturate(319%) hue-rotate(307deg) brightness(100%) contrast(87%) }

body.theme-fandomdesktop-light figure.pi-item.pi-image { filter: invert(0%) sepia(101%) saturate(319%) hue-rotate(190deg) brightness(100%) contrast(87%) }

.portable-infobox { position: relative }

.page__main { background-color: #0000; border-radius: 3px; min-height: 480px; padding: 24px 36px; position: relative; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px) }

.page-header__action-button.has-label { text-indent: -9999px }

.page-header__action-button.has-label .wds-icon { margin-right: 0px }

.page__right-rail { background-color: rgb(124 124 124 / 9%); backdrop-filter: blur(10px) }

.rail-module { background-color: #0000 }

.page-header__categories-in { font-weight: 500; display: none }

.page-header__categories { color: gray; height: 25px }

.page-header__title { font-weight: 500; font-family: 'Inter'; text-transform: lowercase }

.pi-data { justify-content: space-between }

.pi-data-value:not(:first-child) { flex-basis: 0 !important; padding-right: 4px; }

.page-content .portable-infobox .pi-data-label { padding-left: 4px; }

background-color: #331c1c00; border-radius: 0; margin: 1px 0 0; width: 100%; backdrop-filter: blur(10px) }
 * 1) mixed-content-footer {