/** * MC2 — Color por sección. * * Cada sección del periódico tiene su color, y ese color se usa en TODAS las * etiquetas de categoría del sitio: las tarjetas de la portada, los chips de * los artículos, los de los archivos y los de las barras laterales. * * La clase la pone siempre quien conoce la sección de ESE chip en concreto: * * - `front-page.php` y `mc2-multimedia.php` la imprimen en el HTML. * - Los chips de tagDiv los marca el script de `inc/mc2-colors.php`, que * lee el texto de cada uno. * * Por qué no se cuelga del ``: en el archivo de España conviven chips * que dicen «Actualidad», y en una entrada de España el lateral «Lo último» * muestra chips de otras secciones. Colorear por la categoría de la página * los pintaría todos mal. Manda la etiqueta del chip, nunca la de la página. * * El color por defecto es NEGRO: cualquier sección no listada aquí (Humor, * Consultorio, Mundo Naxelus, Varios, Motor, Tecnología, Entrevistas…) sale * en negro sin necesidad de declarar nada. */ :root { --mc2-cat-actualidad: #E8730C; /* naranja */ --mc2-cat-espana: #D2381F; /* rojo (el acento histórico del sitio) */ --mc2-cat-internacional: #1F4E9C; /* azul */ --mc2-cat-multimedia: #B4842A; /* dorado (el que antes llevaba Internacional) */ --mc2-cat-cultura: #2E7D4F; /* verde */ --mc2-cat-deportes: #2E7D4F; /* verde */ --mc2-cat-cotilla: #D4589A; /* rosa */ --mc2-cat-default: #15120E; /* negro: el resto de secciones */ } /* -------------------------------------------------------------------------- Color por defecto — negro `mc2-design.css` pinta todos los chips de rojo acento. Aquí se rebaja a negro para que el rojo quede reservado a España; cada sección reclama el suyo justo debajo. Es también el color que se ve durante el instante previo a que el script reparta las clases, y el definitivo si el visitante navega sin JavaScript: neutro, nunca engañoso. -------------------------------------------------------------------------- */ .mc2-site .td-post-category, .mc2-site .tdb-entry-category, .mc2-home .cat-tag { background: var(--mc2-cat-default) !important; } /* -------------------------------------------------------------------------- Un color por sección -------------------------------------------------------------------------- */ .mc2-site .mc2-cat-actualidad, .mc2-home .cat-tag.mc2-cat-actualidad { background: var(--mc2-cat-actualidad) !important; } .mc2-site .mc2-cat-espana, .mc2-home .cat-tag.mc2-cat-espana { background: var(--mc2-cat-espana) !important; } .mc2-site .mc2-cat-internacional, .mc2-home .cat-tag.mc2-cat-internacional { background: var(--mc2-cat-internacional) !important; } .mc2-site .mc2-cat-multimedia, .mc2-home .cat-tag.mc2-cat-multimedia { background: var(--mc2-cat-multimedia) !important; } .mc2-site .mc2-cat-cultura, .mc2-home .cat-tag.mc2-cat-cultura { background: var(--mc2-cat-cultura) !important; } .mc2-site .mc2-cat-deportes, .mc2-home .cat-tag.mc2-cat-deportes { background: var(--mc2-cat-deportes) !important; } .mc2-site .mc2-cat-cotilla, .mc2-home .cat-tag.mc2-cat-cotilla { background: var(--mc2-cat-cotilla) !important; } /* -------------------------------------------------------------------------- Marcas de sección de la portada El cuadradito que abre cada encabezado toma el color de su sección; la portada lo pinta con una variable en línea, así que aquí basta el valor por defecto. -------------------------------------------------------------------------- */ .mc2-home .sec-head .tick { background: var(--mc2-cat-default); } /* -------------------------------------------------------------------------- Detalles que seguían atados al rojo El filete bajo el titular del artículo pasa a llevar el color de la sección que se está leyendo. `inc/mc2-colors.php` define `--mc2-cat-page`; donde no la haya (una sección sin color propio), cae en negro. -------------------------------------------------------------------------- */ .mc2-site.single-post .tdb_title::after { background: var(--mc2-cat-page, var(--mc2-cat-default)) !important; }