|
|
| Line 1: |
Line 1: |
| /* ===== Sun Keeperverse – clean, mobile-first ===== */
| |
|
| |
|
| /* Stop browsers from auto-resizing text */
| |
| html {
| |
| -webkit-text-size-adjust: 100%;
| |
| text-size-adjust: 100%;
| |
| }
| |
|
| |
| /* Colors */
| |
| :root {
| |
| color-scheme: light !important;
| |
| --color-base: #2b2414;
| |
| --color-link: #36c;
| |
| --color-link-new: #d33;
| |
| --card-bg: #efe3c1;
| |
| --card-border: #c9b172;
| |
| }
| |
|
| |
| /* Base canvas */
| |
| html, body {
| |
| margin: 0;
| |
| padding: 0;
| |
| background: #ffffff !important;
| |
| color: var(--color-base) !important;
| |
| }
| |
|
| |
| /* Main content box */
| |
| #content,
| |
| .mw-body,
| |
| .mw-body-content,
| |
| .vector-body {
| |
| box-sizing: border-box;
| |
| max-width: 1100px;
| |
| margin: 1.5rem auto;
| |
| padding: 1.25rem 1.5rem;
| |
| background: transparent;
| |
| border: none;
| |
| box-shadow: none;
| |
| }
| |
|
| |
| /* Typography */
| |
| body,
| |
| .mw-body-content,
| |
| .vector-body,
| |
| .mw-content-ltr,
| |
| .mw-parser-output {
| |
| font-family: Verdana, Geneva, sans-serif !important;
| |
| font-size: 15px;
| |
| line-height: 1.55;
| |
| color: var(--color-base);
| |
| }
| |
|
| |
| /* Headings */
| |
| .mw-page-title-main,
| |
| #firstHeading,
| |
| .mw-body h1,
| |
| .mw-body h2,
| |
| .mw-body h3,
| |
| .mw-body h4 {
| |
| font-family: Verdana, Geneva, sans-serif !important;
| |
| font-weight: 400;
| |
| letter-spacing: 0.1px;
| |
| line-height: 1.25;
| |
| color: var(--color-base);
| |
| }
| |
|
| |
| .mw-body h1,
| |
| .mw-body h2 {
| |
| border-bottom: 2px solid #d6c796;
| |
| padding-bottom: 0.45rem;
| |
| margin-bottom: 0.6rem;
| |
| margin-top: 1.2em;
| |
| }
| |
|
| |
| /* Links */
| |
| a,
| |
| a:visited {
| |
| color: var(--color-link) !important;
| |
| }
| |
|
| |
| a:hover {
| |
| color: #547c4b !important;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| a.new,
| |
| a.new:visited {
| |
| color: var(--color-link-new) !important;
| |
| }
| |
|
| |
| a.new:hover {
| |
| color: #b00000 !important;
| |
| }
| |
|
| |
| /* Paragraphs & lists */
| |
| .mw-body-content p {
| |
| margin: 0.9em 0;
| |
| }
| |
|
| |
| .mw-body-content ul,
| |
| .mw-body-content ol {
| |
| margin: 0.55em 0 0.85em 1.6em;
| |
| }
| |
|
| |
| /* Parchment cards */
| |
| #toc,
| |
| .toc,
| |
| .wikitable,
| |
| .infobox,
| |
| .navbox,
| |
| .metadata,
| |
| .worldbox,
| |
| .worldnav {
| |
| background: var(--card-bg);
| |
| border: 1px solid var(--card-border);
| |
| box-shadow: 0 1px 3px rgba(0,0,0,0.08);
| |
| }
| |
|
| |
| /* TOC */
| |
| #toc,
| |
| .toc {
| |
| padding: 0.5em 0.75em;
| |
| }
| |
|
| |
| #toc .toctitle {
| |
| color: #5b4a22;
| |
| }
| |
|
| |
| /* Tables */
| |
| .wikitable th,
| |
| .wikitable td {
| |
| padding: 0.5em 0.75em;
| |
| }
| |
|
| |
| .wikitable > tr > th,
| |
| .wikitable > * > tr > th {
| |
| background: #e6d7a8;
| |
| border: 1px solid var(--card-border);
| |
| color: var(--color-base);
| |
| }
| |
|
| |
| .wikitable > tr > td,
| |
| .wikitable > * > tr > td {
| |
| border: 1px solid #ddc996;
| |
| }
| |
|
| |
| /* Infobox / navbox on desktop: float right */
| |
| .infobox,
| |
| .navbox,
| |
| .metadata,
| |
| .worldnav {
| |
| float: right;
| |
| clear: right;
| |
| width: 320px;
| |
| max-width: 40%;
| |
| margin: 0 0 12px 18px;
| |
| padding: 6px;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| /* Footer */
| |
| .mw-footer {
| |
| background: transparent;
| |
| border-top: 1px solid #d6c796;
| |
| color: #6e5d33;
| |
| padding: 0.75rem 1.5rem;
| |
| }
| |
|
| |
| /* ===========================
| |
| MOBILE OVERRIDES
| |
| =========================== */
| |
|
| |
| /* Under 900px: no left sidebar, content full width, cards stacked */
| |
| @media (max-width: 900px) {
| |
| /* hide classic Vector sidebar */
| |
| .mw-panel {
| |
| display: none !important;
| |
| }
| |
|
| |
| #content,
| |
| .mw-body,
| |
| .mw-body-content,
| |
| .vector-body {
| |
| max-width: 100% !important;
| |
| margin: 0.75rem auto !important;
| |
| padding: 0.75rem 0.9rem !important;
| |
| }
| |
|
| |
| /* stack cards */
| |
| .infobox,
| |
| .navbox,
| |
| .metadata,
| |
| .worldnav {
| |
| float: none !important;
| |
| clear: both !important;
| |
| width: auto !important;
| |
| max-width: 100% !important;
| |
| margin: 0.5rem 0 1rem 0 !important;
| |
| }
| |
|
| |
| /* TOC full-width */
| |
| #toc,
| |
| .toc {
| |
| float: none !important;
| |
| width: 100% !important;
| |
| max-width: 100% !important;
| |
| margin: 0.5rem 0 1rem 0 !important;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| /* tables scroll horizontally instead of blowing layout */
| |
| .mw-body-content .wikitable {
| |
| display: block;
| |
| width: 100%;
| |
| overflow-x: auto;
| |
| -webkit-overflow-scrolling: touch;
| |
| }
| |
| }
| |
|
| |
| /* Under 600px: slightly smaller text & tighter headings */
| |
| @media (max-width: 600px) {
| |
| body,
| |
| .mw-body-content,
| |
| .vector-body,
| |
| .mw-content-ltr,
| |
| .mw-parser-output {
| |
| font-size: 14px;
| |
| line-height: 1.5;
| |
| }
| |
|
| |
| #firstHeading,
| |
| .mw-page-title-main {
| |
| font-size: 1.4em !important;
| |
| }
| |
|
| |
| .mw-body h1 {
| |
| font-size: 1.3em !important;
| |
| }
| |
|
| |
| .mw-body h2 {
| |
| font-size: 1.15em !important;
| |
| }
| |
|
| |
| .mw-body-content ul,
| |
| .mw-body-content ol {
| |
| margin-left: 1.2em;
| |
| }
| |
| }
| |
|
| |
| /* ===============================
| |
| CITIZEN / CODEX BUTTON OVERRIDE
| |
| =============================== */
| |
|
| |
| /* All main buttons under Citizen skin (incl. Edit) */
| |
| html.skin-citizen button,
| |
| html.skin-citizen .cdx-button,
| |
| html.skin-citizen .cdx-button--weight-primary,
| |
| html.skin-citizen .cdx-button--action-progressive,
| |
| html.skin-citizen .citizen-header__button,
| |
| html.skin-citizen .citizen-button--progressive {
| |
| background: #e6d7a8 !important; /* parchment */
| |
| border: 1px solid #c9b172 !important; /* parchment border */
| |
| color: #2b2414 !important; /* dark text */
| |
| fill: #2b2414 !important;
| |
| }
| |
|
| |
| /* Hover state */
| |
| html.skin-citizen button:hover,
| |
| html.skin-citizen .cdx-button:hover,
| |
| html.skin-citizen .cdx-button--weight-primary:hover,
| |
| html.skin-citizen .cdx-button--action-progressive:hover,
| |
| html.skin-citizen .citizen-header__button:hover,
| |
| html.skin-citizen .citizen-button--progressive:hover {
| |
| background: #f2e6c3 !important; /* lighter parchment */
| |
| border-color: #b89f64 !important;
| |
| color: #2b2414 !important;
| |
| }
| |
|
| |
| /* Kill any neon focus halo */
| |
| html.skin-citizen .cdx-button:focus,
| |
| html.skin-citizen .citizen-header__button:focus,
| |
| html.skin-citizen .citizen-button--progressive:focus {
| |
| box-shadow: none !important;
| |
| }
| |
