MediaWiki:UserProfile.css

/*** All credits to BTS Wiki. Font changed to Raleway from Comfortaa. ***/ /* User Profile (Credit to PURPLE K!SS Wiki) */ .user-identity-box { border: 3px solid var(--theme-link-color) !important; border-radius: 5px; padding: 20px; font-family: 'Raleway', sans-serif !important; }

.user-identity-box .user-identity-avatar { padding: 5px; font-family: 'Raleway', sans-serif !important; }

.user-identity-box .user-identity-avatar__image, body .wds-avatar, .avatar, .UserAvatarFetch img { border-radius: 50%; border-width: 1px; border-color: var(--theme-link-color) !important; opacity: 1; filter: alpha(opacity=100); border:2px solid var(--theme-link-color) !important; position: relative; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; font-family: 'Raleway', sans-serif !important; }

.user-identity-box .user-identity-avatar__image:hover, body .wds-avatar:hover, .avatar:hover, .UserAvatarFetch img:hover { border:2px solid var(--theme-link-color--hover) !important; border-radius: 100%; box-shadow:0 0 20px var(--theme-link-color) !important; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); font-family: 'Raleway', sans-serif !important; }

.user-identity-box .user-identity-header__attributes { border-radius: 5px; padding: 10px; margin: 5px 5px 5px 0; font-family: 'Raleway', sans-serif !important; }

.user-identity-box .user-identity-header__attributes h1 { font-size: 30px !important; border-bottom: 5px solid; font-family: 'Raleway', sans-serif !important; }

.user-identity-box .user-identity-header__attributes h2 { font-size: 110% !important; font-family: 'Raleway', sans-serif !important; }

.user-identity-box .user-identity-header__tag { text-transform: uppercase; background-color: var(--theme-link-color) !important; color: var(--theme-accent-dynamic-color-1) !important; font-size: 85% !important; float: center !important; padding-left:5px; padding-right: 5px; font-family: 'Raleway', sans-serif !important; }

.ns-2 main.page__main > #userProfileApp ~ .page-header a#ca-edit:after { content: ' PAGE'; white-space: break-spaces; }

/** User Profile @ Stats (From https://dev.fandom.com/wiki/MediaWiki:RestoreOldMastheadDesign.css) **/

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:0px solid var(--theme-border-color); 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:var(--theme-link-color); }
 * 1) userProfileApp ul.user-identity-stats>li a:hover {

.user-identity-box .user-identity-stats li { background-color: var(--theme-page-background-color); border-radius: 0px; padding: 5px; font-family: 'Raleway', sans-serif !important; border: 0px solid transparent; }

.user-identity-box .user-identity-stats li strong { font-size: 200% !important; }

/** User Profile @ Bio (From https://the-ice-mystery.fandom.com/wiki/MediaWiki:Wikia.css) **/

float:left; letter-spacing:normal; max-height: 100%; padding: 20px 25px 0 0; width: calc(100% - 320px); font-size:14px; display: inline-block; color: var(--theme-page-dynamic-color-2) !important; }
 * 1) userProfileApp .user-identity-bio {

content:"BIO "; font-size:12px; font-weight:bold; vertical-align:middle; display:inline-block; padding-bottom:2px; opacity:0.5; }
 * 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); } }

.user-identity-box .user-identity-bio { padding-top: 5px; }

/* Adaptation for mobile (Adapted from u:dev:AdaptiveProfile) */ @media (max-width: 713px) { .user-profile-navigation {overflow-x: scroll; white-space: nowrap;} .user-profile-navigation__link {width: auto !important;} .user-identity-header {flex-direction: column;} .user-identity-box {flex-direction: column;} .user-identity-avatar {padding: 0 !important; margin: 10px auto !important;} .user-identity-header { width: 100% !important; left: 0 !important; padding-left: 0px !important; gap: 0px !important; align-items: center; }	.user-identity-box__info {display: flex; flex-direction: column; gap: 10px;} .user-identity-box__info > :is(ul,div:not(.user-identity-header)) {margin: 0 0 0 20px !important;} }

