Diferencia entre revisiones de «MediaWiki:Common.css»

Revisión del 04:36 15 nov 2026

/* ============================================================
   AulaMagna.ORG — apariencia de la wiki (2026-11-15, v2)
   Texto:   Bahnschrift si está instalada (Windows 10/11); si no, Barlow
            (libre, licencia OFL, alojada en la wiki).
   Títulos: Pristina si está instalada (Office); si no, Barlow.
   Bahnschrift y Pristina son comerciales: se piden por nombre (local),
   sin subir sus archivos.
   ============================================================ */

@font-face { font-family: 'AM Barlow'; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/resources/assets/aulamagna/fonts/barlow-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'AM Barlow'; font-style: italic; font-weight: 400; font-display: swap;
  src: url(/resources/assets/aulamagna/fonts/barlow-400-italic.woff2) format('woff2'); }
@font-face { font-family: 'AM Barlow'; font-style: normal; font-weight: 600; font-display: swap;
  src: url(/resources/assets/aulamagna/fonts/barlow-600-normal.woff2) format('woff2'); }
@font-face { font-family: 'AM Barlow'; font-style: normal; font-weight: 700; font-display: swap;
  src: url(/resources/assets/aulamagna/fonts/barlow-700-normal.woff2) format('woff2'); }
@font-face { font-family: 'AM Titulos'; font-weight: 400; size-adjust: 135%;
  src: local('Pristina'), local('Pristina Regular'); }

:root {
  --am-tinta: #2f2b3a;
  --am-tinta-suave: #5f5a6e;
  --am-violeta: #5b4b8a;
  --am-violeta-oscuro: #3f3366;
  --am-violeta-claro: #8e7fc0;
  --am-lavanda: #efecf6;
  --am-fondo: #f6f4fa;
  --am-linea: #e2ddee;
  --am-texto: Bahnschrift, 'AM Barlow', 'Segoe UI', Arial, sans-serif;
  --am-titulos: 'AM Titulos', Bahnschrift, 'AM Barlow', 'Segoe UI', Arial, sans-serif;
}

/* ---------- Tipografía general ---------- */
body.skin-timeless,
body.skin-timeless input,
body.skin-timeless select,
body.skin-timeless textarea,
body.skin-timeless button,
body.skin-timeless .mw-editsection,
body.skin-timeless #siteSub,
body.skin-timeless .sidebar-chunk h2,
body.skin-timeless .sidebar-chunk h3,
body.skin-timeless #personal h2 {
  font-family: var(--am-texto) !important;
}
body.skin-timeless { color: var(--am-tinta); }

/* ---------- Cabecera ---------- */
body.skin-timeless #mw-header-container { background: #fff; }
body.skin-timeless .color-left,
body.skin-timeless .color-middle,
body.skin-timeless .color-right { background: var(--am-violeta) !important; }
body.skin-timeless #p-logo-text a {
  font-family: var(--am-titulos) !important;
  font-variant: normal;
  font-size: 2em;
  color: var(--am-violeta-oscuro);
}
body.skin-timeless #simpleSearch {
  border: 1px solid var(--am-linea);
  border-radius: 999px;
  background: var(--am-fondo);
  box-shadow: none;
}

/* ---------- Fondo y tarjetas ---------- */
body.skin-timeless #mw-content-container {
  background: var(--am-fondo) none !important;
  border-bottom: 3px solid var(--am-violeta);
}
body.skin-timeless #mw-content,
body.skin-timeless .sidebar-chunk {
  background: #fff;
  border: 1px solid var(--am-linea);
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(63, 51, 102, 0.06);
}
body.skin-timeless .sidebar-chunk h2,
body.skin-timeless .sidebar-chunk h3 {
  color: var(--am-violeta-oscuro);
  border-bottom: 1px solid var(--am-linea);
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* ---------- Títulos ---------- */
body.skin-timeless .mw-body h1.firstHeading,
body.skin-timeless .mw-body .mw-parser-output h2 {
  font-family: var(--am-titulos) !important;
  font-weight: 400;
  color: var(--am-violeta);
}
body.skin-timeless .mw-body h1.firstHeading {
  font-size: 2.3em;
  border-bottom: 2px solid var(--am-lavanda);
  padding-bottom: 0.1em;
}
body.skin-timeless .mw-body .mw-parser-output h2 {
  font-size: 1.75em;
  border-bottom: 1px solid var(--am-linea);
  padding-bottom: 0.1em;
  margin-top: 1.2em;
}
body.skin-timeless .mw-body .mw-parser-output h3,
body.skin-timeless .mw-body .mw-parser-output h4,
body.skin-timeless .mw-body .mw-parser-output h5,
body.skin-timeless .mw-body .mw-parser-output h6 {
  font-family: var(--am-texto) !important;
  font-weight: 600;
  color: var(--am-tinta);
}

/* ---------- Texto del artículo ---------- */
body.skin-timeless .mw-body .mw-parser-output {
  font-size: 1.04em;
  line-height: 1.65;
}
body.skin-timeless a { color: var(--am-violeta); }
body.skin-timeless a:visited { color: #6d5a9e; }
body.skin-timeless a.new,
body.skin-timeless a.new:visited { color: #b0475a; }
body.skin-timeless .mw-body .mw-parser-output a.external { color: var(--am-violeta); }

/* Pestañas (Página, Discusión, Historial…) */
body.skin-timeless .tools-inline li.selected { border-bottom-color: var(--am-violeta); }
body.skin-timeless .tools-inline li:hover { border-bottom-color: var(--am-violeta-claro); }

/* Citas y notas */
body.skin-timeless .mw-parser-output blockquote {
  border-left: 4px solid var(--am-violeta);
  background: var(--am-fondo);
  margin: 1em 0;
  padding: 0.5em 1em;
}
body.skin-timeless .mw-parser-output .reference-text { font-size: 0.95em; }

/* ---------- Pie ---------- */
body.skin-timeless .mw-footer-container {
  background: var(--am-violeta-oscuro);
  color: #e9e5f5;
  border-top: 0;
  box-shadow: none;
}
body.skin-timeless .mw-footer-container a,
body.skin-timeless .mw-footer-container a:visited { color: #fff; text-decoration: underline; text-decoration-color: rgba(255,255,255,0.35); }
body.skin-timeless .mw-footer-container a:hover { text-decoration-color: #fff; }
body.skin-timeless #footer-poweredbyico { display: none; }

/* El editor de código sigue en monoespaciada */
body.skin-timeless .mw-editfont-monospace,
body.skin-timeless .ve-ui-mwWikitextSurface .ve-ce-attachedRootNode {
  font-family: monospace, monospace !important;
}