MediaWiki:Wikia.css/profileMasthead.css

/* Desktop XL */ /* Thanks to pl.nsf.wikia.com for this */ @media only screen and (min-width:1596px) { .WikiaUserPagesHeader { margin-left: -30px !important; margin-right: -30px !important; padding-left: 30px !important; padding-right: 30px !important; }   .UserProfileMasthead .masthead-info { margin-left: -30px !important; margin-right: -30px !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-left: -20px !important; margin-right: -20px !important; padding-left: 20px !important; padding-right: 20px !important; }   .UserProfileMasthead .masthead-info { margin-left: -20px !important; margin-right: -20px !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-left: -10px !important; margin-right: -10px !important; padding-left: 10px !important; padding-right: 10px !important; }   .UserProfileMasthead .masthead-info { margin-left: -10px !important; margin-right: -10px !important; }   .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 185px !important; } } /* Tablet Portrait */ @media only screen and (max-width:1023px) { .WikiaUserPagesHeader { margin-left: -24px !important; margin-right: -24px !important; padding-left: 24px !important; padding-right: 24px !important; }   .UserProfileMasthead .masthead-info { margin-left: -24px !important; margin-right: -24px !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: 0px; } .avatar, .User 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 { background: #61548a; font-size: 13px; border-radius: 0; font-weight: bold; } .UserProfileMasthead .masthead-info-lower:before { display: none; } /* Zakładki */ .WikiaUserPagesHeader .tabs { display: flex; flex-direction: row; border-bottom: none; } .WikiaUserPagesHeader .tabs li { border-bottom: 4px solid ; color: #999; 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 } .WikiaUserPagesHeader .tabs li:hover { filter: brightness(1.3) } .WikiaUserPagesHeader .tabs li a { color: inherit; } .WikiaUserPagesHeader .tabs li:hover a { text-decoration: none; } .WikiaUserPagesHeader .tabs li.selected { border-bottom: 4px solid #61548a; color: #61548a; } .WikiaUserPagesHeader .tabs li.selected a { border: none; background: none; color: inherit; } /* Animacje przycisków "edytuj" */ content: url("data:image/svg+xml; utf8,  "); margin-right: 5px; }   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 } /* Przycisk edycji profilu */ .UserProfileMasthead .masthead-info hgroup { overflow: visible; } .UserProfileMasthead .wds-dropdown__content { background-color: #313131; border-color: #484848; color: #D5D4D4 } .UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked li > a { color: #D5D4D4 } .UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked li:hover > a { background-color: rgba(112,184,255,0.1); color: #70b8ff } .UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { background-color: #313131; border-color: #484848; color: #D5D4D4 } .UserProfileMasthead .wds-dropdown::after { border-bottom-color: #313131 } .UserProfileMasthead .wds-dropdown::before { border-bottom-color: #484848 } .UserProfileMasthead button { background-image: none } .UserProfileMasthead .wds-button.wds-is-secondary { background-color: transparent; border-color: #fff; color: #fff; } .UserProfileMasthead .wds-button.wds-is-secondary:focus:not(:disabled), .UserProfileMasthead .wds-button.wds-is-secondary:hover:not(:disabled), .UserProfileMasthead .wds-button.wds-is-secondary:active, .UserProfileMasthead .wds-button.wds-is-secondary.wds-is-active { background-color: transparent; border-color: #cac6c6; color: #cac6c6 } .UserProfileMasthead .wds-button.wds-is-text { background-color: transparent; color: #D5D4D4 } .UserProfileMasthead .wds-button-group > .wds-dropdown:not(:first-child) .wds-button { border-left-color: transparent; }
 * 1) userIdentityBoxEdit::before, #userAvatarEdit::before {
 * 1) userIdentityBoxEdit, #userAvatarEdit {