MediaWiki: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: #991300; 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 #991300; color: #991300; } .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; }
 * 1) userIdentityBoxEdit::before, #userAvatarEdit::before {

vertical-align: top; text-transform: uppercase; font-weight: bold; }
 * 1) userIdentityBoxEdit, #userAvatarEdit {

.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; }

/* Tablice wiadomości */ .Board .SpeechBubble.message-main { border-left: 3px solid #250000 !important; padding: 0 0 0 5px !important; margin-top: 15px !important; margin-bottom: 30px !important; }

.Board .SpeechBubble .speech-bubble-message { margin-left: 0; border-radius: 0 !important; margin-bottom: 0 !important; }

.Board .SpeechBubble.message-main > .speech-bubble-message, .Board .SpeechBubble.new-message .speech-bubble-message { background: rgba(37, 0, 0, 0.75) !important; color: #fff; }

.Board .SpeechBubble.message-main > .speech-bubble-avatar img, .Board .SpeechBubble.new-message .speech-bubble-avatar img { width: 32px; height: 32px; margin: 10px; z-index: 2; }

.Board .replies > li { padding-left: 20px; }

.Board .SpeechBubble .speech-bubble-message:after { display: none; }

.Board .SpeechBubble > .replies { margin-left: 0 !important; }

.Board .edited-by { margin-top: 0; margin-bottom: 6px; }

.Board .deleteorremove-bubble { border-radius: 0; background: transparent; border: 0; box-shadow: none; padding: 0; padding-left: 10px; }

.Board .deleteorremove-bubble .avatar { height: 30px; width: 30px; margin: 0 !important; }

.Board .deleteorremove-bubble img { border: none; }

.Board .edited-by:after { content: none; }

.Board .deleteorremove-bubble .message { margin-left: 50px; }

.Board .SpeechBubble .speech-bubble-message .buttons { display: block !important; opacity: 0; transition: opacity 0.15s ease; }

.Board .SpeechBubble .speech-bubble-message:hover .buttons { opacity: 1; }

.Board .SpeechBubble .wikia-menu-button, .Board .SpeechBubble button { background-color: transparent; border: 1px solid #D3D2D2; color: #D3D2D2; font-weight: normal; transition: border-color 0.2s, color 0.2s; border-radius: 0; font-size: 10px; height: 20px }

.Board .SpeechBubble .wikia-menu-button:hover, .Board .SpeechBubble .wikia-menu-button.active, .Board .SpeechBubble button:hover { background-color: transparent !important; border: 1px solid darkred; color: white; font-weight:bold; }

.Board .SpeechBubble .wikia-menu-button::after { content: url('data:image/svg+xml;utf8, '); position: relative; top: 2px; margin-right: 2px; }

.Board .SpeechBubble .wikia-menu-button:hover::after { content: url('data:image/svg+xml;utf8, '); position: relative; top: 2px; margin-right: 2px; }

.Board .SpeechBubble.message-main > .speech-bubble-message .wikia-menu-button, .Board .SpeechBubble.message-main > .speech-bubble-message button, .Board .SpeechBubble.new-message button { border: 1px solid #fff; color: #fff; }

.Board .SpeechBubble.message-main > .speech-bubble-message .wikia-menu-button:hover, .Board .SpeechBubble.message-main > .speech-bubble-message button:hover, .Board .SpeechBubble.new-message button:hover { border: 1px solid #D3D2D2; color: #D3D2D2; }

.Board .SpeechBubble.message-main > .speech-bubble-message .wikia-menu-button::after { content: url('data:image/svg+xml;utf8, '); }

.Board .SpeechBubble.message-main > .speech-bubble-message .wikia-menu-button:hover::after { content: url('data:image/svg+xml;utf8, '); }

.Board .SpeechBubble .wikia-menu-button .drop { display: none; }

.Board .deleteorremove-infobox { background: rgba(34, 34, 34, 0.75); margin: 0 !important; }

.Board .SpeechBubble .load-more { margin: 0; }

.Board .new-message textarea.title { margin-left: 50px; width: calc(100% - 50px); height: 36px; }

.Board .speech-bubble-message .buttons ul { border: 1px solid darkred; }

.Board .speech-bubble-message .buttons ul li a { padding: 2px 5px; }

.Board .SpeechBubble.message-main > .speech-bubble-message .msg-title { line-height: initial; }

.Board .SpeechBubble.message-main > .speech-bubble-message .msg-title a { font-size: 18px; color: #fff !important; }

.Board .SpeechBubble.message-main > .speech-bubble-message .edited-by { font-size: 12px; }

.Board .MiniEditorWrapper .editarea textarea { background: rgba(34, 34, 34, 0.75) !important; }

.Board .MiniEditorWrapper .toolbar .cke_button > a { border-radius: 0; }

.Wall .new-reply { margin-bottom: 10px !important; }

.Wall .save-edit { margin-bottom: 26px; margin-top: 0; }