MediaWiki:ImprovedUserpages.css

/* * @desc Improving the userpages' design to adapt to any theme and making it esthetically appealing * @author DiegoFire Network * @version 1.0.4

/** Importing font **/ @font-face { font-family: 'FANDOM-Icons'; src: url('https://vignette.wikia.nocookie.net/dev/images/e/ee/FANDOM-Icons.woff/revision/latest?cb=20181019183927&usecubes=1') format('woff'); font-weight: normal; font-style: normal; }

/** Tags **/ background: rgba(var(--theme-link-color--rgb), 0.20); border: 1px solid var(--theme-link-color); }
 * 1) userProfileApp .user-identity-header__tag {

/** Buttons **/ background-color: rgba(var(--theme-link-color--rgb), 0.20); border: 1px solid var(--theme-link-color); color: var(--theme-text-color); }
 * 1) userProfileApp .user-identity-header__actions .wds-button {

/** Avatar **/ border: 2px solid var(--theme-link-color) !important; padding: 5px; }
 * 1) userProfileApp .user-identity-avatar img {

/** Navigational links **/ border-radius: 3px; margin-right: 5px; padding: 8px !important; margin: 5px 5px 5px 0px; text-align: center; font-weight: bold !important; border: 1px solid var(--theme-link-color) !important; background: rgba(var(--theme-link-color--rgb), 0.20); }
 * 1) userProfileApp .user-profile-navigation__link {

color: var(--theme-text-color) !important; }
 * 1) userProfileApp .user-profile-navigation__link a {

border-bottom-color: var(--theme-link-color); }
 * 1) userProfileApp .user-profile-navigation {

/** Header (nickname display)**/ background-image: linear-gradient(to top, rgba(var(--theme-link-color--rgb), 0.3) 40%, transparent 40%, transparent 100%); line-height: normal; }
 * 1) userProfileApp .user-identity-header :is(h1) {

/** Profile editor **/ /*** "Save" button ***/ .modal-wrapper__header .modal-wrapper__cta-button { background-color: rgba(var(--theme-link-color--rgb), 0.15); border: 1px solid var(--theme-link-color); color: var(--theme-text-color); }

/*** Modal ***/ background: none; }
 * 1) userProfileApp .modal-wrapper {

/** Icons for navigational links **/ opacity: 1; transition: .2s; }
 * 1) userProfileApp .user-profile-navigation__link:not(.is-active):hover {

font-family: Fandom-Icons; }
 * 1) userProfileApp .user-profile-navigation__link:before {

content: 'avatar '; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(1):before {

content: 'comment '; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(2):before {

content: 'book '; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(3):before {

content: 'pencil '; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(4):before {

content: 'grid '; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(5):before {