MediaWiki:Vector-2022.css: Difference between revisions
From Rise of Agon Wiki
Tighten Vector 2022 theme backgrounds |
Refine Vector 2022 header/menu styling |
||
| Line 1: | Line 1: | ||
/* | /* Header bar to match theme */ | ||
.vector-menu, .vector-menu- | .vector-header, .vector-sticky-header { | ||
background: rgba(15, 27, 44, 0. | background: linear-gradient(135deg, #f5ecd7 0%, #efe3c6 40%, #e4d5b4 100%); | ||
border-bottom: 1px solid rgba(216, 166, 87, 0.45); | |||
} | |||
.vector-header a, .vector-sticky-header a { color: #0f1b2c; } | |||
/* Main menu panel (Vector 2022 side menu) */ | |||
.vector-main-menu, .vector-main-menu-container { | |||
background: rgba(15, 27, 44, 0.82); | |||
color: #e9e3d8; | |||
border-right: 1px solid rgba(216, 166, 87, 0.35); | |||
} | |||
.vector-main-menu a { color: #f1e4c8; } | |||
.vector-main-menu a:hover { color: var(--gold); } | |||
/* Page tools menu (top-right dropdown) */ | |||
.vector-page-toolbar .vector-menu-content, .vector-page-toolbar .vector-menu-content-list { | |||
background: rgba(15, 27, 44, 0.85); | |||
color: #e9e3d8; | color: #e9e3d8; | ||
border: 1px solid rgba(216, 166, 87, 0.35); | border: 1px solid rgba(216, 166, 87, 0.35); | ||
} | } | ||
.vector-menu a { color: #f1e4c8; } | .vector-page-toolbar .vector-menu-content a { color: #f1e4c8; } | ||
.vector-menu a:hover { color: var(--gold); } | .vector-page-toolbar .vector-menu-content a:hover { color: var(--gold); } | ||
/* | /* Tabs bar */ | ||
.vector- | .vector-menu-tabs, .vector-menu-tabs .vector-menu-content { | ||
background: | background: rgba(15, 27, 44, 0.82); | ||
border: 1px solid rgba(216, 166, 87, 0.35); | |||
} | } | ||
.vector-menu-tabs li a { color: #f1e4c8; } | |||
.vector-menu-tabs li.selected a, .vector-menu-tabs li a:hover { | |||
.vector- | color: var(--gold); | ||
background: rgba(216, 166, 87, 0.12); | |||
. | |||
background: | |||
} | } | ||
Latest revision as of 06:41, 24 January 2026
/* Header bar to match theme */
.vector-header, .vector-sticky-header {
background: linear-gradient(135deg, #f5ecd7 0%, #efe3c6 40%, #e4d5b4 100%);
border-bottom: 1px solid rgba(216, 166, 87, 0.45);
}
.vector-header a, .vector-sticky-header a { color: #0f1b2c; }
/* Main menu panel (Vector 2022 side menu) */
.vector-main-menu, .vector-main-menu-container {
background: rgba(15, 27, 44, 0.82);
color: #e9e3d8;
border-right: 1px solid rgba(216, 166, 87, 0.35);
}
.vector-main-menu a { color: #f1e4c8; }
.vector-main-menu a:hover { color: var(--gold); }
/* Page tools menu (top-right dropdown) */
.vector-page-toolbar .vector-menu-content, .vector-page-toolbar .vector-menu-content-list {
background: rgba(15, 27, 44, 0.85);
color: #e9e3d8;
border: 1px solid rgba(216, 166, 87, 0.35);
}
.vector-page-toolbar .vector-menu-content a { color: #f1e4c8; }
.vector-page-toolbar .vector-menu-content a:hover { color: var(--gold); }
/* Tabs bar */
.vector-menu-tabs, .vector-menu-tabs .vector-menu-content {
background: rgba(15, 27, 44, 0.82);
border: 1px solid rgba(216, 166, 87, 0.35);
}
.vector-menu-tabs li a { color: #f1e4c8; }
.vector-menu-tabs li.selected a, .vector-menu-tabs li a:hover {
color: var(--gold);
background: rgba(216, 166, 87, 0.12);
}