MediaWiki:Vector.css: Difference between revisions

From Bridgerpedia
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
/* === Bridgerpedia — Fextralife-style Dark Theme (v2, wide patch) === */
/* === Bridgerpedia — Dark Theme (clean rewrite) === */


:root {
:root {
Line 12: Line 12:
}
}


/* Фон с тигровым узором на каркасе страницы */
html, body,
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,
.mw-page-container,
.vector-column-start, .vector-column-start *,
#mw-head, .vector-header, .vector-header-container,
.vector-column-end,
#mw-panel, .vector-legacy-sidebar {
.mw-footer-container, .mw-footer-container *,
    background-image:
#footer, #footer *,
        linear-gradient(rgba(10, 11, 13, 0.9), rgba(10, 11, 13, 0.9)),
.vector-body {
        url('/images/e/ee/Background1.png') !important;
     background-color: var(--bp-bg) !important;
    background-repeat: repeat, repeat !important;
     background-size: cover, 500px 500px !important;
    background-attachment: fixed, fixed !important;
    background-color: transparent !important;
     color: var(--bp-text) !important;
     color: var(--bp-text) !important;
    border-color: var(--bp-border) !important;
}
}


/* Контентный блок остаётся отдельным цветом, без узора */
#content, .mw-body, .mw-body-content, .vector-body-before-content {
#content, .mw-body, .mw-body-content, .vector-body-before-content {
     background-color: var(--bp-bg-panel) !important;
     background-color: var(--bp-bg-panel) !important;
Line 46: Line 33:
}
}


#mw-panel, #mw-panel *, .vector-menu-content, .vector-menu-content * {
/* Заголовки */
     background-color: var(--bp-bg) !important;
#firstHeading, h1, h2 {
     color: var(--bp-text-dim) !important;
     color: var(--bp-text) !important;
     border-bottom: 1px solid var(--bp-accent) !important;
}
}


a, #mw-head a, #p-personal a, #mw-panel a {
h3, h4, h5 {
     color: var(--bp-link) !important;
    color: var(--bp-text) !important;
     border-bottom: 1px solid var(--bp-border) !important;
}
}


a.new { color: #d16a5a !important; }
/* Ссылки */
a { color: var(--bp-link) !important; }
a:hover { text-decoration: underline !important; }
a.new, a.new span { color: #d16a5a !important; }


#firstHeading, h1, h2 {
/* Вкладки: Discussion, View history и т.д. */
     color: var(--bp-text) !important;
#p-views li, #p-views li a,
     border-bottom: 1px solid var(--bp-accent) !important;
#p-namespaces li, #p-namespaces li a,
#p-cactions li, #p-cactions li a,
.vector-tab-noicon, .vector-tab-noicon a {
    background: none !important;
    background-color: transparent !important;
     color: var(--bp-text-dim) !important;
}
 
li.selected a {
     color: var(--bp-accent) !important;
    font-weight: 600 !important;
}
}


/* Таблицы */
table.wikitable, table.wikitable * {
table.wikitable, table.wikitable * {
     background-color: var(--bp-bg-elevated) !important;
     background-color: var(--bp-bg-elevated) !important;
Line 70: Line 73:
table.wikitable th { color: var(--bp-accent) !important; }
table.wikitable th { color: var(--bp-accent) !important; }


/* Кнопки */
.cdx-button, .mw-ui-button {
.cdx-button, .mw-ui-button {
     background-color: var(--bp-accent) !important;
     background-color: var(--bp-accent) !important;
Line 76: Line 80:
}
}


/* === Логотип: единственный чистый блок === */
#p-logo {
    width: 135px !important;
    height: 135px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}
#p-logo a {
    width: 135px !important;
    height: 135px !important;
    background-image: url('/images/4/49/Bp-logo-600.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    display: block !important;
}
/* Инфобоксы под Cards/Weapons/NPC/Locations */
.bp-infobox {
.bp-infobox {
     background-color: var(--bp-bg-elevated);
     background-color: var(--bp-bg-elevated);
Line 95: Line 120:
     margin-bottom: 8px;
     margin-bottom: 8px;
     border-bottom: 1px solid var(--bp-border);
     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;
    display: block !important;
}
.mw-logo-icon, .mw-logo img, #p-logo img {
    width: 135px !important;
    height: 135px !important;
    max-width: 135px !important;
    max-height: 135px !important;
    object-fit: contain !important;
    background-size: contain !important;
}
#p-logo {
    width: 135px !important;
    height: 135px !important;
    max-width: 135px !important;
    max-height: 135px !important;
    overflow: hidden !important;
    position: relative !important;
}
#p-logo a.mw-logo,
#p-logo a {
    width: 135px !important;
    height: 135px !important;
    max-width: 135px !important;
    max-height: 135px !important;
    display: block !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
#p-logo .mw-logo-icon,
#p-logo img {
    width: 135px !important;
    height: 135px !important;
    max-width: 135px !important;
    max-height: 135px !important;
    object-fit: contain !important;
}
#p-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
#p-logo a.mw-logo,
#p-logo a {
    background-position: center center !important;
}
#p-logo .mw-logo-icon,
#p-logo img {
    margin: 0 auto !important;
    display: block !important;
}
#p-logo a.mw-logo,
#p-logo a {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 135px !important;
    height: 135px !important;
}
}

Revision as of 11:49, 16 August 2026

/* === Bridgerpedia — Dark Theme (clean rewrite) === */

: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-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;
    color: var(--bp-text) !important;
}

/* Контентный блок остаётся отдельным цветом, без узора */
#content, .mw-body, .mw-body-content, .vector-body-before-content {
    background-color: var(--bp-bg-panel) !important;
    color: var(--bp-text) !important;
}

/* Заголовки */
#firstHeading, h1, h2 {
    color: var(--bp-text) !important;
    border-bottom: 1px solid var(--bp-accent) !important;
}

h3, h4, h5 {
    color: var(--bp-text) !important;
    border-bottom: 1px solid var(--bp-border) !important;
}

/* Ссылки */
a { color: var(--bp-link) !important; }
a:hover { text-decoration: underline !important; }
a.new, a.new span { color: #d16a5a !important; }

/* Вкладки: Discussion, View history и т.д. */
#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 {
    background: none !important;
    background-color: transparent !important;
    color: var(--bp-text-dim) !important;
}

li.selected a {
    color: var(--bp-accent) !important;
    font-weight: 600 !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;
}

/* === Логотип: единственный чистый блок === */
#p-logo {
    width: 135px !important;
    height: 135px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

#p-logo a {
    width: 135px !important;
    height: 135px !important;
    background-image: url('/images/4/49/Bp-logo-600.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    display: block !important;
}

/* Инфобоксы под Cards/Weapons/NPC/Locations */
.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);
}