/* Theme Name: AS Ambarès Tennis Theme URI: https://www.tennisambares.fr/ Description: Thème enfant de Twenty Thirteen aux couleurs de l'AS Ambarès Tennis : rouge du logo, crème et blanc. Reprend la structure et les mises à jour du thème parent, ne change que l'habillage (couleurs, en-tête, navigation, cartes d'articles, pied de page, accessibilité). Author: AS Ambarès Tennis Template: twentythirteen Version: 1.0.3 Requires PHP: 7.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: asa-tennis */ /* ========================================================================= 1. PALETTE ------------------------------------------------------------------------- Rouge relevé au pixel sur le logo du club (icône du site, 192x192) : #eb212e. Sur fond blanc, #eb212e ne donne que 4,4:1 de contraste, sous le minimum de 4,5:1 exigé par le RGAA / WCAG AA pour du texte de taille normale. D'où deux nuances dérivées : - #eb212e : aplats, bandeaux, gros éléments (le rouge « officiel ») - #d71e29 : texte, liens, boutons -> 5,1:1 sur blanc (OK) - #a8141d : survol, pied de page -> 8,0:1 sur blanc (OK) Le crème et le beige sont ceux du thème parent : ils s'accordent au rouge et évitent un contraste blanc/rouge trop dur. Ces variables sont le seul endroit à toucher pour ajuster les couleurs. ====================================================================== */ :root{ --asa-rouge:#eb212e; --asa-rouge-fonce:#d71e29; --asa-rouge-sombre:#a8141d; --asa-creme:#f8f5e7; --asa-beige:#e3dfcd; --asa-encre:#141412; --asa-gris:#5f5e55; --asa-blanc:#fff; --asa-serif:Bitter,Georgia,serif; --asa-sans:"Source Sans Pro",Helvetica,sans-serif; --asa-rayon:10px; --asa-ombre:0 1px 2px rgba(20,20,18,.05),0 8px 24px -16px rgba(20,20,18,.22); /* Bandeau d'en-tête : dégradé rouge + fines rayures croisées façon cordage de raquette. Pour une photo, remplacer par un url(...). */ --asa-header-motif: linear-gradient(118deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,0) 55%), repeating-linear-gradient(118deg,rgba(255,255,255,.06) 0 2px,rgba(255,255,255,0) 2px 24px), repeating-linear-gradient(28deg,rgba(255,255,255,.06) 0 2px,rgba(255,255,255,0) 2px 24px), linear-gradient(160deg,#f0343f 0%,#eb212e 45%,#b7161f 100%); /* Renseignée dynamiquement par functions.php depuis l'icône du site. */ --asa-logo:none; } /* ========================================================================= 2. BASE ====================================================================== */ body{ background-color:var(--asa-creme); color:var(--asa-encre); } .site{ background-color:var(--asa-blanc); box-shadow:0 0 60px -30px rgba(20,20,18,.35); } /* Le Bitter respire trop en interlignage 1,5 : on resserre les titres. */ .entry-title, .entry-content h1,.entry-content h2,.entry-content h3, .entry-content h4,.entry-content h5,.entry-content h6{ font-family:var(--asa-serif); line-height:1.25; color:var(--asa-encre); text-wrap:balance; } .entry-content h2,.entry-content h3{margin-top:2em} .entry-content > *:first-child{margin-top:0} /* ========================================================================= 3. EN-TÊTE ------------------------------------------------------------------------- L'image « losanges » livrée avec Twenty Thirteen est posée par le thème parent via un