MediaWiki:ModernProfile/Masthead.css

/** Original code by Pirr & Luqgreg form https://archive.is/JOD9a#23% **/ /* 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: 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; text-transform: uppercase; flex: 1 auto; margin: 0; transition: filter .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" */ .avatar-controls a::before { margin-right: 5px; position: relative; top: 1px }   content: url('data:image/svg+xml;utf8, ') } .page-bright #userAvatarEdit::before { content: url('data:image/svg+xml;utf8, ') }   content: url('data:image/svg+xml;utf8,<path d="M18.417 21.167H5.583V6.5h12.834v14.667zM9.25 2.833h5.5v1.834h-5.5V2.833zm12.833 1.834h-5.5v-2.75A.916.916 0 0 0 15.667 1H8.333a.917.917 0 0 0-.916.917v2.75h-5.5a.917.917 0 0 0 0 1.833H3.75v15.583c0 .507.41.917.917.917h14.666c.507 0 .917-.41.917-.917V6.5h1.833a.916.916 0 1 0 0-1.833z M12 9.25a.917.917 0 0 0-.917.917V17.5a.916.916 0 1 0 1.834 0v-7.333A.917.917 0 0 0 12 9.25m-3.667 0a.917.917 0 0 0-.916.917V17.5a.916.916 0 1 0 1.833 0v-7.333a.917.917 0 0 0-.917-.917m6.417.917V17.5a.916.916 0 1 0 1.833 0v-7.333a.916.916 0 1 0-1.833 0" fill="#fff" fill-rule="evenodd"/> '); margin-right: 3px } .avatar-controls a, .user-identity-box-edit a { text-transform: uppercase; font-weight: bold } .user-identity-box-edit li { text-align: right; font-size: 12px; margin-bottom: .25em } .user-identity-box-edit svg { fill: currentColor; top: 1px } .UserProfileMasthead .avatar-controls span { display: block; float: none; margin-bottom: .25em } .avatar-controls img { display: none } .masthead-info .user-identity-box-edit, .UserProfileMasthead .masthead-avatar .avatar-controls { display: block; transition: opacity .15s ease-out; opacity: 0 } .masthead-avatar .avatar-controls { width: 100%; text-align: center; margin-top: 5px } .masthead-info:hover .user-identity-box-edit, .masthead-avatar:hover .avatar-controls { opacity: 1 }
 * 1) WikiaUserPagesHeader ~ #WikiaMainContent { padding-top: 10px }
 * 1) userAvatarEdit::before {
 * 1) UserAvatarRemove::before {