/* profile navigation (Adapted from u:dev:AdaptiveProfile) */ .user-profile-navigation {padding-left: 18px;} border-bottom-color: var(--theme-link-color); border-bottom: none !important; margin-right: -1px; }   border-radius: 3px; margin-right: 5px; padding: 8px !important; width: 100%; margin: 5px 5px 5px 0px; text-align: center !important; font-weight: bold !important; border: 1px solid var(--theme-link-color) !important; background: rgba(var(--theme-link-color--rgb), 0.20); border-bottom: 4px solid; transition: .2s; }   text-transform: uppercase !important; font-family: 'Raleway', sans-serif !important; font-size: 12px; display: block; color: var(--theme-link-color) !important; padding: 10px 15px; font-weight: bold !important; text-decoration: none; }   border-bottom-color: var(--theme-link-color) !important; }   color: var(--theme-link-color) !important; }	border-bottom-color: var(--theme-link-color) !important; opacity: 1; transition: .2s; }
 * 1) userProfileApp .user-profile-navigation {
 * 1) userProfileApp .user-profile-navigation__link {
 * 1) userProfileApp .user-profile-navigation__link a {
 * 1) userProfileApp .user-profile-navigation__link.is-active {
 * 1) userProfileApp .user-profile-navigation__link.is-active a {
 * 1) userProfileApp .user-profile-navigation__link:not(.is-active):hover {

font-family: 'Raleway', sans-serif !important; }
 * 1) userProfileApp .user-identity-header__attributes>h1 {

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

/** Header (nickname display) - (Adapted from u:dev:ImprovedUserpages) **/ 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 (Adapted from u:dev:ImprovedUserpages) **/ /*** "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 (Adapted from u:dev:ImprovedUserpages) ***/ background: none; }
 * 1) userProfileApp .modal-wrapper {

/* Profile Background */ .skin-oasis #userProfileApp { background-color: transparent; box-shadow: 0px 0px 24px rgba(0, 0, 0, .2); }

/** User Profile @ Icon (Credit to Bee Swarm Simulator ru Wiki put on https://bee-swarm-simulator.fandom.com/ru/wiki/MediaWiki:MainTheme.css) **/ content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 6px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='user-small' d='M9 3c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2m0 6C6.794 9 5 7.206 5 5s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4m5 8a1 1 0 0 1-1-1c0-2.206-1.794-4-4-4s-4 1.794-4 4a1 1 0 1 1-2 0c0-3.309 2.691-6 6-6s6 2.691 6 6a1 1 0 0 1-1 1'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23user-small'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='user-small' d='M9 3c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2m0 6C6.794 9 5 7.206 5 5s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4m5 8a1 1 0 0 1-1-1c0-2.206-1.794-4-4-4s-4 1.794-4 4a1 1 0 1 1-2 0c0-3.309 2.691-6 6-6s6 2.691 6 6a1 1 0 0 1-1 1'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23user-small'/%3E%3C/svg%3E") no-repeat center; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='user-small' d='M9 3c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2m0 6C6.794 9 5 7.206 5 5s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4m5 8a1 1 0 0 1-1-1c0-2.206-1.794-4-4-4s-4 1.794-4 4a1 1 0 1 1-2 0c0-3.309 2.691-6 6-6s6 2.691 6 6a1 1 0 0 1-1 1'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23user-small'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='user-small' d='M9 3c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2m0 6C6.794 9 5 7.206 5 5s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4m5 8a1 1 0 0 1-1-1c0-2.206-1.794-4-4-4s-4 1.794-4 4a1 1 0 1 1-2 0c0-3.309 2.691-6 6-6s6 2.691 6 6a1 1 0 0 1-1 1'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23user-small'/%3E%3C/svg%3E"); background-color: currentColor; filter: opacity(90%); vertical-align: text-bottom; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(1) a:before {

content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 6px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='message-small' d='M3.414 4L9 9.586 14.586 4H3.414zM2 14h14V5.414l-6.293 6.293a.999.999 0 0 1-1.414 0L2 5.414V14zm15 2H1a1 1 0 0 1-1-1V2.997a.988.988 0 0 1 .293-.704A1.009 1.009 0 0 1 .997 2h16.006a.988.988 0 0 1 .704.293.983.983 0 0 1 .293.704V15a1 1 0 0 1-1 1z'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23message-small'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='message-small' d='M3.414 4L9 9.586 14.586 4H3.414zM2 14h14V5.414l-6.293 6.293a.999.999 0 0 1-1.414 0L2 5.414V14zm15 2H1a1 1 0 0 1-1-1V2.997a.988.988 0 0 1 .293-.704A1.009 1.009 0 0 1 .997 2h16.006a.988.988 0 0 1 .704.293.983.983 0 0 1 .293.704V15a1 1 0 0 1-1 1z'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23message-small'/%3E%3C/svg%3E") no-repeat center; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='message-small' d='M3.414 4L9 9.586 14.586 4H3.414zM2 14h14V5.414l-6.293 6.293a.999.999 0 0 1-1.414 0L2 5.414V14zm15 2H1a1 1 0 0 1-1-1V2.997a.988.988 0 0 1 .293-.704A1.009 1.009 0 0 1 .997 2h16.006a.988.988 0 0 1 .704.293.983.983 0 0 1 .293.704V15a1 1 0 0 1-1 1z'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23message-small'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='message-small' d='M3.414 4L9 9.586 14.586 4H3.414zM2 14h14V5.414l-6.293 6.293a.999.999 0 0 1-1.414 0L2 5.414V14zm15 2H1a1 1 0 0 1-1-1V2.997a.988.988 0 0 1 .293-.704A1.009 1.009 0 0 1 .997 2h16.006a.988.988 0 0 1 .704.293.983.983 0 0 1 .293.704V15a1 1 0 0 1-1 1z'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23message-small'/%3E%3C/svg%3E"); background-color: currentColor; filter: opacity(90%); vertical-align: text-bottom; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(2) a:before {

content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 6px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='book-small' d='M13 1a5 5 0 0 1 5 5v10h-2c0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 10 16H8V6c0-1.335.532-2.594 1.468-3.542A5.023 5.023 0 0 1 13 1zm5 15c0 1.333-2 1.333-2 0v-4c1.215.911 2 2.364 2 4zM16 6c0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 10 6v6a5.005 5.005 0 0 1 6 0V6zm-6 10c0 1.333-2 1.333-2 0 0-1.335.532-2.594 1.468-3.542A5.14 5.14 0 0 1 10 12v4zM8 6c0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 2 6v6a5.005 5.005 0 0 1 6 0V6zm2 0v10c0 1.333-2 1.333-2 0 0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 2 16c0 1.333-2 1.333-2 0V6c0-1.335.532-2.594 1.468-3.542A5.023 5.023 0 0 1 5 1a5 5 0 0 1 5 5z'/%3E%3C/defs%3E%3Cuse xlink:href='%23book-small'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='book-small' d='M13 1a5 5 0 0 1 5 5v10h-2c0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 10 16H8V6c0-1.335.532-2.594 1.468-3.542A5.023 5.023 0 0 1 13 1zm5 15c0 1.333-2 1.333-2 0v-4c1.215.911 2 2.364 2 4zM16 6c0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 10 6v6a5.005 5.005 0 0 1 6 0V6zm-6 10c0 1.333-2 1.333-2 0 0-1.335.532-2.594 1.468-3.542A5.14 5.14 0 0 1 10 12v4zM8 6c0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 2 6v6a5.005 5.005 0 0 1 6 0V6zm2 0v10c0 1.333-2 1.333-2 0 0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 2 16c0 1.333-2 1.333-2 0V6c0-1.335.532-2.594 1.468-3.542A5.023 5.023 0 0 1 5 1a5 5 0 0 1 5 5z'/%3E%3C/defs%3E%3Cuse xlink:href='%23book-small'/%3E%3C/svg%3E") no-repeat center; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='book-small' d='M13 1a5 5 0 0 1 5 5v10h-2c0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 10 16H8V6c0-1.335.532-2.594 1.468-3.542A5.023 5.023 0 0 1 13 1zm5 15c0 1.333-2 1.333-2 0v-4c1.215.911 2 2.364 2 4zM16 6c0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 10 6v6a5.005 5.005 0 0 1 6 0V6zm-6 10c0 1.333-2 1.333-2 0 0-1.335.532-2.594 1.468-3.542A5.14 5.14 0 0 1 10 12v4zM8 6c0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 2 6v6a5.005 5.005 0 0 1 6 0V6zm2 0v10c0 1.333-2 1.333-2 0 0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 2 16c0 1.333-2 1.333-2 0V6c0-1.335.532-2.594 1.468-3.542A5.023 5.023 0 0 1 5 1a5 5 0 0 1 5 5z'/%3E%3C/defs%3E%3Cuse xlink:href='%23book-small'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='book-small' d='M13 1a5 5 0 0 1 5 5v10h-2c0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 10 16H8V6c0-1.335.532-2.594 1.468-3.542A5.023 5.023 0 0 1 13 1zm5 15c0 1.333-2 1.333-2 0v-4c1.215.911 2 2.364 2 4zM16 6c0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 10 6v6a5.005 5.005 0 0 1 6 0V6zm-6 10c0 1.333-2 1.333-2 0 0-1.335.532-2.594 1.468-3.542A5.14 5.14 0 0 1 10 12v4zM8 6c0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 2 6v6a5.005 5.005 0 0 1 6 0V6zm2 0v10c0 1.333-2 1.333-2 0 0-1.658-1.342-3-3-3-.801 0-1.558.32-2.118.872A3.024 3.024 0 0 0 2 16c0 1.333-2 1.333-2 0V6c0-1.335.532-2.594 1.468-3.542A5.023 5.023 0 0 1 5 1a5 5 0 0 1 5 5z'/%3E%3C/defs%3E%3Cuse xlink:href='%23book-small'/%3E%3C/svg%3E"); background-color: currentColor; filter: opacity(90%); vertical-align: text-bottom; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(3) a:before {

content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 6px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='pencil-small' d='M14 8.586L9.414 4 11 2.414 15.586 7 14 8.586zM6.586 16H2v-4.586l6-6L12.586 10l-6 6zm11.121-9.707l-6-6a.999.999 0 0 0-1.414 0l-9.999 10a.99.99 0 0 0-.217.325A.991.991 0 0 0 0 11v6a1 1 0 0 0 1 1h6c.13 0 .26-.026.382-.077a.99.99 0 0 0 .326-.217l9.999-9.999a.999.999 0 0 0 0-1.414z'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23pencil-small'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='pencil-small' d='M14 8.586L9.414 4 11 2.414 15.586 7 14 8.586zM6.586 16H2v-4.586l6-6L12.586 10l-6 6zm11.121-9.707l-6-6a.999.999 0 0 0-1.414 0l-9.999 10a.99.99 0 0 0-.217.325A.991.991 0 0 0 0 11v6a1 1 0 0 0 1 1h6c.13 0 .26-.026.382-.077a.99.99 0 0 0 .326-.217l9.999-9.999a.999.999 0 0 0 0-1.414z'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23pencil-small'/%3E%3C/svg%3E") no-repeat center; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='pencil-small' d='M14 8.586L9.414 4 11 2.414 15.586 7 14 8.586zM6.586 16H2v-4.586l6-6L12.586 10l-6 6zm11.121-9.707l-6-6a.999.999 0 0 0-1.414 0l-9.999 10a.99.99 0 0 0-.217.325A.991.991 0 0 0 0 11v6a1 1 0 0 0 1 1h6c.13 0 .26-.026.382-.077a.99.99 0 0 0 .326-.217l9.999-9.999a.999.999 0 0 0 0-1.414z'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23pencil-small'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='pencil-small' d='M14 8.586L9.414 4 11 2.414 15.586 7 14 8.586zM6.586 16H2v-4.586l6-6L12.586 10l-6 6zm11.121-9.707l-6-6a.999.999 0 0 0-1.414 0l-9.999 10a.99.99 0 0 0-.217.325A.991.991 0 0 0 0 11v6a1 1 0 0 0 1 1h6c.13 0 .26-.026.382-.077a.99.99 0 0 0 .326-.217l9.999-9.999a.999.999 0 0 0 0-1.414z'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23pencil-small'/%3E%3C/svg%3E"); background-color: currentColor; filter: opacity(90%); vertical-align: text-bottom; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(4) a:before {

content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 6px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='users-small' d='M6 8c1.103 0 2-.897 2-2s-.897-2-2-2-2 .897-2 2 .897 2 2 2m0 2c-3.309 0-6 2.691-6 6a1 1 0 1 0 2 0c0-2.206 1.794-4 4-4s4 1.794 4 4a1 1 0 1 0 2 0c0-3.309-2.691-6-6-6m6-5c1.103 0 2-.897 2-2s-.897-2-2-2-2 .897-2 2 .897 2 2 2m0 2a1 1 0 1 0 0 2c2.206 0 4 1.794 4 4a1 1 0 1 0 2 0c0-3.309-2.691-6-6-6'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23users-small'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='users-small' d='M6 8c1.103 0 2-.897 2-2s-.897-2-2-2-2 .897-2 2 .897 2 2 2m0 2c-3.309 0-6 2.691-6 6a1 1 0 1 0 2 0c0-2.206 1.794-4 4-4s4 1.794 4 4a1 1 0 1 0 2 0c0-3.309-2.691-6-6-6m6-5c1.103 0 2-.897 2-2s-.897-2-2-2-2 .897-2 2 .897 2 2 2m0 2a1 1 0 1 0 0 2c2.206 0 4 1.794 4 4a1 1 0 1 0 2 0c0-3.309-2.691-6-6-6'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23users-small'/%3E%3C/svg%3E") no-repeat center; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='users-small' d='M6 8c1.103 0 2-.897 2-2s-.897-2-2-2-2 .897-2 2 .897 2 2 2m0 2c-3.309 0-6 2.691-6 6a1 1 0 1 0 2 0c0-2.206 1.794-4 4-4s4 1.794 4 4a1 1 0 1 0 2 0c0-3.309-2.691-6-6-6m6-5c1.103 0 2-.897 2-2s-.897-2-2-2-2 .897-2 2 .897 2 2 2m0 2a1 1 0 1 0 0 2c2.206 0 4 1.794 4 4a1 1 0 1 0 2 0c0-3.309-2.691-6-6-6'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23users-small'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cpath id='users-small' d='M6 8c1.103 0 2-.897 2-2s-.897-2-2-2-2 .897-2 2 .897 2 2 2m0 2c-3.309 0-6 2.691-6 6a1 1 0 1 0 2 0c0-2.206 1.794-4 4-4s4 1.794 4 4a1 1 0 1 0 2 0c0-3.309-2.691-6-6-6m6-5c1.103 0 2-.897 2-2s-.897-2-2-2-2 .897-2 2 .897 2 2 2m0 2a1 1 0 1 0 0 2c2.206 0 4 1.794 4 4a1 1 0 1 0 2 0c0-3.309-2.691-6-6-6'/%3E%3C/defs%3E%3Cuse fill-rule='evenodd' xlink:href='%23users-small'/%3E%3C/svg%3E"); background-color: currentColor; filter: opacity(90%); vertical-align: text-bottom; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(5) a:before {

/** User Profile @ Skeleton (Credit to Terraria es wiki) **/

text-align: center; position: relative; z-index: 100; color: transparent; }
 * 1) userProfileApp > div:first-child:not(.user-identity-box__wrapper):not(.modal-wrapper) {

content: ''; width: 138px; height: 138px; position: absolute; left: 0; top: 0; border-radius: 9999px; background: rgb(71 72 86 / 64%); }
 * 1) userProfileApp > div:first-child:not(.user-identity-box__wrapper):not(.modal-wrapper):after {

content: ''; width: 20rem; height: 1.75rem; position: absolute; left: 12rem; top: 0; border-radius: 9999px; background: rgb(71 72 86 / 64%); }
 * 1) userProfileApp > div:first-child:not(.user-identity-box__wrapper):not(.user-profile-editor):before {

/** User Profile @ Misc (Credit to Terraria es wiki) **/

body.ns-2 .page-header, body.mw-special-Contributions .page-header { background: transparent; }

body.ns-2 .page-header__title { display: none; }

body.ns-1200 .article-with-rail, body.ns-500 .article-with-rail, body.mw-special-UserProfileActivity .article-with-rail { padding-top: 30px; }

left: 0; }
 * 1) userProfileApp img.user-avatar-editor__preview-back,
 * 2) userProfileApp img.user-avatar-editor__preview-front {

opacity: .35; }
 * 1) userProfileApp img.user-avatar-editor__preview-back {

/** User Profile @ Header (Credit to Terraria es wiki) **/

position: relative; background: var(--bg-front); margin: 0 0 1rem 0; padding: 30px 20px; border-bottom: 1px solid rgb(255 255 255 / 10%); min-height: 12rem; }
 * 1) userProfileApp {

@media only screen and (min-width: 1596px) { #userProfileApp { padding: 30px; } }

content: ''; /*	position: absolute; */ background: transparent; left: 0; right: 0; top: 0; bottom: 0; z-index: 20; }
 * 1) userProfileApp:after {

z-index: 21; }
 * 1) userProfileApp .user-identity-box__wrapper {

border: 0; }
 * 1) userProfileApp .user-identity-avatar__image {

position: relative; z-index: 21; background: transparent; }
 * 1) userProfileApp .modal-wrapper {

color: var(--theme-accent-dynamic-color-1); }
 * 1) userProfileApp .user-profile-editor__social-link .wds-icon {

color: var(--theme-page-dynamic-color-2); font-family: 'Raleway', sans-serif; }
 * 1) userProfileApp .user-profile-editor__form .wds-input__field {

border: 0; }
 * 1) userProfileApp .modal-wrapper__header {

background: rgba(var(--theme-link-color--rgb), 0.20); border: 1px solid var(--theme-link-color); border-radius: 1rem; padding: .15rem .75rem; }
 * 1) userProfileApp .user-identity-header__tag {

display: none; }
 * 1) userProfileApp .user-identity-bio.overflow:before {

/** User Profile @ LogBox (Credit to Terraria es wiki) **/

div.mw-warning-with-logexcerpt { border: 0; background: var(--activity-light-background-color); padding: 1rem 1.5rem; font-family: 'Raleway', sans-serif !important; border-radius: .5rem; box-shadow: 0 0 13px rgba(0, 0, 0, .2); margin-bottom: 2rem; }

div.mw-warning-with-logexcerpt .comment { color: #ca321b; display: block; margin: 1rem; font-style: normal; }

/* User Profile @ Contribs (Credit to kingdomthegame.fandom.com) */

.mw-special-Contributions .page-header__title, .mw-special-Contributions .page-header__page-subtitle { display: none; } .mw-special-Contributions .mw-contributions-user-tools { margin-top: 14px; font-size: 0; } .UserProfileActivityNavigation__button[href$="tab=posts"], .mw-special-UserProfileActivity .UserProfileActivityModeration, .mw-special-Contributions .page-header .mw-contributions-user-tools > a, .mw-special-Contributions .page-header .mw-changeslist-links:before, .mw-special-Contributions .page-header .mw-changeslist-links > span:before, .mw-special-Contributions .page-header .mw-changeslist-links > span > a[href^="/wiki/Message_Wall:"] { display: none; } .mw-special-Contributions .page-header .mw-changeslist-links { border-radius: 12px; padding: 0 10px; background-color: rgba(var(--theme-page-background-color--rgb),.3); } .mw-special-Contributions .page-header .mw-changeslist-links > span > a { padding: 8px 14px; display: inline-block; background-color: transparent; font-size: 14px; transition: .6s; } .mw-special-Contributions .page-header .mw-changeslist-links > span > a:hover { background-color: rgba(var(--theme-page-background-color--rgb),.15); transition: .3s; } .mw-special-Contributions #userProfileApp ~ .page-content { margin-top: 1em; }

/* User Profile @ Contribs (search options) (Credit to kingdomthegame.fandom.com) */ .mw-special-Contributions .mw-contributions-form { padding: 0; } .mw-special-Contributions fieldset { border: 0; border-radius: 8px; padding: 0; background-color: rgba(var(--theme-page-background-color--rgb),.3); } .mw-special-Contributions fieldset legend { padding: 8px 20px; font-size: 18px; color: #000000; } .mw-special-Contributions .mw-contributions-table > div { margin-bottom: 0; padding: 6px 1em; transition: background .6s; } .mw-contributions-table > div:not(:last-child):hover { background: rgba(var(--theme-page-background-color--rgb),.15); transition: background .2s; } .mw-contributions-table > :nth-child(3) select { /* FIX GLITCH */ margin-bottom: 4px; } .mw-contributions-table input[type="submit"] { width: 100%; }

/** User Profile @ Contribs (list) **/

.mw-contributions-list { list-style: none; }

.mw-contributions-list li { background: rgba(var(--theme-page-background-color--rgb),.3); padding: .5rem 1rem; border-radius: .5rem; margin-bottom: .5rem; transition: .3s; font-family: 'Raleway', sans-serif !important; }

.mw-contributions-list li:hover { background: rgba(var(--theme-page-background-color--rgb),.15); font-family: 'Raleway', sans-serif !important; }

/* User Profile @ - content section (Credit to kingdomthegame.fandom.com) */ .mw-special-Contributions #userProfileApp, .mw-special-UserProfileActivity #userProfileApp { margin-bottom: 0; } .ns-500 #userProfileApp + .article-with-rail, .mw-special-Contributions .article-with-rail, .mw-special-UserProfileActivity .article-with-rail { padding-top: 20px; }

/* User Profile @ activity (Credit to kingdomthegame.fandom.com) */ .UserProfileActivity .UserProfileActivityNavigation { margin: -20px 0 20px 340px; } .UserProfileActivity .UserProfileActivityNavigation__tabs { font-size: 0; } .UserProfileActivity a.UserProfileActivityNavigation__button[href$="tab=posts"], .UserProfileActivity a.UserProfileActivityNavigation__button[href$="tab=messages"], .UserProfileActivity a.UserProfileActivityNavigation__button[href$="tab=comments"] { border: 0; border-top: 2px solid var(--theme-link-color) !important; border-radius: 0 0 12px 12px; background-color: rgba(var(--theme-page-background-color--rgb),.3); padding: 14px 12px 8px; display: inline-block; font-family: 'Raleway', sans-serif !important; font-size: 14px; transition: .6s; } .UserProfileActivity a.UserProfileActivityNavigation__button[href$="tab=posts"] { border-top: 2px solid var(--theme-link-color) !important; border-radius: 0 0 0 12px; } .UserProfileActivity a.UserProfileActivityNavigation__button[href$="tab=messages"] { border-top: 2px solid var(--theme-link-color) !important; border-radius: 0 0 0 0; } .UserProfileActivity a.UserProfileActivityNavigation__button[href$="tab=comments"] { border-top: 2px solid var(--theme-link-color) !important; border-radius: 0 0 12px 0; } .UserProfileActivity a.UserProfileActivityNavigation__button[class]:hover { border-color: rgba(var(--theme-page-background-color--rgb),.15); background-color: rgba(var(--theme-page-background-color--rgb),.15); color: var(--theme-link-color) !important; font-family: 'Raleway', sans-serif !important; } .UserProfileActivity a.UserProfileActivityNavigation__button[class].is-current { border-color: rgba(var(--theme-page-background-color--rgb),.15); background-color: unset; font-weight: normal; font-family: 'Raleway', sans-serif !important; } .UserProfileActivity a.UserProfileActivityNavigation__button:not(.is-current):not(:hover) { color: #000000; font-family: 'Raleway', sans-serif !important; }

/* Badges (Credit to ITZY Wiki) */ .badges strong { line-height:110%; /* This is the title of the award */ color:var(--theme-link-color); font-family: 'Raleway', sans-serif; } .badges .badge-text { line-height:110%; font-size:13px; font-family: 'Raleway', sans-serif; } .WikiaRail .module, .WikiaRail #RIGHT_SKYSCRAPER { background-image:none; background-color:transparent; }

.WikiaRail > div.UserProfileAchievementsModule ul li p { line-height:4% !important; font-size:85%; } .WikiaRail > div.UserProfileAchievementsModule .data .data-details, .WikiaRail > div.UserProfileAchievementsModule .data .data-details > p { font-family: 'Raleway', sans-serif; letter-spacing:0px; } .WikiaRail > div.UserProfileAchievementsModule .data .tally { font-family: 'Raleway', sans-serif; color:var(--theme-link-color) !important; letter-spacing:0.1px; font-weight:bold; text-align:center; } /* Fix to restore 3-column layout to badges, post-Darwin */ .WikiaRail > div.AchievementsModule ul.badges-icons { zoom:.9 !important }

/* Post/Edit Profile Button (Adapted from u:dev:RestoreOldMastheadDesign) */ float:left; padding: 0 0px 20px 25px; width: calc(100% - 25px); }
 * 1) userProfileApp .user-identity-social {

background-color: rgba(var(--theme-link-color--rgb), 0.20); border: 1px solid var(--theme-link-color); border-color:transparent!important; position:absolute; right:10px; top:0px; font-size:12px; text-transform: uppercase !important; font-weight:400; font-family: 'Raleway', sans-serif !important; align-items:flex-end; background: rgba(var(--theme-page-background-color--rgb),.3); color:var(--theme-accent-label-color)!important; transition:background 0.25s; display:none; }
 * 1) userProfileApp .user-identity-header__actions .wds-button {

text-decoration:underline; background: rgba(var(--theme-page-background-color--rgb),.15); text-transform: uppercase !important; font-family: 'Raleway', sans-serif !important; }
 * 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 .user-identity-header__actions .wds-button {

/* Social Media icon (Adapted from u:dev:RestoreOldMastheadDesign) */

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

color: var(--theme-link-label-color) !important; height:100%; width:100%; }
 * 1) userProfileApp .user-identity-social__icon {

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

border-radius:50%; color: var(--theme-link-label-color) !important; background-color: var(--theme-link-color) !important; padding:3px 4px 0; }
 * 1) userProfileApp .user-identity-social li {

/* Discord Color (Credit to PURPLE K!SS Wiki) */ background-color: var(--activity-light-background-color); border-color: var(--theme-link-color) !important; color: currentColor; }
 * 1) userProfileApp .user-identity-social__icon-tooltip {