User:Erlhyena/common.css

/* * @desc Improving the userpages' design to adapt to any theme and making it esthetically appealing * @author DiegoFire Network * @version 1.0.3 * @changes Published publically in Dev Wiki

/** 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 {

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

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

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

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

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