MediaWiki:Common.css: Difference between revisions

Latest revision as of 13:27, 5 September 2026

/* CSS placed here will be applied to all skins */
/* Subtle parchment background */
body {
  background-color: #f7f3e9;
}

/* Content area styling */
.mw-body {
  background: #fffdf8;
  border: 1px solid #d4c4a8;
  border-radius: 2px;
}

/* Page title */
.mw-page-title-main,
.mw-first-heading {
  font-family: 'Cinzel Decorative', serif;
  color: #4a3c28;
  font-weight: 400;
}

/* Section headers */
.mw-heading h2,
.mw-heading h3,
.mw-heading h4 {
  font-family: 'Cinzel', serif;
  color: #5c4a2a;
}

.mw-heading h2 {
  border-bottom-color: #c9b99a;
}

/* Links - slightly warmer blue */
.mw-body a:not(.new) {
  color: #2a5a8a;
}

.mw-body a:visited {
  color: #4a3c6a;
}

/* Sidebar subtle styling */
.vector-menu-portal .vector-menu-heading {
  color: #5c4a2a;
}

.mw-wiki-logo {
  background-image: url(/images/c/c9/Logo.png) !important;
  background-size: contain;
}

/* On-screen text: Old Tongue, literal translation, official English */
.diegetic-paragraph {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em 2.5em;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 1.5em 0;
  padding: 1em 1.25em;
  border: 1px solid #d4c4a8;
  background: #fdfaf3;
}
.diegetic-col {
  flex: 1 1 16em;
  max-width: 26em;
  min-width: 0;
}
.diegetic-head {
  margin-bottom: 0.5em;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #d4c4a8;
  font-family: 'Cinzel', serif;
  font-size: 0.85em;
  font-style: normal;
  letter-spacing: 0.05em;
  color: #5c4a2a;
}
.diegetic-ot {
  font-style: italic;
  color: #4a3c28;
}
.diegetic-lit,
.diegetic-en {
  color: #555;
}
.diegetic-col .poem,
.diegetic-col .poem p {
  margin: 0;
}

.ot-line { margin: 0 0 0.75em 0; }

.ot-orth { font-style: italic; }

.ot-ipa,
.ot-ipa-inline {
  font-family: "Charis SIL", "Gentium Plus", "Doulos SIL",
               "Noto Serif", "Lucida Sans Unicode", serif;
  font-feature-settings: "kern" 1;
}

.ot-ipa {
  display: block;
  font-size: 0.9em;
  color: #6b5c42;
  padding-left: 1.2em;
}

.ot-ipa-note {
  font-style: italic;
  font-size: 0.9em;
  color: #8a7a5e;
}

.ot-ipa-block {
  border-left: 3px solid #c9b99a;
  padding: 0.4em 0 0.4em 0.8em;
  margin: 0.5em 0 1.2em 0;
}

.ot-ipa-label {
  font-size: 0.85em;
  color: #8a7a5e;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.ot-ipa-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5em;
  margin: 0.15em 0;
}

.ot-ipa-row .ot-orth {
  font-style: italic;
  min-width: 14em;
}

.ot-ipa-row .ot-ipa {
  color: #6b5c42;
}