MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Kognivera branding — colours from the Kognivera logo:
   blue #0d66c5, red-orange #ff3c06, orange #fb7c05 */

:root {
  --kv-blue: #0d66c5;
  --kv-blue-dark: #0a529e;
  --kv-blue-darker: #083f7a;
  --kv-red: #ff3c06;
  --kv-orange: #fb7c05;
  --color-progressive: var(--kv-blue);
  --color-progressive--hover: var(--kv-blue-dark);
  --color-progressive--active: var(--kv-blue-darker);
  --color-progressive--focus: var(--kv-blue);
  --border-color-progressive: var(--kv-blue);
  --border-color-progressive--hover: var(--kv-blue-dark);
  --background-color-progressive: var(--kv-blue);
  --background-color-progressive--hover: var(--kv-blue-dark);
  --color-link: var(--kv-blue);
  --color-link--hover: var(--kv-orange);
  --color-link--visited: #0a4f99;
  --color-link-red: var(--kv-red);
  --color-link-red--visited: var(--kv-red);
  --color-destructive: var(--kv-red);
}

/* Logo (hot-linked until it is set in LocalSettings.php) */
.mw-logo-icon { display: none !important; }
.mw-logo-container.skin-invert { filter: none !important; }
.mw-logo-wordmark {
  display: block;
  width: 160px;
  height: 41px;
  background: url("https://asdf.kognivera.com/kognivera-logo.png") no-repeat left center / contain;
  text-indent: -9999px;
  overflow: hidden;
}

/* Links */
a, .mw-parser-output a.external { color: var(--kv-blue); }
a:visited, .mw-parser-output a.external:visited { color: #0a4f99; }
a:hover, .mw-parser-output a.external:hover { color: var(--kv-orange); }
a.new, a.new:visited { color: var(--kv-red); }

/* Header accent bar */
.vector-header-container { border-bottom: 3px solid var(--kv-blue); }
.mw-page-container { border-top: 0; }

/* Headings */
.mw-body h1, .mw-body .firstHeading { color: #1b2a3a; }
.mw-body h1, .mw-body h2, .mw-heading1, .mw-heading2 { border-bottom-color: var(--kv-orange) !important; }

/* Active tab / selected items */
.vector-menu-tabs .selected a,
.vector-menu-tabs .mw-list-item.selected a { color: var(--kv-blue) !important; }
.vector-menu-tabs .selected,
.vector-menu-tabs .mw-list-item.selected { box-shadow: inset 0 -2px 0 var(--kv-blue); }

/* Primary buttons */
.cdx-button--action-progressive.cdx-button--weight-primary,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button {
  background-color: var(--kv-blue) !important;
  border-color: var(--kv-blue) !important;
}
.cdx-button--action-progressive.cdx-button--weight-primary:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:hover {
  background-color: var(--kv-blue-dark) !important;
  border-color: var(--kv-blue-dark) !important;
}

/* Search button */
.cdx-search-input__end-button { color: var(--kv-blue); }

/* Footer accent */
.mw-footer { border-top: 3px solid var(--kv-orange); }