MediaWiki:Vector.css: Difference between revisions

Revision as of 11:44, 16 August 2026

/* === Bridgerpedia — Fextralife-style Dark Theme (v2, wide patch) === */

:root {
    --bp-bg: #16181c;
    --bp-bg-panel: #1e2126;
    --bp-bg-elevated: #262a30;
    --bp-border: #34383f;
    --bp-text: #d4d4d4;
    --bp-text-dim: #9a9a9a;
    --bp-link: #6fa8dc;
    --bp-accent: #e8930a;
}

html, body,
#mw-head, #mw-head *,
.mw-header, .mw-header *,
.vector-header, .vector-header *,
.vector-header-container, .vector-header-container *,
#p-personal, #p-personal *,
.vector-user-links, .vector-user-links *,
#left-navigation, #left-navigation *,
#right-navigation, #right-navigation *,
.vector-page-tabs, .vector-page-tabs *,
.vector-menu-tabs, .vector-menu-tabs *,
#p-views, #p-views *,
#p-namespaces, #p-namespaces *,
#p-cactions, #p-cactions *,
.vector-dropdown, .vector-dropdown *,
#simpleSearch, #simpleSearch *,
.vector-search-box, .vector-search-box *,
.cdx-search-input, .cdx-search-input *,
.mw-page-container,
.vector-column-start, .vector-column-start *,
.vector-column-end,
.mw-footer-container, .mw-footer-container *,
#footer, #footer *,
.vector-body {
    background-color: var(--bp-bg) !important;
    color: var(--bp-text) !important;
    border-color: var(--bp-border) !important;
}

#content, .mw-body, .mw-body-content, .vector-body-before-content {
    background-color: var(--bp-bg-panel) !important;
    color: var(--bp-text) !important;
}

#mw-panel, #mw-panel *, .vector-menu-content, .vector-menu-content * {
    background-color: var(--bp-bg) !important;
    color: var(--bp-text-dim) !important;
}

a, #mw-head a, #p-personal a, #mw-panel a {
    color: var(--bp-link) !important;
}

a.new { color: #d16a5a !important; }

#firstHeading, h1, h2 {
    color: var(--bp-text) !important;
    border-bottom: 1px solid var(--bp-accent) !important;
}

table.wikitable, table.wikitable * {
    background-color: var(--bp-bg-elevated) !important;
    color: var(--bp-text) !important;
    border-color: var(--bp-border) !important;
}

table.wikitable th { color: var(--bp-accent) !important; }

.cdx-button, .mw-ui-button {
    background-color: var(--bp-accent) !important;
    color: #16181c !important;
    border: none !important;
}

.bp-infobox {
    background-color: var(--bp-bg-elevated);
    border: 1px solid var(--bp-border);
    border-top: 3px solid var(--bp-accent);
    border-radius: 4px;
    padding: 10px;
    float: right;
    width: 280px;
    margin: 0 0 1em 1em;
    color: var(--bp-text);
}

.bp-infobox-title {
    color: var(--bp-accent);
    font-weight: 700;
    text-align: center;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--bp-border);
}
/* Тигровый фон — только на body, за пределами блока контента */
body {
    background-image: url('/images/e/ee/Background1.png') !important;
    background-repeat: repeat !important;
    background-size: 500px 500px !important;
    background-attachment: fixed !important;
}
#mw-head, #mw-head *,
#mw-panel, #mw-panel *,
.vector-header, .vector-header *,
.vector-header-container,
#left-navigation, #left-navigation *,
#right-navigation, #right-navigation *,
.mw-page-container {
    background-color: transparent !important;
}
html, body, #mw-head, .vector-header, .vector-header-container, #mw-panel {
    background-image: url('/images/e/ee/Background1.png') !important;
    background-repeat: repeat !important;
    background-size: 500px 500px !important;
    background-color: transparent !important;
}
/* Кнопки-вкладки: Discussion, View history, Read, Edit и т.д. */
#p-views li,
#p-views li a,
#p-namespaces li,
#p-namespaces li a,
#p-cactions li,
#p-cactions li a,
.vector-tab-noicon,
.vector-tab-noicon a,
li.selected,
li.selected a,
li.new,
li.new a {
    background-color: transparent !important;
    background: none !important;
    color: var(--bp-text-dim, #9a9a9a) !important;
}

li.selected a {
    color: var(--bp-accent, #e8930a) !important;
}

a.new span {
    color: #d16a5a !important;
}
html, body,
.mw-page-container,
#mw-head, .vector-header, .vector-header-container,
#mw-panel, .vector-legacy-sidebar {
    background-image: 
        linear-gradient(rgba(10, 11, 13, 0.9), rgba(10, 11, 13, 0.9)),
        url('/images/e/ee/Background1.png') !important;
    background-repeat: repeat, repeat !important;
    background-size: cover, 500px 500px !important;
    background-attachment: fixed, fixed !important;
    background-color: transparent !important;
}
.mw-logo, .mw-logo-container, #p-logo, #p-logo a {
    width: 135px !important;
    height: 135px !important;
    max-width: 135px !important;
    max-height: 135px !important;
    overflow: hidden !important;
}

.mw-logo-icon, .mw-logo img {
    width: 135px !important;
    height: 135px !important;
    object-fit: contain !important;
}