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.

/* ==========================================================================
   GAMAYUN+ Wiki — Common.css
   Reskins the default Vector 2022 skin to match the shared GAMAYUN+ CRT/
   phosphor visual system used across gamayun.site subdomains.

   Source of truth for the custom properties below: the shared
   TheGiantApe/NordvokUtilityEnclosure gama.css (imported here), which is
   itself sourced from the main gamayun-site repo's css/gama.css.
   ========================================================================== */

@import url('https://cdn.jsdelivr.net/gh/TheGiantApe/NordvokUtilityEnclosure@main/gama.css');


/* ---- Base ---- */
html, body {
  background: var(--void);
  color: var(--phosphor);
}
body.skin-vector-2022 {
  font-family: var(--font-mono);
}
#content,
.mw-page-container,
.vector-header-container,
.mw-footer-container {
  background: var(--void);
  color: var(--phosphor);
}

/* No rounded corners anywhere - sitewide GAMAYUN convention. */
* {
  border-radius: 0 !important;
}

a,
.mw-body a {
  color: var(--phosphor);
  text-decoration: none;
}
a:visited { color: var(--phosphor); }
a:hover, a:focus {
  color: var(--void);
  background: var(--phosphor);
}
a.new { color: var(--amber); }

/* ---- Header / top bar ---- */
.vector-header {
  background: var(--void-raised);
  border-bottom: 1px solid var(--phosphor-dim);
}
.mw-first-heading,
.firstHeading {
  font-family: var(--font-mono);
  color: var(--phosphor);
  border-bottom: 1px solid var(--phosphor-dim);
  padding-bottom: 0.4rem;
}

/* ---- Search box ---- */
#p-search,
#simpleSearch {
  background: var(--void);
  border: 1px solid var(--phosphor-dim) !important;
  color: var(--phosphor);
}
#simpleSearch input,
#searchInput {
  background: transparent;
  color: var(--phosphor);
  font-family: var(--font-mono);
}
#searchInput::placeholder { color: var(--phosphor-dim-text); }

/* ---- Content panel: "terminal panel" boxed look ---- */
.mw-body,
#content {
  border: 1px solid var(--phosphor-dim);
  background: var(--void);
}
.mw-body-content {
  color: var(--phosphor);
}

/* ---- Sidebar / navigation panels ---- */
#mw-panel,
#mw-panel-toc,
.vector-menu-content,
.vector-pinnable-element {
  background: var(--void-raised);
  border: 1px solid var(--phosphor-faint);
}
.vector-menu-heading {
  color: var(--phosphor);
  font-family: var(--font-mono);
  border-bottom: 1px solid var(--phosphor-faint);
}
.vector-menu-content-list li a {
  color: var(--phosphor-dim-text);
}
.vector-menu-content-list li a:hover {
  color: var(--phosphor);
  background: var(--phosphor-faint);
}

/* ---- Tabs (views/associated-pages) ---- */
.vector-menu-tabs {
  border-bottom: 1px solid var(--phosphor-dim);
}
.vector-menu-tabs a {
  color: var(--phosphor-dim-text);
}
.vector-menu-tabs .selected a,
.vector-menu-tabs a:hover {
  color: var(--phosphor);
  background: var(--void-raised);
}

/* ---- Tables (infoboxes, wikitables) ---- */
.mw-body table.wikitable {
  background: var(--void-raised);
  border: 1px solid var(--phosphor-dim);
  color: var(--phosphor);
}
.mw-body table.wikitable > tr > th,
.mw-body table.wikitable > * > tr > th {
  background: var(--void);
  border: 1px solid var(--phosphor-faint);
  color: var(--phosphor);
}
.mw-body table.wikitable > tr > td,
.mw-body table.wikitable > * > tr > td {
  border: 1px solid var(--phosphor-faint);
}

/* ---- Cite / references ---- */
.mw-body ol.references,
.mw-body .reference {
  color: var(--phosphor-dim-text);
}
.mw-body sup.reference a {
  color: var(--amber);
}

/* ---- CategoryTree ---- */
.mw-body .CategoryTreeItem {
  color: var(--phosphor);
}
.CategoryTreeToggle {
  color: var(--phosphor-dim-text);
}

/* ---- Category page footer listing ---- */
#catlinks,
.mw-normal-catlinks,
.mw-hidden-catlinks {
  border: 1px solid var(--phosphor-dim);
  background: var(--void-raised);
  color: var(--phosphor-dim-text);
  padding: 0.5rem;
}
#catlinks a { color: var(--phosphor); }

/* ---- Footer ---- */
#footer {
  border-top: 1px solid var(--phosphor-dim);
  color: var(--phosphor-dim-text);
  font-family: var(--font-mono);
}
#footer a { color: var(--phosphor-dim-text); }
#footer a:hover { color: var(--phosphor); }