MediaWiki:Common.css

De AulaMagna.ORG
Revisión del 04:07 15 nov 2026 de Andrea Pavetti (discusión | contribs.) (Apariencia AulaMagna: tipografías y colores)
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

  • Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
  • Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
  • Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
/* ============================================================
   AulaMagna.ORG — apariencia de la wiki (2026-11-15)
   Texto:   Bahnschrift si el visitante la tiene instalada (Windows 10/11);
            si no, Barlow (libre, licencia OFL, alojada en la wiki).
   Títulos: Pristina si el visitante la tiene instalada (Office);
            si no, Barlow seminegrita.
   Bahnschrift y Pristina son fuentes comerciales: se piden por nombre
   (local) y NO se suben archivos suyos a la web.
   ============================================================ */

/* --- Barlow, respaldo libre alojado en la wiki --- */
@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'); }

/* --- Pristina solo si está instalada; se agranda porque su ojo es pequeño --- */
@font-face { font-family: 'AM Titulos'; font-weight: 400; size-adjust: 135%;
  src: local('Pristina'), local('Pristina Regular'); }

:root {
  --am-tinta: #2f2b3a;
  --am-violeta: #5b4b8a;
  --am-violeta-suave: #f6f4fa;
  --am-linea: #ddd8e8;
  --am-texto: Bahnschrift, 'AM Barlow', 'Segoe UI', Arial, sans-serif;
  --am-titulos: 'AM Titulos', Bahnschrift, 'AM Barlow', 'Segoe UI', Arial, sans-serif;
}

/* --- Texto general --- */
body,
.skin-timeless input,
.skin-timeless select,
.skin-timeless textarea,
.skin-timeless .mw-editsection,
.skin-timeless #siteSub,
.skin-timeless .sidebar-chunk h2,
.skin-timeless .sidebar-chunk h3 {
  font-family: var(--am-texto);
}
.mw-body .mw-parser-output {
  font-size: 1.02em;
  line-height: 1.65;
  color: var(--am-tinta);
}

/* --- Títulos: el de la página y las secciones principales --- */
.mw-body h1,
.mw-body .firstHeading,
.mw-body .mw-parser-output h2 {
  font-family: var(--am-titulos);
  font-weight: 400;
  color: var(--am-violeta);
}
.mw-body .firstHeading { font-size: 2.1em; }
.mw-body .mw-parser-output h2 {
  font-size: 1.6em;
  border-bottom: 1px solid var(--am-linea);
  padding-bottom: 0.15em;
  margin-top: 1.3em;
}

/* Subtítulos menores: más legibles en la fuente del texto */
.mw-body .mw-parser-output h3,
.mw-body .mw-parser-output h4,
.mw-body .mw-parser-output h5,
.mw-body .mw-parser-output h6 {
  font-family: var(--am-texto);
  font-weight: 600;
  color: var(--am-tinta);
}

/* --- Detalles --- */
.mw-body .mw-parser-output a.external { color: var(--am-violeta); }
.mw-body .mw-parser-output blockquote {
  border-left: 4px solid var(--am-violeta);
  background: var(--am-violeta-suave);
  margin: 1em 0;
  padding: 0.5em 1em;
}
.mw-body .mw-parser-output .reference-text { font-size: 0.95em; }

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