MediaWiki:ModernProfile/Masthead.css

/** Original code by Pirr & Luqgreg form http://pl.nfs.wikia.com/wiki/MediaWiki:Profile.css **/ /* Desktop XL */ @media only screen and (min-width:1596px) { .WikiaUserPagesHeader { margin: 0 -31px !important; padding: 0 31px !important }   .WikiaUserPagesHeader .tabs, .UserProfileMasthead .masthead-info { margin: 0 -31px !important }   .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 205px !important } } /* Desktop */ @media only screen and (min-width:1084px) and (max-width:1595px) { .WikiaUserPagesHeader { margin: 0 -21px !important; padding: 0 21px !important }   .WikiaUserPagesHeader .tabs, .UserProfileMasthead .masthead-info { margin: 0 -21px !important }   .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 195px !important } } /* Tablet Landscape */ @media only screen and (min-width:1024px) and (max-width:1083px) { .WikiaUserPagesHeader { margin: 0 -11px !important; padding: 0 11px !important }   .WikiaUserPagesHeader .tabs, .UserProfileMasthead .masthead-info { margin: 0 -11px !important }   .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 185px !important } } /* Tablet Portrait */ @media only screen and (max-width:1023px) { .WikiaUserPagesHeader { margin: 0 -25px !important; padding: 0 25px !important }   .WikiaUserPagesHeader .tabs, .UserProfileMasthead .masthead-info { margin-left: 0 -25px !important }   .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 199px !important } } .WikiaUserPagesHeader { padding-top: 0; background: rgba(128, 128, 128, .07); margin-bottom: 18px } .UserProfileMasthead { padding: 0 } .UserProfileMasthead .masthead-avatar { z-index: 1; left: 0 } .avatar, .User img, .Write img { border-radius: 50%; border: 2px solid #484848 } .UserProfileMasthead .masthead-avatar .avatar { border: none } .UserProfileMasthead .masthead-info { background: none; box-shadow: none; margin-left: 0; margin-bottom: 0 } .UserProfileMasthead .masthead-info hgroup { background-image: none; border-radius: 0 } .UserProfileMasthead .masthead-info h2 { margin-right: 5px } .UserProfileMasthead .masthead-info .tag { font-size: 13px; border-radius: 0 } .UserProfileMasthead .masthead-info-lower:before { display: none } /* Zakładki */ .WikiaUserPagesHeader .tabs { display: flex; flex-direction: row; border-bottom: none; padding-left: 0 } .WikiaUserPagesHeader .tabs li { cursor: pointer; float: left; font-size: .875rem; font-weight: 700; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; flex: 1 auto; margin: 0; transition: filter 0.25s ease-out } .page-dark .WikiaUserPagesHeader .tabs li:hover { filter: brightness(1.3) } .page-bright .WikiaUserPagesHeader .tabs li:hover { filter: brightness(.7) } .WikiaUserPagesHeader .tabs li a { display: flex; justify-content: center; align-items: center; box-sizing: border-box; height: 100%; border: none; border-bottom: 4px solid currentColor } .WikiaUserPagesHeader .tabs li:hover a { text-decoration: none } .WikiaUserPagesHeader .tabs li.selected a { background: none } /* Animacje przycisków "edytuj" */ content: url("data:image/svg+xml; utf8,  "); margin-right: 5px }
 * 1) userIdentityBoxEdit::before, #userAvatarEdit::before {

.page-bright #userIdentityBoxEdit::before, .page-bright #userAvatarEdit::before { content: url("data:image/svg+xml; utf8,  ") }   vertical-align: top; text-transform: uppercase; font-weight: bold } .UserProfileMasthead .user-identity-box-edit #wds-icons-pencil, .UserProfileMasthead .avatar-controls .edit-pencil { display: none } .UserProfileMasthead .masthead-info .user-identity-box-edit { display: block; transition: opacity 0.15s ease-out; opacity: 0 } .UserProfileMasthead .masthead-avatar span { text-align: center; float: left; width: 100% } .UserProfileMasthead .masthead-avatar .avatar-controls { display: block; transition: opacity 0.15s ease-out; opacity: 0; float: left; width: 100%; margin-top: 5px } .UserProfileMasthead .masthead-info:hover .user-identity-box-edit, .UserProfileMasthead .masthead-avatar:hover .avatar-controls { display: block; opacity: 1 }
 * 1) userIdentityBoxEdit, #userAvatarEdit {