/** * Peau « Institutionnel » -- `PROMPT-182`. * * Chargee APRES `rektora.css` (dependance declaree dans `includes/enqueue.php`), * et seulement quand le reglage « Peau visuelle » vaut `institutionnel`. Tout * ce fichier est scope sous `.rkt-peau-institutionnel`, la classe posee sur * `` par `rkt_classe_peau()` : rien ici ne s'applique a un site regle * sur « Sobre », qui ne charge meme pas ce fichier. * * CE QUI DISTINGUE CETTE PEAU, ET RIEN D'AUTRE : * 1. Angles vifs -- `--radius`/`--radius-petit` a zero. Ces deux jetons * pilotent deja `.rkt-carte`, `.rkt-bouton`, `.rkt-encadre` et le reste du * systeme de cartes/encadres : les reecrire ici suffit, aucun selecteur * de plus a ecrire pour chaque composant. * 2. Filets marques plutot qu'ombres -- `--shadow`/`--shadow-fort` a `none` * (meme mecanisme de jeton), et un filet d'accent a gauche sur les * cartes, qui n'a pas d'equivalent en jeton et s'ecrit donc a la main. * 3. Titres de section en capitales -- jamais les titres de PAGE (`

`) * ni le corps de texte. `.rkt-section-titre` porte parfois directement * un `

` (ex. `blocs-programme.php`), parfois enveloppe un `

` de * page (ex. `page/standard.php`) : le selecteur cible donc les niveaux * `h2`/`h3`, en lui-meme ou en descendant, jamais `h1`. `.rkt-sr-titre` * (le semi-accordeon, `PROMPT-130`) est toujours un titre de section, il * n'est jamais un `h1` : ajoute sans condition. * 4. Densite resserree d'un cran -- l'echelle `--sp-` complete, redite d'un cran plus serre. Ne touche ni `--fs-` (taille de texte) ni `--lh-` (interligne) : la lisibilite n'est pas negociee. 5. La boite du logo se resserre -- `--l-logo` a chaque palier ou * `rektora.css` la declare (voir son propre commentaire), toujours * au-dessus du ratio 3:1 d'un logo raisonnablement horizontal. * * CE QUI NE CHANGE JAMAIS ICI : aucune couleur (`--c-`), aucune police (`--f-`) -- reglees par l'etablissement, independamment de la peau. / .rkt-peau-institutionnel { --radius: 0; --radius-petit: 0; --shadow: none; --shadow-fort: none; --sp-1: 0.4rem; --sp-2: 0.8rem; --sp-3: 1.2rem; --sp-4: 1.6rem; --sp-6: 2.4rem; --sp-8: 3.2rem; --l-logo: 154px; } /* Filet d'accent a gauche, pas de jeton pour celui-ci : il n'existe qu'ici. / .rkt-peau-institutionnel .rkt-carte { border-left-width: 3px; border-left-color: var(--c-accent); } / * Titres de section en capitales -- jamais un titre de page, jamais le corps. * `:is(h2, h3)` sur soi-meme (le cas `blocs-programme.php`) OU en descendant * (le cas `bande-periodes.php`, ou la classe vit sur un `
` autour du * `h2`) : les deux formes coexistent dans le produit, aucune n'est oubliee. * Un `
...` (titre de page) n'est * jamais atteint par ce selecteur, quelle que soit sa forme. / .rkt-peau-institutionnel .rkt-section-titre:is(h2, h3), .rkt-peau-institutionnel .rkt-section-titre :is(h2, h3), .rkt-peau-institutionnel .rkt-sr-titre { text-transform: uppercase; letter-spacing: 0.04em; } / La boite du logo, palier par palier -- memes selecteurs et le meme ordre que dans `rektora.css`, pour que la cascade retienne la meme regle gagnante a chaque largeur d'ecran. */ @media (min-width: 360px) { .rkt-peau-institutionnel { --l-logo: 231px; } .rkt-peau-institutionnel .rkt-entete.est-compacte { --l-logo: 168px; } } @media (min-width: 1024px) { .rkt-peau-institutionnel { --l-logo: 182px; } .rkt-peau-institutionnel .rkt-entete:not(:has(.rkt-publics)) { --l-logo: 266px; } .rkt-peau-institutionnel .rkt-entete.est-compacte:not(:has(.rkt-publics)) { --l-logo: 266px; } .rkt-peau-institutionnel .rkt-entete.est-compacte { --l-logo: 133px; } }