MediaWiki:Common.css

Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.

• Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
• Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
• Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
• Opera: Pressione Ctrl-F5.

/* ============================================================
   Potterish · Dicionário Madame Pince — Common.css v2
   2026-06-10 · FIX: Citizen uses html.skin-theme-clientpref-*
   (the old [data-theme] selectors matched nothing; :root forced
   dark surfaces onto the light theme — site rendered dark).
   Palette: Potterish teal + warm parchment light + gold accents.
   ============================================================ */

/* ---------- DAY (default) — warm parchment ---------- */
:root,
html.skin-theme-clientpref-day {
    --color-primary: #126e6d;
    --color-primary--hover: #1a9594;
    --color-surface-0: #faf7f0;
    --color-surface-1: #f4eee1;
    --color-surface-2: #ebe2cf;
    --color-surface-3: #dcd1b8;
    --color-surface-4: #cabb9d;
    --ptr-gold: #b08d3e;
    --ptr-gold-soft: #d6bc7e;
    --font-family-heading: Georgia, 'Times New Roman', serif;
}

/* ---------- NIGHT (toggle) — Potterish deep teal ---------- */
html.skin-theme-clientpref-night {
    --color-primary: #5acccb;
    --color-primary--hover: #7fdedd;
    --color-surface-0: #071e26;
    --color-surface-1: #0d2a34;
    --color-surface-2: #133743;
    --color-surface-3: #1b4654;
    --color-surface-4: #245566;
    --ptr-gold: #d6bc7e;
    --ptr-gold-soft: #b08d3e;
}

/* OS-preference mode follows the system */
@media (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os {
        --color-primary: #5acccb;
        --color-primary--hover: #7fdedd;
        --color-surface-0: #071e26;
        --color-surface-1: #0d2a34;
        --color-surface-2: #133743;
        --color-surface-3: #1b4654;
        --color-surface-4: #245566;
        --ptr-gold: #d6bc7e;
        --ptr-gold-soft: #b08d3e;
    }
}

/* ---------- Typography: serif headings (editorial Potterish) ---------- */
h1, h2, h3, h4, h5, h6,
.citizen-page-heading .mw-page-title-main {
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: -0.02em;
}

/* Magical flourish under section headings: teal fading into gold */
.mw-parser-output h2 {
    border-bottom: 0;
    padding-bottom: 0.15em;
}
.mw-parser-output h2::after {
    content: "";
    display: block;
    height: 2px;
    margin-top: 0.35em;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--color-primary) 0%, var(--ptr-gold-soft) 45%, transparent 90%);
}

/* Text selection in brand teal */
::selection { background: #1a9594; color: #fff; }

/* Subtle magical glow at the top of the page (day only) */
html.skin-theme-clientpref-day body,
html:not(.skin-theme-clientpref-night):not(.skin-theme-clientpref-os) body {
    background-image: radial-gradient(ellipse 90% 36% at 50% 0%, rgba(26, 149, 148, 0.07), transparent 70%);
    background-repeat: no-repeat;
}

/* ---------- Infobox cards: gold frame (echoes the caricature frames) ---------- */
.infobox, table.infobox {
    border: 1px solid var(--ptr-gold-soft) !important;
    border-radius: 10px !important;
    overflow: hidden;
    background: var(--color-surface-1) !important;
    font-size: 0.88em;
    margin: 0 0 1.5rem 1.5rem !important;
    box-shadow: 0 2px 14px rgba(176, 141, 62, 0.14);
}
.infobox caption, table.infobox caption {
    background: linear-gradient(135deg, #126e6d, #1a9594) !important;
    color: #fff !important;
    font-family: Georgia, serif;
    font-size: 1.05em;
    font-weight: bold;
    padding: 0.5em 0.75em;
    letter-spacing: 0.03em;
}
.infobox th {
    background: var(--color-surface-2) !important;
    color: var(--color-primary) !important;
    font-weight: 600;
    text-align: right;
    padding: 0.3em 0.6em;
    white-space: nowrap;
}
.infobox td { padding: 0.3em 0.6em; }

/* ---------- Quotes & tables ---------- */
blockquote {
    border-left: 3px solid var(--ptr-gold-soft);
    margin: 1em 0;
    padding: 0.6em 1.2em;
    background: var(--color-surface-1);
    border-radius: 0 6px 6px 0;
    font-style: italic;
}
.wikitable {
    border-collapse: collapse;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid var(--color-surface-3) !important;
}
.wikitable th {
    background: var(--color-surface-2) !important;
    color: var(--color-primary) !important;
    padding: 0.4em 0.8em;
}
.wikitable td { border-color: var(--color-surface-3) !important; padding: 0.4em 0.8em; }
.wikitable tr:nth-child(even) td { background: var(--color-surface-1); }

#catlinks { border-top: 1px solid var(--color-surface-3); padding-top: 0.5em; font-size: 0.85em; }

/* ---------- Chrome trims ---------- */
.mw-helplink, .mw-helplink-text, a.mw-helplink { display: none !important; }
#footer-icons { display: none !important; }
.citizen-nav a[href*="wiki.potterish.com"]::after,
.citizen-nav a[href^="/"]::after { display: none !important; content: none !important; }
.citizen-footer__wordmark { opacity: 0.9; }
.citizen-footer__wordmark:hover { opacity: 1; }
.citizen-footer__info { font-family: Georgia, serif; font-size: 0.82em; }