MediaWiki:Gadget-wiadomosci-o-blokadzie.css

Uwaga: aby zobaczyć zmiany po opublikowaniu, może zajść potrzeba wyczyszczenia pamięci podręcznej przeglądarki.

Firefox / Safari: Przytrzymaj Shift podczas klikania Odśwież bieżącą stronę, lub naciśnij klawisze Ctrl+F5, lub Ctrl+R (⌘-R na komputerze Mac)
Google Chrome: Naciśnij Ctrl-Shift-R (⌘-Shift-R na komputerze Mac)
Internet Explorer / Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5
Opera: Naciśnij klawisze Ctrl+F5.

.bm-form-wrapper {
    display: grid; grid-template-columns: min(100% - 316px, 50em) 300px;
    grid-template-areas: 'form messages';
    gap: 16px; justify-content: start;
}
.bm-form {grid-area: form;}

.bm-preset-messages {
    grid-area: messages;
    align-self: start; border:1px solid #ccc; border-radius: 4px;
    overflow-y: hidden; min-width: 280px; position: sticky;
    top: 66px;
}
.bm-preset-messages h3 {margin: 0; padding: 4px 12px; border-bottom: 1px solid #ccc;}
.bm-preset-messages ul {
    margin: 0; padding: 0; list-style: none; display: flex;
    flex-direction: column; overflow-y: auto; max-height: 70vh;
}
.bm-preset-messages li {margin: 0;}

.bm-preset-messages button {
    appearance: none; font: inherit; color: inherit;
    border: none; background: transparent; width: 100%;
    text-align: left; transition: background-color 0.2s;
    padding: 8px 12px; cursor: pointer;
}
.bm-preset-messages button:hover {
    background: #eee;
}
.bm-preset-messages button:active {
    background: #ddd;
}

.bm-title {
    display: block; font-size: 0.9em; font-weight: bold;
}
.bm-text {
    display: block; font-size: 0.9em;
}

.bm-preview-box {
    background: #f6f6f6; padding: 8px 12px; border-radius: 4px;
    margin-top: 8px;
}
.bm-preview-box::before {
    content: attr(data-label); display: block; font-weight: bold;
    margin-bottom: 8px; color: #444;
}
.bm-preview-box h2:first-child {margin-top: 0;}
.bm-preview-empty {color: #666;}
.bm-preview-box .ext-discussiontools-init-section-bar {display: none;}

.bm-status {
    background: #fee7e6; border: 1px solid #df4040; border-radius: 4px;
    padding: 8px 12px; margin-top: 16px;
}
.bm-status.bm-success {
    background: #e6fee7; border-color: #40df40;
}
.bm-status:empty {display: none;}

@media screen and (max-width: 800px) {
    .bm-form-wrapper {
        grid-template-columns: 1fr; grid-template-rows: auto auto;
        grid-template-areas: 'form' 'messages';
    }

    .bm-preset-messages {position: static;}

    .bm-form .oo-ui-textInputWidget {max-width: unset;}
}

html.enable-dark-skin .bm-preset-messages {border-color: #777;}
html.enable-dark-skin .bm-preset-messages button:hover {background: #282828;}
html.enable-dark-skin .bm-preset-messages button:active {background: #181818;}
html.enable-dark-skin .bm-preview-box {background: #282828;}
html.enable-dark-skin .bm-preview-box::before {color: #aaa;}
html.enable-dark-skin .bm-preview-empty {color: #888;}
html.enable-dark-skin .bm-status {background: #3b0b09;}
html.enable-dark-skin .bm-status.bm-success {background: #1a381b;}