MediaWiki:Vector-2022.css: Difference between revisions

From Rise of Agon Wiki
Admin (talk | contribs)
Apply fantasy theme to Vector-2022
 
Admin (talk | contribs)
Refine Vector 2022 header/menu styling
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Vector 2022 fantasy styling: reuse Common.css */
/* Header bar to match theme */
@import url('/w/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css');
.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);
}

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);
}