MediaWiki:Timeless.css

/* All CSS here will be loaded for users of the Timeless skin */

/* ============================
   APARIENCIA FSF — THEME BASE
   ============================ */

/* --- Tipografía general --- */
body,
#mw-content-text {
    font-family: "Segoe UI", "Helvetica Neue", sans-serif !important;
    line-height: 1.45 !important;
    font-size: 16px;
    color: #222;
}

/* --- Encabezados --- */
#mw-content-text h1,
#mw-content-text h2,
#mw-content-text h3,
#mw-content-text h4 {
    font-family: "Segoe UI", "Helvetica Neue", sans-serif !important;
    font-weight: 600 !important;
    margin-top: 0.8em !important;
    margin-bottom: 0.4em !important;
}

#mw-content-text h1 { font-size: 1.9em; border-bottom: 3px solid #dcdcdc; padding-bottom: .2em; }
#mw-content-text h2 { font-size: 1.6em; border-bottom: 2px solid #e7e7e7; padding-bottom: .15em; }
#mw-content-text h3 { font-size: 1.35em; }
#mw-content-text h4 { font-size: 1.15em; }

/* --- Contenedores de contenido --- */
#mw-content-text p {
    margin-top: .25em !important;
    margin-bottom: .6em !important;
}

/* --- Espaciado entre elementos --- */
.mw-body, #content {
    padding: 1.4em 2.2em !important;
}

/* --- TABLAS FSF (wikitable) --- */
table.wikitable {
    border-collapse: collapse !important;
    width: 100%;
    background: #fafafa;
    border: 1px solid #ccc !important;
}

table.wikitable th {
    background: #f0f0f0;
    padding: 8px;
    font-weight: 600;
    font-size: 14px;
}

table.wikitable td {
    padding: 8px;
    border: 1px solid #ddd !important;
    font-size: 14px;
}

/* --- Bloques especiales FSF --- */
.fsf-caja {
    background: #ffffff;
    border-left: 6px solid #4285f4;
    padding: 12px 14px;
    margin: 1em 0;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0,0,0,0.06);
}

.fsf-alerta {
    background: #fff7e6;
    border-left: 6px solid #ffa500;
}

.fsf-aviso {
    background: #e6fff3;
    border-left: 6px solid #33cc99;
}

/* --- Iconografía FSF (emojis con mejor alineación) --- */
.fsf-ico {
    font-size: 1.4em;
    margin-right: .35em;
    vertical-align: middle;
}

/* --- TOC --- */
#toc {
    float: right;
    margin-left: 1.2em !important;
    margin-bottom: 1em !important;
    width: 300px !important;
    background: #fafafa !important;
    border-radius: 6px;
    padding: 12px !important;
    box-shadow: 0 0 4px rgba(0,0,0,0.06);
}

/* --- Enlaces --- */
.mw-body a {
    color: #005bbb !important;
}
.mw-body a:hover {
    color: #0077ff !important;
    text-decoration: underline;
}