MediaWiki:Vector-2022.css: Difference between revisions

From Rise of Agon Wiki
Admin (talk | contribs)
Tighten Vector 2022 theme backgrounds
Admin (talk | contribs)
Refine Vector 2022 header/menu styling
 
Line 1: Line 1:
/* Menu / nav panels */
/* Header bar to match theme */
.vector-menu, .vector-menu-content, .vector-menu-tabs, .vector-dropdown, .vector-menu-tabs .vector-menu-content {
.vector-header, .vector-sticky-header {
   background: rgba(15, 27, 44, 0.75);
  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); }


/* Sticky header background */
/* Tabs bar */
.vector-sticky-header, .vector-header-container {
.vector-menu-tabs, .vector-menu-tabs .vector-menu-content {
   background: linear-gradient(135deg, rgba(216, 166, 87, 0.08), rgba(92, 124, 155, 0.06));
   background: rgba(15, 27, 44, 0.82);
  border: 1px solid rgba(216, 166, 87, 0.35);
}
}
 
.vector-menu-tabs li a { color: #f1e4c8; }
/* TOC cards */
.vector-menu-tabs li.selected a, .vector-menu-tabs li a:hover {
.vector-toc { background: rgba(15, 27, 44, 0.82); }
  color: var(--gold);
 
   background: rgba(216, 166, 87, 0.12);
/* Ensure page container stays parchment even when sticky header engaged */
.mw-page-container {
   background: #fffaf0;
}
}

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