/* * FORME « CLASSIQUE » — direction graphique du socle, CDC § 21.10. * * Classique — littérature, sciences humaines, édition savante. Référence de mise en page : swediteur.com (fond beige, intitulés centrés en capitales espacées, titre de livre en capitales d'accent, boutons en bloc clair). * * Chargée par le parent après main.css et accueil.css quand la direction est * choisie à l'écran (functions.php). Elle ne porte NI COULEUR NI FAMILLE : la * palette « papier », le duo « humaniste » et les quatre couleurs de fond et * d'encre viennent de la couche « direction » (ekdotis-core, directions.php) * et du style en ligne, comme pour tout site. Composition d'accueil conseillée * par la direction : « a ». Les règles communes aux trois directions * (filets, soulignés) sont dans main.css depuis le 13 octobre. * * Source : maquette de Claude Design du 12 octobre, validée par Phil ; la * partie « LA DIRECTION » de direction-classique.css, moins les jetons de * palette et de duo. Le texte atténué du pied se dérive du socle en * `color-mix()` (trois quarts de texte sur accent, un quart d'accent) au lieu * d'une valeur en dur ; contrastes au suivi § 2.44. */ :root { --list-title-color: var(--accent); --list-title-weight: 400; --list-author-color: var(--text-muted); --focus-ring: 2px solid var(--accent); --font-size-m: 1.125rem; --font-size-l: 1.3125rem; --font-size-xl: 1.625rem; --font-size-2xl: 2rem; --font-size-3xl: 2.125rem; --leading-normal: 1.55; --leading-loose: 1.7; /* Titres de section de l'accueil (13 octobre) : la famille éditoriale du duo — celle des titres de livres —, grands, légers, à l'accent, calés à gauche sur le bord de la grille. Ni capitale, ni interlettrage, ni filet : la présence vient du corps. */ --section-title-family: var(--font-editorial); --section-title-weight: 400; --section-title-size: clamp(1.75rem, 1.5vw + 1.25rem, 2.5rem); --entete-marque-corps: 26px; --entete-marque-corps-compact: 22px; --entete-menu-corps: 16px; --block-gap: 5.5rem; --livre-bandeau-haut: 28px; --livre-bandeau-bas: 56px; --livre-zones-ecart: 60px; /* Le papier de la classique : le fond de la bande des nouveautés et de l'encadré de biographie le lisent (14 octobre). */ --classique-papier: #fbf7f1; --rubrique-tiret-l: 0; --rubrique-tiret-e: 0; --radius-s: 2px; --radius-m: 2px; --pastille-rayon: 2px; --shadow-raised: 0 1px 3px color-mix(in srgb, var(--text) 14%, transparent); --shadow-couverture: 0 4px 16px color-mix(in srgb, var(--text) 16%, transparent); } /* En-tête : variante fond clair. Les rôles « sur accent » sont redéfinis dans la seule portée de l'en-tête : la structure du parent ne change pas. Menu en capitales espacées, à la manière de la référence. */ .bandeau-site { --accent: var(--surface); --text-on-accent: var(--text); --text-on-accent-muted: var(--text-muted); } .bandeau-site__marque { font-weight: 500; } .bandeau-site__bascule { background: var(--surface-alt); color: var(--text); } /* Pied : beige foncé, encre. */ .pied-site { --accent: var(--surface-alt); --text-on-accent: var(--text); --text-on-accent-muted: var(--text-muted); padding-block: var(--space-m) 0; } .pied-site__marque { font-family: var(--font-ui); font-size: var(--font-size-s); } /* Fil d'Ariane sur le fond de page (le beige foncé est réservé au bandeau de fiche). */ .fil-ariane-bande { background: var(--surface); } .single-catalogue .fil-ariane-bande, .single-catalogue .fil-ariane { background: var(--livre-bandeau-fond); } /* Intitulés : les sections de l'accueil en grand corps éditorial, à l'accent, calées à gauche (texte de présentation compris) ; les rubriques de fiche en accent, petites. Rien d'autre que la typographie ne sépare les blocs. LES TITRES DE PAGE DES RUBRIQUES SUIVENT LES MÊMES JETONS (14 octobre) : archive du catalogue, archives de collection et de domaine, index des auteurs, liste des actualités, recherche (`.archive-intro__titre`), page standard et contact (`.page-standard__titre`), 404 (`.introuvable__titre`). Une seule source, `--section-title-*` : les h1 lisent le contrat que `.bloc__intitule` lit déjà dans accueil.css, et la couleur est posée une fois pour tous. Hors périmètre : la titraille de la fiche livre, le nom sur la fiche auteur, le titre d'une actualité seule. */ h1, h2 { font-weight: 500; } .archive-intro__titre, .page-standard__titre, .introuvable__titre { font-family: var(--section-title-family); font-size: var(--section-title-size); font-weight: var(--section-title-weight); letter-spacing: var(--section-title-spacing); line-height: var(--leading-snug); text-transform: var(--section-title-transform); } .bloc__intitule, .archive-intro__titre, .page-standard__titre, .introuvable__titre { text-align: left; color: var(--accent); } /* Texte de présentation en chapeau (13 octobre) : famille éditoriale, 18 px à 1 280 et 17 px à 375 (20 et 18 le matin), interligne 1,6 — entre le normal de la forme et l'ample, pour ce corps. Sans compagnon, au-dessus de 48 rem, la colonne s'arrête au bord droit de la quatrième couverture à 1 280 — deux tiers de la grille moins un tiers d'écart, soit 717 px pour six colonnes — ; en dessous, toute la largeur (le même calcul donnait 205 px à 375). Avec le compagnon (accueil.css), c'est la rangée qui tient la colonne, sur les trois premières pistes de la grille des couvertures : le texte la remplit. */ .bloc--texte .texte-libre { font-family: var(--font-editorial); font-size: clamp(1.0625rem, 1.037rem + 0.11vw, 1.125rem); line-height: 1.6; } .texte-rangee .texte-libre { max-width: none; } @media (min-width: 48rem) { .bloc--texte > .texte-libre { max-width: calc(100% * 2 / 3 - var(--space-m) / 3); } } /* Le compagnon du texte : entrées en famille éditoriale, nombre de titres en encre atténuée ; rien d'autre que l'espace ne sépare. */ .texte-compagnon__lien { font-family: var(--font-editorial); font-size: var(--font-size-m); } /* Nouveautés de l'accueil : une bande papier de bord à bord derrière la section, le contenu calé sur la grille, trois rem de retrait dans la bande ; les couvertures gardent leur ombre et aucun cadre (13 octobre, retour de Phil sur le cadre par couverture). */ .accueil-flux { --accueil-nouveautes-fond: var(--classique-papier); --accueil-nouveautes-retrait: 3rem; } /* Quand le texte de présentation suit la bande, l'écart entre les deux vaut le retrait de la bande (3 rem) et non l'écart de bloc (5,5 rem) : la marge négative reprend la différence sur la piste du flux (13 octobre). */ .accueil-flux > .bloc--nouveautes + .bloc--texte { margin-top: calc(var(--accueil-nouveautes-retrait) - var(--block-gap)); } /* Les intitulés de rubrique de la fiche livre et de la fiche auteur (« Du même auteur », « Au catalogue », « Actualités liées », « Revue de presse »…) au style de l'intitulé du compagnon de l'accueil (14 octobre) : famille éditoriale, accent, second rang des intitulés — par les mêmes jetons. */ .livre, .rubriques-socle { --rubrique-famille: var(--section-title-family); --rubrique-corps: var(--section-title-size-second); --rubrique-graisse: var(--section-title-weight); --rubrique-interligne: var(--leading-snug); } .livre .livre__titre-rubrique, .rubriques-socle .livre__titre-rubrique, .rubriques-socle .derniere-parution__surtitre { color: var(--accent); } .derniere-parution__titre { font-weight: var(--section-title-weight); } .livre .livre__titre-rubrique--sous, .rubriques-socle .livre__titre-rubrique--sous { color: var(--text-muted); font-size: var(--font-size-xs); } /* Archives : le tri en interface (le titre suit les jetons des intitulés, plus haut). */ .archive-tri { font-size: var(--font-size-m); } .archive-tri__courant { font-weight: 600; } /* La pagination (14 octobre au soir, suivi § 2.75) : numéros en famille éditoriale au corps m, chacun dans un disque de 44 px qui prend le papier au survol ; la page courante en disque plein d'accent, chiffre blanc. */ .pagination { --pagination-famille: var(--font-editorial); --pagination-corps: var(--font-size-m); --pagination-arrondi: 50%; --pagination-survol: var(--classique-papier); --pagination-courante-fond: var(--accent); --pagination-courante-texte: var(--text-on-accent); --pagination-courante-graisse: 400; } /* Vignettes : titre en accent, auteur en encre atténuée ; rien de souligné. */ .livre-vignette__titre, .livre-tuile__titre { font-style: normal; } .livre-vignette__collection, .livre-tuile__meta { font-family: var(--font-ui); } /* Le corps est celui de toutes les vignettes (26 octobre, suivi § 2.110) : la forme ne pose que la couleur. */ .biblio-ligne .livre-vignette__titre, .biblio-ligne .livre-vignette__titre a { color: var(--accent); } /* Fiche livre : titre en capitales de l'accent, auteur en capitales d'encre dessous, sous-titre en italique ; bandeau beige foncé. */ .livre, .rubriques-socle { --livre-titre-graisse: var(--section-title-weight); --livre-titre-interligne: 1.2; --livre-collection-graisse: 600; /* Le nom sous le titre (14 octobre au soir, suivi § 2.69) : 26 px à 1 280, 21 px à 375 — un jeton de la fiche, plus --font-size-l (21 px). */ --livre-auteurs-corps: clamp(1.3125rem, 1.19rem + 0.55vw, 1.625rem); --livre-auteurs-graisse: 400; --livre-direction-corps: var(--livre-auteurs-corps); --livre-direction-graisse: 400; --livre-tout-voir-corps: var(--font-size-m); } /* Le nom de l'auteur sous le titre (14 octobre, suivi § 2.68) : famille éditoriale, --font-size-l, 400, encre — les auteurs principaux, ou la ligne de tête du directeur ou de l'éditeur scientifique. Seuls les noms grossissent : la mention de la ligne de tête (« Textes réunis et présentés par ») et « et N autres » restent en famille d'interface, la mention au corps des rôles secondaires ; les rôles dessous ne changent pas. */ .livre__titraille .livre-contributeurs__auteurs, .livre__titraille .livre-contributeurs__directeur { color: var(--text); font-family: var(--font-editorial); } .livre__titraille .livre-contributeurs__directeur a { color: var(--text); } .livre__titraille .livre-contributeurs__directeur .livre-contributeurs__mention { font-family: var(--font-ui); font-size: var(--livre-roles-corps); font-weight: var(--livre-roles-graisse); } .livre__titraille .livre-contributeurs__tout-voir { font-family: var(--font-ui); } .livre__titre { color: var(--accent); } /* La longueur de ligne de la titraille (14 octobre au soir, suivi § 2.69) : la colonne des caractéristiques en `fit-content` et la gouttière de --space-xl sont dans le parent depuis le 29 octobre (main.css, suivi § 2.113), pour toutes les directions. */ .livre__collection { color: var(--text-muted); } .livre__titraille .livre-contributeurs__auteurs a { color: var(--text); } .livre__titraille .livre-contributeurs { margin-top: var(--space-s); } .livre-caracteristiques__ligne[data-cle="prix"] { font-weight: 600; } .livre__etat { background: var(--accent-soft); color: var(--accent); } .livre-apropos__texte, .auteur__biographie-texte { line-height: var(--leading-loose); } /* Fiche auteur : la biographie en encadré (14 octobre) — papier, filet vertical d'accent de 4 px, 1,5 rem en haut et en bas, 2 rem de chaque côté (1 rem sous 48 rem), texte éditorial au corps m sur une colonne de 80 ch (75 le 14 octobre après-midi), centrée dans l'encadré : le retrait droit reprend la largeur du filet pour que les marges soient égales de bord à bord, et la colonne garde son texte calé à gauche. Le seul filet du contenu de la fiche (§ 21.10). Le même encadré porte le contenu des pages standard (14 octobre au soir, suivi § 2.74) : jetons communs --encadre-*. */ .fiche-auteur__principal, .page-standard { --encadre-fond: var(--classique-papier); --encadre-filet: 4px; --encadre-retrait-bloc: 1.5rem; --encadre-retrait-cote: 2rem; --encadre-colonne: 80ch; } .fiche-auteur__principal .auteur__biographie, .page-standard__contenu { padding-right: calc(var(--encadre-retrait-cote) + var(--encadre-filet)); } .fiche-auteur__principal .auteur__biographie-texte, .page-standard__texte { font-family: var(--font-editorial); font-size: var(--font-size-m); margin-inline: auto; } @media (max-width: 47.99rem) { .fiche-auteur__principal, .page-standard { --encadre-retrait-bloc: 1rem; --encadre-retrait-cote: 1rem; } } .livre-biographie__texte { font-family: var(--font-editorial); font-size: var(--livre-bio-corps); line-height: var(--livre-bio-interligne); } /* La biographie sous la couverture de la fiche livre (14 octobre au soir, suivi § 2.71) : 2 px sous le corps courant, interligne normal — des jetons du bloc ; l'encadré de la fiche auteur (§ 2.61) garde les siens. */ .livre { --livre-bio-corps: calc(var(--font-size-m) - 2px); --livre-bio-interligne: var(--leading-normal); } /* Boutons et liens d'action : des blocs clairs. Le lien « tout voir » d'une rubrique (« Tous les livres de … », « Tout l'agenda », « Toute la presse », listes reliées) n'en fait plus partie depuis le 14 octobre : c'est un lien de texte comme les autres, en accent, souligné au survol et au focus seulement. « Lire la suite sur la fiche de … » et le bouton qui déplie la présentation non plus, depuis le 14 octobre au soir (suivi § 2.71) : voir plus bas. */ .livre__actions .feuilletage__lien, .fichiers__lien, .bouton, .livre .bouton { background: var(--surface-alt); border-radius: var(--radius-s); color: var(--text); display: inline-block; font-family: var(--font-ui); font-size: var(--font-size-xs); font-weight: 600; line-height: 1.2; padding: 10px 14px; } .livre__actions .feuilletage__lien:hover, .fichiers__lien:hover, .bouton:hover, .livre .bouton:hover, .livre__actions .feuilletage__lien:focus-visible, .fichiers__lien:focus-visible { background: var(--accent); color: var(--text-on-accent); text-decoration: none; } .fichiers__entree { align-items: center; } /* Deux liens de texte, sans cartouche (règle du § 2.54, 14 octobre au soir) : « Lire la suite sur la fiche de … » et « Lire la suite », qui déplie la présentation et reste un