MediaWiki:User.css

/* Adapted by Rox from Dev Wiki: RestoreOldMastheadDesign.css */ .WikiaPage #userProfileApp { margin-left:0; margin-right:0; background:linear-gradient(#49d6c852,#1cd088); padding:20px 0 0 0; }

padding:0 15px; clear:both; position:relative; }
 * 1) userProfileApp .user-identity-box {

padding-left:5px; font-size:16px; font-family:Reggae One; }
 * 1) userProfileApp .user-profile-navigation {

line-height:24px; border-radius:4px 4px 0 0; padding:6px 12px 3px; position:relative; top:1px; border:2px solid transparent; border-bottom:0; font-size:14px; font-weight:normal; color:#fff; opacity:1; }
 * 1) userProfileApp .user-profile-navigation__link {

color:inherit; }
 * 1) userProfileApp .user-profile-navigation__link a,
 * 2) userProfileApp .user-profile-navigation__link.is-active a {

text-decoration:underline; }
 * 1) userProfileApp .user-profile-navigation__link:not(.is-active) a:hover {

text-transform:uppercase; color:#00594a; border: solid 2px #49d6c8; background-color:#fff; text-decoration:underline; }
 * 1) userProfileApp .user-profile-navigation__link.is-active {

top:0; width:150px; text-align:right; }
 * 1) userProfileApp .user-identity-avatar {

width:150px; height:150px; border-radius: 50%; border: solid 5px #fff; }
 * 1) userProfileApp .user-identity-avatar__image,
 * 2) userProfileApp .modal-wrapper .user-identity-avatar__image {

background:url(https://i.pinimg.com/originals/62/f7/8a/62f78a0c3aa20badbb3d99a068c8626f.jpg); background-size: cover; border:solid 5px #1cd088; }
 * 1) userProfileApp .user-identity-box__info {

display:block; content:""; clear:both; height:0; visibility:hidden; overflow:hidden; }
 * 1) userProfileApp .user-identity-box__info::after {

margin-top:0; padding:3px 15px 2px; width:auto; font-family: 'Reggae One'; font-size:60%; color:#fff; background:#49d6c8; border: solid 5px #fff; }
 * 1) userProfileApp .user-identity-header {

margin-top:0; line-height:normal; }
 * 1) userProfileApp .user-identity-header__attributes {

background:transparent; display:inline; font-size:30px; line-height:38px; filter: drop-shadow(1px 1px #00594a); }
 * 1) userProfileApp .user-identity-header__attributes>h1 {

background:transparent; font-weight:lighter; font-size:20px; display:inline; }
 * 1) userProfileApp .user-identity-header__attributes>h2 {

opacity:0.6; }
 * 1) userProfileApp .user-identity-header__attributes>h2 span {

text-transform:lowercase; color:#fff; background-color:#1cd088; padding:2px 5px; top:-4px; position:relative; margin-right:10px; font-weight:normal; font-size:10px; filter: drop-shadow(1px 1px #00594a); }
 * 1) userProfileApp .user-identity-header__tag {

margin-left:-5px; }
 * 1) userProfileApp .user-identity-header__tag + .user-identity-header__tag {

text-transform:uppercase; font-family: 'Reggae One'; color:#fff; filter: drop-shadow(1px 1px #00594a); text-shadow: -1px 0 #3c403f, 0 1px #3c403f, 1px 0 #3c403f, 0 -1px #3c403f; width:320px; float:left; padding:20px 25px 0; margin-top:0; display: block; flex-direction:column; align-items:flex-start; justify-content:flex-start; /* display: inline-block; */ }
 * 1) userProfileApp ul.user-identity-stats {

opacity:1; text-align:left; width:100%; }
 * 1) userProfileApp ul.user-identity-stats>li {

border-top:solid 5px #f0f9c3; padding-top:10px; }
 * 1) userProfileApp ul.user-identity-stats>li + li {

display:none; }
 * 1) userProfileApp ul.user-identity-stats>li:not(:first-child):before {

font-size:13px; padding-bottom:10px; }
 * 1) userProfileApp ul.user-identity-stats>li {

margin-left:0; }
 * 1) userProfileApp ul.user-identity-stats>li:not(:first-child) {

float:left; font-weight:normal; margin-right:5px; letter-spacing:-1px; line-height:26px; font-size:30px; }
 * 1) userProfileApp ul.user-identity-stats>li strong {

color:inherit; }
 * 1) userProfileApp ul.user-identity-stats>li a {

color:#49d6c8; text-shadow: 0 0 4px #fdfdfd; }
 * 1) userProfileApp ul.user-identity-stats>li a:hover {

font-family: 'RocknRoll One'; color:#fff; font-size: 16px; text-shadow: -1px 0 #3c403f, 0 1px #3c403f, 1px 0 #3c403f, 0 -1px #3c403f; float:left; letter-spacing:normal; max-height: 100%; padding: 20px 25px 0 0; width: calc(100% - 395px); display: inline-block; }
 * 1) userProfileApp .user-identity-bio {

content:"My Bio: "; font-family: 'Reggae One'; color:#1cd088; font-size: 17px; vertical-align:middle; display:inline-block; padding-bottom:2px; }
 * 1) userProfileApp .user-identity-bio:before {

@media screen and (max-width: 1023px) { #userProfileApp .user-identity-bio { float:left; padding-top:0; padding-left:25px; width:calc(100% - 50px); } }

float:left; padding: 0 0px 20px 25px; width: calc(100% - 25px); }
 * 1) userProfileApp .user-identity-social {

text-transform:uppercase; color:#1cd088; border: solid 5px #fff; background-color:#fff; }
 * 1) userProfileApp .user-identity-header__actions .wds-button {

text-decoration:underline; }
 * 1) userProfileApp .user-identity-header__actions .wds-button:hover {

width:12px; height:12px; min-width:12px; align-self:center; margin-right:2.5px; vertical-align:middle;
 * 1) userProfileApp .user-identity-header__actions .wds-button .wds-icon {

}

display:inline-flex; }
 * 1) userProfileApp .user-identity-header:hover .user-identity-header__actions .wds-button {

color:inherit; background-color:transparent; }
 * 1) userProfileApp .modal-wrapper {

color:#fff; height:100%; width:100%; }
 * 1) userProfileApp .user-identity-social__icon {

min-width:18px; width:30px; height:30px; }
 * 1) userProfileApp .user-identity-social__icon .wds-icon {

border: solid 5px #fff; color:#fff; background-color:#49d6c8; padding:4px 4px 0; }
 * 1) userProfileApp .user-identity-social li {