Ir al contenido

Diferencia entre revisiones de «MediaWiki:Common.css»

De Redux Wiki
Página creada con «Los estilos CSS colocados aquí se aplicarán a todas las apariencias: .infobox { float: right; width: 300px; margin: 0 0 1em 1em; border: 1px solid #2a2a2a; border-radius: 8px; background-color: #111; color: #eee; font-size: 90%; overflow: hidden; } .infobox-title { background: #1f1f1f; font-size: 120%; font-weight: bold; text-align: center; padding: 10px; } .infobox-image { text-align: center; pa…»
 
Sin resumen de edición
 
Línea 1: Línea 1:
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
.infobox {
.infobox {
     float: right;
     float: right;
     width: 300px;
     width: 300px;
     margin: 0 0 1em 1em;
     margin: 0 0 1em 1em;
     border: 1px solid #2a2a2a;
     border: 1px solid var(--border-color-base, #a2a9b1);
     border-radius: 8px;
     border-radius: 8px;
     background-color: #111;
     background-color: var(--background-color-base, #fff);
     color: #eee;
     color: var(--color-base, #202122);
     font-size: 90%;
     font-size: 90%;
     overflow: hidden;
     overflow: hidden;
}
}


/* Título */
.infobox-title {
.infobox-title {
     background: #1f1f1f;
     background-color: var(--background-color-neutral-subtle, #eaecf0);
    color: var(--color-base, #202122);
     font-size: 120%;
     font-size: 120%;
     font-weight: bold;
     font-weight: bold;
Línea 20: Línea 21:
}
}


/* Imagen */
.infobox-image {
.infobox-image {
     text-align: center;
     text-align: center;
     padding: 8px;
     padding: 8px;
     background: #181818;
     background-color: var(--background-color-neutral-subtle, #f8f9fa);
}
}


/* Tabla */
.infobox-table {
.infobox-table {
     width: 100%;
     width: 100%;
Línea 31: Línea 34:
}
}


/* Headers laterales */
.infobox-table th {
.infobox-table th {
     text-align: left;
     text-align: left;
     padding: 6px;
     padding: 6px;
     background: #1a1a1a;
     background-color: var(--background-color-neutral-subtle, #f8f9fa);
    color: var(--color-base, #202122);
     width: 40%;
     width: 40%;
}
}


/* Datos */
.infobox-table td {
.infobox-table td {
     padding: 6px;
     padding: 6px;
}
}


/* Header de sección */
.infobox-header {
.infobox-header {
     text-align: center;
     text-align: center;
     background: #252525;
     background-color: var(--background-color-neutral, #eaecf0);
    color: var(--color-base, #202122);
     font-weight: bold;
     font-weight: bold;
}
}


/* Caption */
.infobox-caption {
.infobox-caption {
     text-align: center;
     text-align: center;
     font-size: 90%;
     font-size: 90%;
     color: #aaa;
     color: var(--color-subtle, #54595d);
     padding: 6px;
     padding: 6px;
}
}

Revisión actual - 03:58 26 feb 2026

.infobox {
    float: right;
    width: 300px;
    margin: 0 0 1em 1em;
    border: 1px solid var(--border-color-base, #a2a9b1);
    border-radius: 8px;
    background-color: var(--background-color-base, #fff);
    color: var(--color-base, #202122);
    font-size: 90%;
    overflow: hidden;
}

/* Título */
.infobox-title {
    background-color: var(--background-color-neutral-subtle, #eaecf0);
    color: var(--color-base, #202122);
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

/* Imagen */
.infobox-image {
    text-align: center;
    padding: 8px;
    background-color: var(--background-color-neutral-subtle, #f8f9fa);
}

/* Tabla */
.infobox-table {
    width: 100%;
    border-collapse: collapse;
}

/* Headers laterales */
.infobox-table th {
    text-align: left;
    padding: 6px;
    background-color: var(--background-color-neutral-subtle, #f8f9fa);
    color: var(--color-base, #202122);
    width: 40%;
}

/* Datos */
.infobox-table td {
    padding: 6px;
}

/* Header de sección */
.infobox-header {
    text-align: center;
    background-color: var(--background-color-neutral, #eaecf0);
    color: var(--color-base, #202122);
    font-weight: bold;
}

/* Caption */
.infobox-caption {
    text-align: center;
    font-size: 90%;
    color: var(--color-subtle, #54595d);
    padding: 6px;
}