MediaWiki:UserProfile.css

/* Adapted from https://bts.fandom.com/wiki/MediaWiki:UserProfile.css */

/* User Profile (Credit to PURPLE K!SS Wiki) */ .user-identity-box { border: 3px solid var(--theme-link-color); border-radius: 5px; padding: 20px; font-family:Comfortaa; }

.user-identity-box .user-identity-avatar { padding: 5px; font-family:Comfortaa; }

.user-identity-box .user-identity-avatar__image { 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:Comfortaa; }

.user-identity-box .user-identity-avatar__image:hover { border:2px solid var(--theme-link-color--hover)!important; border-radius: 100%; box-shadow:0 0 20px var(--theme-link-color); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); font-family:Comfortaa; }

.user-identity-box .user-identity-header__attributes { background-color: var(--theme-link-color--hover); border-radius: 5px; padding: 10px; margin: 5px 5px 5px 0; font-family:Comfortaa; }

.user-identity-box .user-identity-header__attributes h1 { font-size: 30px !important; border-bottom: 5px solid White; color: White !important; font-family:Comfortaa; }

.user-identity-box .user-identity-header__attributes h2 { font-size: 110% !important; color: White !important; font-family:Comfortaa; }

.user-identity-box .user-identity-header__tag { text-transform: uppercase; background-color: var(--theme-link-color) !important; color: var(--theme-link-label-color) !important; font-size: 85% !important; float: right !important; padding-left:5px; padding-right: 5px; font-family:Comfortaa; }

.user-identity-box .user-identity-stats li { background-color: var(--theme-link-color--hoverc); border-radius: 5px; padding: 5px; color: var(--theme-link-label-color) !important; font-family:Comfortaa; }

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

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

width:100%; text-align: center; }
 * 1) userProfileApp .user-profile-navigation__link {

font-family:Comfortaa; }
 * 1) userProfileApp .user-identity-header__attributes>h1 {

background: transparent; }
 * 1) userProfileApp {

/** 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: #fff; }
 * 1) userProfileApp .user-profile-editor__social-link .wds-icon {

color: #fff; font-family: 'Inter var', sans-serif; }
 * 1) userProfileApp .user-profile-editor__form .wds-input__field {

color: #9897cc; }
 * 1) userProfileApp .user-profile-editor__form .wds-input__label {

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

background: var(--bg-front); border-radius: 1rem; padding: .15rem .75rem; }
 * 1) userProfileApp .user-identity-header__tag {

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

-webkit-mask-image: linear-gradient(180deg, #000 50%, transparent); }
 * 1) userProfileApp .user-identity-bio {

/** 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:Comfortaa; 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 **/

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

.mw-contributions-list li { background: rgba(255, 255, 255, 0.3); padding: .5rem 1rem; border-radius: .5rem; margin-bottom: .5rem; transition: .3s; }

.mw-contributions-list li:hover { background: rgba(255, 255, 255, 0.15); }

/* Badges (Credit to ITZY Wiki) */ .badges strong { line-height:110%; /* This is the title of the award */ color:var(--theme-link-color); font-family: 'Comfortaa', cursive; } .badges .badge-text { line-height:110%; font-size:13px; font-family: 'Comfortaa', cursive; } .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: 'Comfortaa', cursive; letter-spacing:0px; } .WikiaRail > div.UserProfileAchievementsModule .data .tally { font-family: 'Comfortaa', cursive; color:var(--theme-link-color); 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 }