MediaWiki:Common.css

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

/* =========================================================
   CRYPTOWIKI — COMMON.CSS EXTENSION
   Дополнительные стили интерфейса MediaWiki
   ========================================================= */


/* ---------- 36. VECTOR DROPDOWNS ---------- */

.vector-dropdown,
.vector-menu-dropdown {
    background: transparent !important;
}

.vector-dropdown-label,
.vector-menu-dropdown .vector-menu-heading {
    color: var(--cw-muted) !important;
}

.vector-dropdown-label:hover,
.vector-menu-dropdown .vector-menu-heading:hover {
    color: var(--cw-accent) !important;
}

.vector-dropdown-content,
.vector-menu-dropdown .vector-menu-content {
    background: var(--cw-panel) !important;
    border: 1px solid var(--cw-line) !important;
    border-radius: var(--cw-radius) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .35) !important;
    padding: 6px !important;
}

.vector-dropdown-content a,
.vector-menu-dropdown .vector-menu-content a {
    display: block;
    color: var(--cw-muted) !important;
    border-radius: 4px;
    padding: 8px 12px !important;
}

.vector-dropdown-content a:hover,
.vector-menu-dropdown .vector-menu-content a:hover {
    background: var(--cw-accent-soft) !important;
    color: var(--cw-accent) !important;
}


/* ---------- 37. PERSONAL MENU ---------- */

#p-personal,
.vector-user-links,
.vector-user-menu {
    color: var(--cw-muted) !important;
}

#p-personal a,
.vector-user-links a,
.vector-user-menu a {
    color: var(--cw-muted) !important;
}

#p-personal a:hover,
.vector-user-links a:hover,
.vector-user-menu a:hover {
    color: var(--cw-accent) !important;
}


/* ---------- 38. LOGIN / ACCOUNT ---------- */

.mw-htmlform,
.mw-htmlform-field-HTMLTextField,
.mw-htmlform-field-HTMLTextAreaField,
.mw-htmlform-field-HTMLSelectField {
    color: var(--cw-text);
}

.mw-htmlform fieldset {
    background: var(--cw-panel);
    border: 1px solid var(--cw-line);
    border-radius: var(--cw-radius);
    padding: 20px;
}

.mw-htmlform legend {
    color: var(--cw-accent);
    font-family: var(--cw-heading);
    font-weight: 600;
}

.mw-htmlform label {
    color: var(--cw-muted);
}

.mw-htmlform input {
    max-width: 100%;
}


/* ---------- 39. SEARCH RESULTS ---------- */

.mw-search-results {
    color: var(--cw-text);
}

.mw-search-result {
    padding: 16px 0;
    border-bottom: 1px solid var(--cw-line);
}

.mw-search-result-heading {
    font-family: var(--cw-heading);
    font-size: 1.15rem;
    font-weight: 600;
}

.mw-search-result-heading a {
    color: var(--cw-accent);
}

.mw-search-result-data,
.searchresult {
    color: var(--cw-muted);
}

.mw-search-result-data {
    font-family: var(--cw-mono);
    font-size: .75rem;
}


/* ---------- 40. RECENT CHANGES ---------- */

.mw-changeslist,
.mw-changeslist-line {
    color: var(--cw-text);
}

.mw-changeslist-line {
    padding: 5px 8px;
    border-radius: 4px;
}

.mw-changeslist-line:hover {
    background: var(--cw-accent-soft);
}

.mw-plusminus-pos {
    color: var(--cw-success);
}

.mw-plusminus-neg {
    color: var(--cw-danger);
}

.mw-tag {
    background: var(--cw-panel-active);
    color: var(--cw-accent);
    border: 1px solid var(--cw-line);
    border-radius: 4px;
    padding: 2px 6px;
    font-family: var(--cw-mono);
    font-size: .7rem;
}


/* ---------- 41. PAGINATION ---------- */

.mw-pager-navigation-bar,
.mw-pager-navigation-bar a {
    color: var(--cw-muted);
}

.mw-pager-navigation-bar a {
    padding: 5px 9px;
    border-radius: 4px;
}

.mw-pager-navigation-bar a:hover {
    color: var(--cw-accent);
    background: var(--cw-accent-soft);
}


