Server : Apache System : Linux webd348.cluster026.gra.hosting.ovh.net 5.15.148-ovh-vps-grsec-zfs-classid #1 SMP Thu Feb 8 09:41:04 UTC 2024 x86_64 User : hednacluml ( 122243) PHP Version : 8.3.9 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl Directory : /home/hednacluml/petits/tmp/cache/skel/ |
<?php
/*
* Squelette : ../prive/themes/spip/bando.css.html
* Date : Sat, 03 Dec 2022 21:48:34 GMT
* Compile : Sat, 03 Dec 2022 21:52:01 GMT
* Boucles :
*/
//
// Fonction principale du squelette ../prive/themes/spip/bando.css.html
// Temps de compilation total: 0.658 ms
//
function html_b115a5848f5aaa61dc17e9a379f084ed($Cache, $Pile, $doublons = array(), $Numrows = array(), $SP = 0) {
if (isset($Pile[0]["doublons"]) AND is_array($Pile[0]["doublons"]))
$doublons = nettoyer_env_doublons($Pile[0]["doublons"]);
$connect = '';
$page = (
'
' .
'<'.'?php header("X-Spip-Cache: 360000"); ?'.'>'.'<'.'?php header("Cache-Control: max-age=360000"); ?'.'>'.'<'.'?php header("X-Spip-Statique: oui"); ?'.'>' .
'<'.'?php header(' . _q('Content-Type: text/css; charset=utf-8') . '); ?'.'>' .
'<'.'?php header(' . _q('Vary: Accept-Encoding') . '); ?'.'>/**
* ============
* 0. Variables
* ============
*/
/* TODO : baser les gouttières sur la gouttière générale quand elle sera au point */
:root {
/* Identité */
--spip-bando-id-spacing-y: 0.33rem;
--spip-bando-id-spacing-x: 0.66rem;
/* Navigation principale */
--spip-bando-nav-picto-size: 20px; /* grands pictos */
/* Outils */
--spip-bando-outils-spacing-x: 0.33rem;
--spip-bando-outils-spacing-y: 0.25rem;
--spip-bando-outils-icon-size: 16px;
/* Menus déroulants */
--spip-deroulant-spacing-x: 0.33rem;
--spip-deroulant-spacing-y: 0.5rem;
--spip-deroulant-icon-size: 16px;
--spip-deroulant-col-width: 12em;
}
@media (min-width: 768px) {
:root {
/* Nav */
--spip-bando-nav-picto-size: 40px; /* grands pictos : taille originale */
/* Outils */
--spip-bando-outils-spacing-x: 0.5rem;
--spip-bando-outils-spacing-y: 0.33rem;
--spip-bando-outils-icon-size: 20px;
/* Menus déroulants */
--spip-deroulant-spacing-x: 0.5rem;
--spip-deroulant-spacing-y: 0.66rem;
--spip-deroulant-icon-size: 20px;
--spip-deroulant-col-width: 18em;
}
}
/**
* ==================
* 1. Bandeaux : tous
* ==================
*
* Règles mutualisées entre tous les bandeaux.
* Pour les particularités, voir dans chaque bandeau.
*/
.bando-haut .largeur * {
box-sizing: border-box;
}
.bando-haut {
position: relative;
z-index: 1001;
}
.bando-haut a {
text-decoration: none;
}
/**
* 1.1. Menus de liens simple.
* Utilisés dans Bandeaux accès rapides + identité
*
* Markup :
*
* p.menu-simple
* a.menu-simple__item | span.menu-simple__item
*/
.bando-haut .menu-simple {
display: flex;
flex-flow: row wrap;
margin: 0;
}
.bando-haut .menu-simple + .menu-simple {
border-top: 1px solid hsla(0, 0%, 0%, 0.1);
}
.bando-haut .menu-simple__item {
position: relative;
display: inline-flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
padding: var(--spip-bando-id-spacing-y) var(--spip-bando-id-spacing-x);
text-align: center;
font-size: 0.9em;
font-weight: 500;
border: 1px solid transparent; /* Pour le focus */
transition: all 0.2s;
}
.bando-haut a:not(:hover):not(:focus) {
color: inherit;
}
.bando-haut a:hover,
.bando-haut a:focus {
text-decoration: underline !important;
}
.bando-haut .menu-simple__item:focus {
border-color: var(--spip-color-theme);
outline: none;
}
.bando-haut .menu-simple__item + .menu-simple__item {
margin-' .
interdire_scripts(($Pile[0]['left'] ?? null)) .
':-1px;
}
.bando-haut .menu-simple__item + .menu-simple__item:before {
content:\'\';
display: inline-block;
height: 0.9em;
line-height: 1em;
border-' .
interdire_scripts(($Pile[0]['left'] ?? null)) .
': 1px solid var(--spip-color-gray-light);
position: relative;
' .
interdire_scripts(($Pile[0]['left'] ?? null)) .
': calc(-1 * var(--spip-bando-id-spacing-x));
margin-' .
interdire_scripts(($Pile[0]['left'] ?? null)) .
':-1px;
z-index:-1;
}
.bando-haut .menu-simple img {
vertical-align: middle;
}
@media (min-width: 580px) {
.bando-haut .menu-simple + .menu-simple {
border-top: 0;
}
/* Aligner le texte sur le bord de la page */
.bando-haut .menu-simple:first-child {
margin-' .
interdire_scripts(($Pile[0]['left'] ?? null)) .
': calc(var(--spip-bando-id-spacing-x) * -1);
}
.bando-haut .menu-simple_site:last-child {
margin-' .
interdire_scripts(($Pile[0]['right'] ?? null)) .
': calc(var(--spip-bando-id-spacing-x) * -1);
}
}
/**
* 1.2. Menus déroulants (Nav principale + plan)
*
* Ici les règles mutualisées, pour les particularités propres à chaque menu,
* voir leurs sections respectives : 3. et 4.
*
* En cas d\'ajouts, merci d\'essayer de les faire au bon endroit :)
*
* Particularité CSS pénible :
* Pour qu\'un élément positionné en absolute ne soit pas limité par la largeur
* de son parent, ce dernier doit être en display: block
* Le cas contraire, c\'est bloqué sur les largeurs min/max en dur, ce qui est nul.
*
* Nb : [data-racine] au lieu de [data-profondeur=0] car c\'est plus court et plus commode.
*
* Markup :
*
* ul.deroulant[data-racine]
* li.deroulant__item[data-racine]
* a.deroulant__lien[data-racine]
*
* ul.deroulant__sous-menu[data-profondeur="1"]
* li.deroulant__item[data-profondeur="1"]
* a.deroulant__lien[data-profondeur="1"]
*
* ul.deroulant__sous-menu[data-profondeur="2"]
* li.deroulant__item[data-profondeur="2"]
* a.deroulant__lien[data-profondeur="2"]
*
* etc.
*/
/* Reset conteneur et sous-menus */
.bando-haut .deroulant,
.bando-haut .deroulant__sous-menu {
margin: 0;
padding: 0;
list-style: none;
}
/* Conteneur racine <ul> */
.bando-haut .deroulant {
display: flex;
flex-flow: row wrap;
line-height: 1.2;
}
/* Items <li> */
.bando-haut .deroulant__item {
flex: 0 1; /* effectif à la racine uniquement, plus bas le conteneur est en display:block */
display: block; /* block obligé, cf. notes */
}
/* Liens <a> */
.bando-haut .deroulant__lien {
display: flex;
align-items: center;
padding: var(--spip-deroulant-spacing-y) var(--spip-deroulant-spacing-x);
font-weight: 500;
color: inherit;
transition: all 0.1s;
position: relative;
}
.bando-haut .deroulant__lien .libelle {
flex: 1 1 100%;
}
.bando-haut .deroulant__item.actif > .deroulant__lien,
.bando-haut .deroulant__item.actif_tempo > .deroulant__lien,
.bando-haut .deroulant__item:focus-within > .deroulant__lien {
text-decoration: underline;
color: var(--spip-color-black);
background-color: var(--spip-color-theme-lighter);
}
.bando-haut .deroulant__item:focus-within > .deroulant__lien {
outline: none;
box-shadow: inset 0 0 0 1px var(--spip-color-theme);
}
/* Liens des sous-menus : prévoir les icônes à gauche en background */
.navigation_avec_icones .bando-haut .deroulant__sous-menu .deroulant__lien {
padding-' .
interdire_scripts(($Pile[0]['left'] ?? null)) .
': calc(var(--spip-deroulant-icon-size) + (var(--spip-deroulant-spacing-x) * 2));
background-position: var(--spip-left) var(--spip-deroulant-spacing-x) center;
background-size: var(--spip-deroulant-icon-size);
background-repeat: no-repeat;
height: 100%;
/* padding-' .
interdire_scripts(($Pile[0]['right'] ?? null)) .
': calc(var(--spip-deroulant-icon-size) + var(--spip-deroulant-spacing-x)); /* Ajouter largeur de l\'icone en padding-right, pour “aérer” le texte par rapport au bord droit */
}
/* Sous-menus <ul> */
.bando-haut .deroulant__sous-menu {
position: absolute !important;
' .
interdire_scripts(($Pile[0]['left'] ?? null)) .
': -3000em;
display: block;
width: max-content;
opacity: 0;
background-color: var(--spip-color-white);
border-radius: var(--spip-border-radius);
box-shadow: 0 0.5em 0.6em hsla(0, 0%, 0%, 0.075);
border: 1px solid var(--spip-box-border-color);
border-top: 0px;
transition: opacity 0.1s;
}
.plan_site .deroulant__sous-menu {
border: 1px solid var(--spip-box-border-color);
margin-top: -1px;
}
/* Ouverture à la prise de focus (css ou javascript) */
.bando-haut .deroulant__item:focus-within > .deroulant__sous-menu,
.bando-haut .deroulant__item.actif > .deroulant__sous-menu,
.bando-haut .deroulant__item.actif_tempo > .deroulant__sous-menu {
z-index: 100;
' .
interdire_scripts(($Pile[0]['left'] ?? null)) .
': auto;
opacity: 1;
}
/* Ajustements arrondis */
.bando-haut .deroulant__sous-menu[data-profondeur="1"] {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.bando-haut .deroulant__sous-menu .deroulant__item:first-child,
.bando-haut .deroulant__sous-menu .deroulant__item:first-child > .deroulant__lien {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.bando-haut .deroulant__sous-menu .deroulant__item:last-child,
.bando-haut .deroulant__sous-menu .deroulant__item:last-child > .deroulant__lien {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
/* Sous-menus en colonnes
Nb : column-count serait plus adapté mais pose des problèmes
pour le placement des sous-menus imbriqués */
.bando-haut .deroulant__sous-menu[class*=cols-] {
max-width: calc(var(--spip-vw) * 0.9);
display: grid;
grid-gap: 0;
}
.bando-haut .deroulant__sous-menu.cols-2 {
grid-template-columns: repeat(2, 1fr);
}
.bando-haut .deroulant__sous-menu.cols-3 {
grid-template-columns: repeat(3, 1fr);
}
.bando-haut .deroulant__sous-menu.cols-4 {
grid-template-columns: repeat(4, 1fr);
}
.bando-haut .deroulant__sous-menu.cols-5 {
grid-template-columns: repeat(5, 1fr);
}
.bando-haut .deroulant__sous-menu.cols-6 {
grid-template-columns: repeat(6, 1fr);
}
.bando-haut .deroulant__sous-menu.cols-7 {
grid-template-columns: repeat(7, 1fr);
}
.bando-haut .deroulant__sous-menu.cols-8 {
grid-template-columns: repeat(8, 1fr);
}
/**
* ============================
* 2. Bandeau liens d\'évitement
* ============================
*
* Visibles uniquement à la prise de focus.
*/
.bando-evitement {
position: absolute;
top: 0;
z-index: 0;
width: 100%;
overflow: hidden;
background: var(--spip-color-black);
color: var(--spip-color-white);
}
.bando-evitement.actif {
z-index: 11;
}
.bando-evitement a:hover,
.bando-evitement a:focus {
color: var(--spip-color-theme);
}
/**
* ===================
* 3. Bandeau identité
* ===================
*
* 1er bandeau visible
* Voir aussi 1.1 pour les styles mutualisés du menu
*/
.bando-id {
z-index: 10;
position: relative;
overflow: hidden;
background: var(--spip-color-theme-lightest);
color: var(--spip-color-gray-darkest);
}
.bando-id .largeur {
display: flex;
flex-flow: row wrap;
}
/* Menu liens */
.bando-id .menu-simple {
flex: 1 1 100%;
}
.bando-id .menu-simple__item * {
font-weight: inherit; /* tout unifier, même si <strong> */
}
.bando-id a:hover,
.bando-id a:focus {
color: var(--spip-color-theme-dark);
}
.bando-id svg.picto-lang {
height: 1.3em;
width: auto;
margin-' .
interdire_scripts(($Pile[0]['right'] ?? null)) .
': 0.33em;
fill: currentColor;
}
.bando-id svg.picto-lang path {
fill: inherit; /* forcer la main (?) */
}
/* Responsive */
@media (min-width: 580px) {
.bando-id .largeur {
justify-content: space-between;
}
.bando-id .menu-simple {
flex: 0 1 auto;
flex-wrap: nowrap;
}
}
/**
* =====================
* 4. Bandeau navigation
* =====================
*
* Menu de navigation principale
* Voir aussi 1.2 pour les styles mutualisés
*/
.bando-nav {
z-index: 10;
background: var(--spip-color-white);
color: var(--spip-color-gray-dark);
}
/* Item <li> à la racine : largeur arbitraire qui doit convenir dans l\'ensemble */
.deroulant_navigation .deroulant__item[data-racine] {
flex: 0 1 8.5em;
}
/* Liens <a> à la racine : centrer, picto au dessus */
.deroulant_navigation .deroulant__lien[data-racine] {
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.deroulant_navigation .deroulant__item.actif[data-racine] > .deroulant__lien,
.deroulant_navigation .deroulant__item.actif_tempo[data-racine] > .deroulant__lien,
.deroulant_navigation .deroulant__item[data-racine]:focus-within > .deroulant__lien,
.deroulant_navigation .deroulant__lien[data-racine]:focus,
.deroulant_navigation .deroulant__lien[data-racine]:hover {
background-color: transparent;
}
/* Picto <svg> à la racine */
.deroulant_navigation .picto {
width: var(--spip-bando-nav-picto-size);
height: auto;
margin-bottom: calc(var(--spip-deroulant-spacing-y) / 2);
}
.deroulant_navigation .picto .foreground {
fill: var(--spip-color-theme-darker); /* currentColor; */
}
.deroulant_navigation .picto .background {
fill: var(--spip-color-theme-light);
}
.deroulant_navigation .deroulant__item.actif .picto .background,
.deroulant_navigation .deroulant__item.actif_tempo .picto .background,
.deroulant_navigation .deroulant__item[data-racine]:focus-within > .deroulant__lien .picto .background,
.deroulant_navigation .deroulant__lien[data-racine]:focus .picto .background,
.deroulant_navigation .deroulant__lien[data-racine]:hover .picto .background {
fill: var(--spip-color-theme);
}
.deroulant_navigation .deroulant__item.actif .picto .foreground,
.deroulant_navigation .deroulant__item.actif_tempo .picto .foreground,
.deroulant_navigation .deroulant__item[data-racine]:focus-within > .deroulant__lien .picto .foreground,
.deroulant_navigation .deroulant__lien[data-racine]:focus .picto .foreground,
.deroulant_navigation .deroulant__lien[data-racine]:hover .picto .foreground {
fill: var(--spip-color-black);
}
.navigation_sans_icone .deroulant_navigation .picto {
display: none;
}
/* Favoris */
.deroulant_navigation .deroulant__item_non-favori {
background-color: var(--spip-color-gray-lightest);
}
.deroulant_navigation .deroulant__item_favori + .deroulant__item_non-favori {
border-top: 1px solid var(--spip-color-gray-lighter);
}
/* Masquer les outils (obsolète ? Ne semble présent nulle part) */
.bando-nav #masquer_outils {
position: absolute;
' .
interdire_scripts(($Pile[0]['right'] ?? null)) .
': -33px;
bottom: -23px;
height: 18px;
width: 18px;
background:transparent url(' .
find_in_theme('images/fermer-16.png') .
') center center no-repeat;
}
.navigation_sans_outils .bando-nav {
/* border-bottom: 1px solid #ddd; */
}
.navigation_sans_outils .bando-nav #masquer_outils{
background-image: url(' .
find_in_theme('images/ouvrir-16.png') .
');
}
.bando-nav #masquer_outils span{
display: none;
}
/**
* =================
* 5. Bandeau outils
* =================
*
* Outils après le menu principal
* Voir aussi 1.2 pour les styles mutualisés du menu déroulant
*/
.bando-outils {
width: 100%;
background: var(--spip-color-theme-light);
}
/* Layout */
.bando-outils > .largeur,
.bando-outils .outils,
.bando-outils .rapides,
.bando-outils .rapides__item,
.bando-outils .rapides__lien {
display: flex;
}
.bando-outils .largeur {
flex-flow: row wrap;
justify-content: flex-start;
}
.bando-outils .outils {
flex: 1 0 100%;
}
@media (min-width: 768px) {
.bando-outils .largeur {
flex-flow: row nowrap;
justify-content: space-between;
}
.bando-outils .outils {
flex: 0 1 auto;
}
}
/* Menus « rapides » */
.bando-outils .rapides__lien {
flex: 0 0 auto;
align-items: center;
padding: var(--spip-bando-outils-spacing-y) var(--spip-bando-outils-spacing-x);
background-position: center;
background-repeat: no-repeat;
background-size: var(--spip-bando-outils-icon-size);
}
.bando-outils .rapides__lien:hover,
.bando-outils .rapides__lien:focus {
background-color: var(--spip-color-theme-lighter);
}
.bando-outils .rapides__lien:focus {
outline: none;
box-shadow: inset 0 0 0 1px var(--spip-color-theme);
}
.bando-outils .rapides__item .libelle {
visibility: hidden;
display: block;
height: var(--spip-bando-outils-icon-size);
width: var(--spip-bando-outils-icon-size);
overflow: hidden;
}
.bando-outils .rapides_collaborer {
margin-' .
interdire_scripts(($Pile[0]['right'] ?? null)) .
': 1em;
}
/* Recherche : faire coller l\'input aux bords du bandeau, quelque soit sa hauteur */
#bando_outils .formulaire_recherche,
#bando_outils .formulaire_recherche form {
display: flex;
}
#bando_outils .formulaire_recherche input.text {
height: 100%;
}
/* Plan déroulant : ressérer, icônes customs, ouverture latérale */
.deroulant.deroulant_rubriques {
--spip-deroulant-spacing-y: var(--spip-bando-outils-spacing-y);
--spip-deroulant-spacing-x: var(--spip-bando-outils-spacing-x);
--spip-deroulant-icon-size: 14px;
margin-' .
interdire_scripts(($Pile[0]['right'] ?? null)) .
': 1em;
}
/* 1ère entrée : aligner sur les icônes des outils */
.deroulant_rubriques .deroulant__item_plan {
flex: 1 0 auto;
}
.deroulant_rubriques .deroulant__item_plan > .deroulant__lien {
height: 100%;
}
.deroulant_rubriques .picto_plan {
width: var(--spip-bando-outils-icon-size);
height: auto;
}
.deroulant_rubriques .deroulant__item_plan .image_loading {
float: var(--spip-right);
}
/* Sous-menus s\'ouvrant latéralement */
.deroulant_rubriques .deroulant__sous-menu[data-profondeur="1"] {
font-size: 0.9em;
}
.deroulant_rubriques .deroulant__sous-menu .deroulant__item {
position: relative;
width: var(--spip-deroulant-col-width);
}
.deroulant_rubriques .deroulant__item_parent.actif > .deroulant__sous-menu,
.deroulant_rubriques .deroulant__item_parent.actif_tempo > .deroulant__sous-menu {
' .
interdire_scripts(($Pile[0]['left'] ?? null)) .
': 4em; /* Décalage arbitraire pas trop grand */
}
/* Lien tout voir sans icône */
.deroulant_rubriques .deroulant__item_tout > .deroulant__lien {
background-image: none !important;
}
/* Icônes secteur / rubriques selon la profondeur */
.deroulant_rubriques .deroulant__lien[data-profondeur="1"] {
background-image: url(' .
chemin_image((string)'secteur-xx.svg') .
');
}
.deroulant_rubriques [data-profondeur="2"] .deroulant__lien {
background-image: url(' .
chemin_image((string)'rubrique-xx.svg') .
');
}
/* picto pour indiquer les items dépliants */
.deroulant_rubriques .deroulant__item_parent > .deroulant__lien {
position: relative;
}
.deroulant_rubriques .deroulant__item_parent > .deroulant__lien:after {
content: \'\';
display: block;
width: var(--spip-deroulant-icon-size);
height: var(--spip-deroulant-icon-size);
background-image: url(' .
chemin_image((string)'deplier-right.svg') .
');
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin-' .
interdire_scripts(($Pile[0]['left'] ?? null)) .
': auto;
padding-' .
interdire_scripts(($Pile[0]['left'] ?? null)) .
': var(--spip-deroulant-spacing-x);
}
/**
* =========
* 6. Autres
* =========
*/
/* Menu de sous-navigation : à déplacer, rien à voir avec les bandeaux */
.navigation .sous_navigation {
border-top: 0;
}
.navigation .sous_navigation .item:last-child {
border-bottom: 0;
}
.navigation .sous_navigation .item {
padding: 0;
font-size: 1.05em;
border-color: hsla(0, 0%, 0%, 0.1);
background-color: transparent;
}
.navigation .sous_navigation .item,
.navigation .sous_navigation .item.on {
font-weight: bold;
}
.navigation .sous_navigation .item a {
position: relative;
display: block;
margin: 0;
padding: 14px;
padding-left: 48px;
background-position: 14px center;
background-size: 24px;
background-repeat: no-repeat;
color: var(--spip-color-gray-dark);
transition: background 0.2s;
}
.navigation .sous_navigation .item.on > *,
.navigation .sous_navigation .item a:hover,
.navigation .sous_navigation .item a:focus {
background-color: var(--spip-color-theme-lighter);
color: var(--spip-color-black);
/* box-shadow: inset 0 0 1.5em hsla(0, 0%, 0%, 0.05); */
}
#contenu .sous_navigation {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-flow: row wrap;
}
#contenu .sous_navigation .item {
border: 0;
flex: 0 1 160px;
}
#contenu .sous_navigation .item a {
padding: 20px 16px;
padding-top: 60px;
background-position: center 20px;
background-size: 32px;
height: 100%;
text-align: center;
border-radius: var(--spip-border-radius);
}
@media (max-width: 500px) {
#contenu .sous_navigation .item {
flex: 1 1 100px;
font-size: 85%;
line-height: 120%;
}
}
/* messages de statut et d\'avertissement dans le bandeau */
div.wrap-messages,
div.en_lignes {
padding: 5px;
border-bottom: 1px solid ' .
interdire_scripts(entites_html(table_valeur($Pile[0]??[], (string)'foncee', null),true)) .
';
font-weight: bold;
}
div.wrap-messages {
background: #333;
color: #fff;
}
div.messages {
margin-top: 0;
}
div.messages ul {
text-align: left;
}
div.en_lignes { }
/* Icônes en background-image */
' .
bando_images_background('') .
'
');
return analyse_resultat_skel('html_b115a5848f5aaa61dc17e9a379f084ed', $Cache, $page, '../prive/themes/spip/bando.css.html');
}
?>