MediaWiki:ProfileMasthead.css

.WikiaUserPagesHeader { background-color: transparent; background-image: none; padding-top: 0; width: 100%; }

.UserProfileMasthead { padding: 0; }

@media only screen and (min-width: 1596px) { .UserProfileMasthead { margin-left: -31px; width: calc(100% + 62px); } }

@media only screen and (min-width: 1084px) and (max-width: 1595px) { .UserProfileMasthead { margin-left: -21px; width: calc(100% + 42px); } }

@media only screen and (min-width: 1024px) and (max-width: 1083px) { .UserProfileMasthead { margin-left: -11px; width: calc(100% + 22px); } }

@media only screen and (max-width: 1023px) { .UserProfileMasthead { margin-left: -25px; width: calc(100% + 50px); } }

.UserProfileMasthead .masthead-avatar { position: relative; text-align: center; top: 0; left: 0; width: 100%; height: 300px; background-image: url(https://vignette.wikia.nocookie.net/casualty/images/5/50/Wiki-background/revision/20190802201449); background-size: 100%; background-repeat: no-repeat; background-position: center center;

}

.UserProfileMasthead .masthead-avatar .avatar { border: 4px solid white; border-radius: 50%; box-shadow: 0px 2px 10px 0 rgba(0,0,0,0.25); z-index: 9999; text-align: center; margin: 51px 0; box-shadow: 0 0 25px #000;

}

.UserProfileMasthead .masthead-avatar:hover .avatar-controls { display: block; position: absolute; z-index: 1000; top: 205px; left: 46%; }

.UserProfileMasthead .masthead-avatar:hover .avatar-controls a { color: #FFFFFF; }

.UserProfileMasthead .masthead-info { background: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom: 20px; position: relative; box-shadow: none; width: 100%; margin-left: 0; }

.UserProfileMasthead .masthead-info hgroup { background-color: transparent !important; background-image: none !important; border-top-left-radius: 0; border-top-right-radius: 0; color: #fff; overflow: auto; padding: 8px 8px 40px 8px; position: relative; margin-top: -78.5px; text-align: center; text-shadow: 0 0 10px #000; }

.UserProfileMasthead .masthead-info > div { float: none; padding: 20px 25px; width: 500px; margin: 0 auto; white-space: nowrap; }

.UserProfileMasthead .masthead-info .tag { background: rgba(255,255,255,0.25); }

.UserProfileMasthead .tally { padding-bottom: 0; width: 50%; display: inline-block; vertical-align: top; text-align: center; }

.tally em { float: none; font-size: 30px; font-style: normal; line-height: 26px; display: block; padding: 0 0 10px 0; }

.tally span { float: none; }

.UserProfileMasthead .discussion-details { border-top: none; padding-top: 0; }

.UserProfileMasthead .wikis span { color: gray; float: left; font-weight: bold; margin-right: 10px; text-align: center; text-transform: uppercase; width: 100%; display: block; margin-bottom: 5px; }

.UserProfileMasthead .wikis ul { float: none; width: 100%; position: relative; text-align: center; display: flex; }

.UserProfileMasthead .wikis ul li { float: left; max-width: 5000px; overflow: hidden; padding-bottom: .4em; text-overflow: ellipsis; white-space: nowrap; flex-grow: 1; }

.UserProfileMasthead .links li { margin-right: 1em; padding-top: 12px; flex: 1; }

.UserProfileMasthead .links li a { width: min-content !important; margin: 0 auto; }

.user-profile__discord .wds-dropdown { margin: 0 auto; }

.UserProfileMasthead .links li:last-child { margin-right: 0; }

.UserProfileMasthead .details { font-size: 13px; line-height: 21px; font-size: 14px; line-height: 17px; text-align: center; }

.tabs-container { position: relative; margin-bottom: 20px; }

.tabs { background: #F2F2F2; border-bottom: 0px; width: 100%; margin: 0 auto !important; display: flex; padding-left: 0 !important; }

.tabs-container > .tabs::after { width: 100%; position: absolute; height: 10px; background-image: url(https://vignette.wikia.nocookie.net/holby/images/1/15/ProfileShadow.png/revision/latest); left: 0; bottom: -10px; background-size: 110% 10px; background-position: top center; visibility: visible; }

.tabs li { float: none; margin: 0; padding: 0; flex: 1; text-align: center; }

.tabs li a { border: 0; border-top-left-radius: 0; border-top-right-radius: 0; padding: 6px 0; width: 100%; top: 0; }

.tabs li a:hover { text-decoration: none; background-color: rgba(0, 4, 33, 0.25); }

.tabs .selected a { border-bottom: 0; border-left: 0; border-right: 0; border-top: 0; background: #000421; font-weight: normal; width: 100%; color: #FFF; }

.tabs .selected a:hover { background-color: #000421; padding-bottom: 6px; }

.tabs li.holbycity { background: #151926; background-image: url(https://vignette.wikia.nocookie.net/holby/images/7/79/BackNoLogo.jpg/revision/latest); background-size: 100%; background-position: center center; } .tabs li.holbycity a { background-image: url(https://vignette.wikia.nocookie.net/lythronax6673/images/d/df/Word-background-holby.png); background-repeat: no-repeat; background-size: auto 14px; background-position: center center; color: transparent; transition: background-color 0.5s; } @media only screen and (max-width: 1023px) { .tabs li.holbycity a { background-image: url(https://vignette.wikia.nocookie.net/holby/images/7/76/HolbyCityWiki250.png/revision/latest); background-size: auto 24px; } } .tabs li.holbycity a:hover { background-color: rgba(0,0,0,0.25); }