/* ---------- 42. CATEGORY PAGES ---------- */

.mw-category-generated {
    background: transparent;
}

.mw-category-group {
    background: var(--cw-panel);
    border: 1px solid var(--cw-line);
    border-radius: var(--cw-radius);
    padding: 15px 20px;
    margin: 15px 0;
}

.mw-category-group h3 {
    color: var(--cw-accent);
    font-family: var(--cw-heading);
    border-bottom: 1px solid var(--cw-line);
    padding-bottom: 8px;
}

.mw-category-group ul {
    columns: 2;
    column-gap: 30px;
}

@media (max-width: 600px) {
    .mw-category-group ul {
        columns: 1;
    }
}


/* ---------- 43. FILE PAGES ---------- */

.fullImageLink,
.filehistory,
.fileinfo {
    color: var(--cw-muted);
}

.filehistory {
    background: var(--cw-panel);
    border: 1px solid var(--cw-line);
    border-radius: var(--cw-radius);
    padding: 15px;
}

.filehistory th,
.filehistory td {
    border-color: var(--cw-line);
}

.mw-filepage-other-resolutions {
    color: var(--cw-muted);
}


/* ---------- 44. COLLAPSIBLE ELEMENTS ---------- */

.mw-collapsible {
    border: 1px solid var(--cw-line);
    border-radius: var(--cw-radius);
    background: var(--cw-panel);
    padding: 12px 16px;
}

.mw-collapsible-toggle {
    font-family: var(--cw-mono);
    font-size: .8rem;
}

.mw-collapsible-toggle a {
    color: var(--cw-accent) !important;
}


/* ---------- 45. TOOLTIP ---------- */

.mw-tooltip,
.oo-ui-popupWidget-popup {
    background: var(--cw-panel) !important;
    color: var(--cw-text) !important;
    border: 1px solid var(--cw-line) !important;
    border-radius: var(--cw-radius) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .3) !important;
}


/* ---------- 46. MODALS ---------- */

.oo-ui-window-frame,
.oo-ui-dialog,
.oo-ui-processDialog-content {
    background: var(--cw-panel) !important;
    color: var(--cw-text) !important;
    border: 1px solid var(--cw-line) !important;
    border-radius: var(--cw-radius) !important;
}

.oo-ui-window-head,
.oo-ui-dialog-content {
    background: var(--cw-panel) !important;
    color: var(--cw-text) !important;
}

.oo-ui-window-head {
    border-bottom: 1px solid var(--cw-line) !important;
}


/* ---------- 47. NOTICES AND WARNINGS ---------- */

.mw-message-box {
    background: var(--cw-panel) !important;
    color: var(--cw-text) !important;
    border: 1px solid var(--cw-line) !important;
    border-radius: var(--cw-radius);
    padding: 14px 18px;
}

.mw-message-box-warning {
    border-left: 3px solid var(--cw-warning) !important;
}

.mw-message-box-error {
    border-left: 3px solid var(--cw-danger) !important;
}

.mw-message-box-success {
    border-left: 3px solid var(--cw-success) !important;
}

.mw-message-box-info {
    border-left: 3px solid var(--cw-info) !important;
}


/* ---------- 48. TAGS / STATUS LABELS ---------- */

.mw-tag,
.mw-rcfilters-ui-chip,
.oo-ui-labelElement-label {
    font-family: var(--cw-mono);
}

.mw-rcfilters-ui-chip {
    background: var(--cw-panel) !important;
    color: var(--cw-accent) !important;
    border: 1px solid var(--cw-line) !important;
    border-radius: 4px !important;
}


/* ---------- 49. ACCESSIBILITY ---------- */

:focus-visible {
    outline: 2px solid var(--cw-accent) !important;
    outline-offset: 3px;
}

a:focus-visible,
button:focus-visible {
    border-radius: 3px;
}


/* ---------- 50. PRINT ---------- */

@media print {
    body,
    #content,
    .mw-body {
        background: white !important;
        color: black !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        color: black !important;
        text-decoration: underline;
    }

    .vector-header-container,
    #mw-panel,
    #mw-navigation,
    #footer,
    .mw-editsection {
        display: none !important;
    }

    .mw-body {
        border: none !important;
        padding: 0 !important;
    }
}