MediaWiki:Cosmos.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.

/* All CSS here will be loaded for users of the Cosmos skin */
/* === Edge of Twilight — Archaic Manuscript Theme === */

/* Import recommended fonts */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600&family=Crimson+Pro:wght@400;600&display=swap');

/* Body background: deep twilight frame */
body {
  background-color: #2C3E50;
  color: #2B2B2B;
  font-family: 'Crimson Pro', serif;
}

/* Main content: parchment */
#content, .mw-body {
  background-color: #F4ECD8;
  color: #2B2B2B;
  border: 1px solid #D1C7B8;
  padding: 1.2em;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
}

/* Header & footer: dark, aged leather */
#mw-head, #footer {
  background-color: #1F1A17;
  color: #E8E2D6;
  font-family: 'EB Garamond', serif;
  border-bottom: 2px solid #6B4A8A;
}

/* Sidebar: darker parchment */
#mw-panel {
  background-color: #D9CBB5;
  color: #2B2B2B;
  font-family: 'Crimson Pro', serif;
}

#mw-panel a {
  color: #6B4A8A;
}

#mw-panel a:hover {
  color: #C49A3A;
}

/* Links: twilight violet */
a {
  color: #6B4A8A;
  text-decoration: none;
  font-weight: 600;
}

a:hover {
  color: #C49A3A;
  text-decoration: underline;
}

/* Buttons: muted violet with gold hover */
button, input[type="submit"], .mw-ui-button {
  background-color: #6B4A8A;
  color: #F4ECD8;
  border: 1px solid #4E3566;
  padding: 0.5em 1em;
  border-radius: 4px;
  font-family: 'EB Garamond', serif;
}

button:hover, input[type="submit"]:hover, .mw-ui-button:hover {
  background-color: #C49A3A;
  color: #1F1A17;
}

/* Headings: elegant serif */
h1, h2, h3, h4, h5, h6 {
  color: #1F1A17;
  font-family: 'EB Garamond', serif;
  letter-spacing: 0.5px;
}

/* Tables: parchment with ink borders */
table {
  border-collapse: collapse;
  width: 100%;
  background-color: #F4ECD8;
  color: #2B2B2B;
}

th, td {
  border: 1px solid #D1C7B8;
  padding: 0.5em;
}

th {
  background-color: #6B4A8A;
  color: #F4ECD8;
  font-family: 'EB Garamond', serif;
}

/* Inputs: parchment fields */
input[type="text"], input[type="search"] {
  background-color: #F4ECD8;
  border: 1px solid #D1C7B8;
  color: #2B2B2B;
  padding: 0.3em;
}

/* Optional: subtle vignette effect */
body {
  background-image: radial-gradient(circle at center, rgba(0,0,0,0) 60%, rgba(0,0,0,0.4) 100%);
}

/* Tweaks */
.mw-heading2>h2, .mw-heading3>h3 {
    color: hsl(0 10% 15% / 1);
}
.mw-heading2 {
    border-bottom: 1px solid #8e7e6d !important;
}
body {
    background-image: linear-gradient(rgb(255 209 54) 0%, rgb(75 0 88) 100%) !important;
}
.cosmos-header {
    background-color: rgba(0,0,0,0);
}
.cosmos-header::before {
    background: none;
    background-color: rgb(255 255 255 / 0%);
}
#mw-content {
    padding: 0;
    background-color: #f4ecd8eb; !important;
}
#content, .mw-body {
    padding: 1rem 2.5rem !important;
    background-color: #ffffff00 !important;
}
#cosmos-footer {
    background-color: rgb(255 255 255 / 0);
}
#cosmos-footer a, #cosmos-footer li {
    color: #432947;
}