MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:MinimalScrollbar.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:RoundAvatars.css&only=styles"; a[href$=":Erlhyena"], a[href$="User:Erlhyena"] { background: -webkit-linear-gradient(left, red, green); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } a[href$=":Erlhyenaplays"], a[href$="User:Erlhyenaplays"] { /* changes the color of the username */ color: #0000FF !important; /* makes the username bold */ font-weight: bold !important; /* changes the font of the username */ font-family: Arial !important; /* other CSS goes here */ } a[href$=":Loganninjas12345"], a[href$="User:Loganninjas12345"] { background: -webkit-linear-gradient(left, red, green, blue); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

a[href$=":KingLear1024"] { background: -webkit-linear-gradient(left, red, blue); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } a[href$=":YoyoKahoto"], a[href$="User:YoyoKahoto"] { /* changes the color of the username */ color: #00FF00 !important; /* makes the username bold */ font-weight: bold !important; /* changes the font of the username */ font-family: Arial !important; /* other CSS goes here */ }

.page-User_Erlhyena > .main-container { background: url('https://images.wikia.nocookie.net/dev/images/4/4e/Snow.png'), url('https://images.wikia.nocookie.net/dev/images/e/ee/Snow2.png'), url('https://images.wikia.nocookie.net/dev/images/d/d8/Snow3.png') fixed; -webkit-animation: snow 20s linear infinite; -moz-animation: snow 20s linear infinite; -ms-animation: snow 20s linear infinite; animation: snow 20s linear infinite; }

@keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

@-moz-keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

@-webkit-keyframes snow { 0% {       background-position: 0px 0px; }   100% {        background-position: 500px 1000px, 400px 400px, 300px 300px, 0px 0px; } }

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