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/universe/tmp/cache/skel/ |
<?php /* * Squelette : ../prive/themes/spip/lists.css.html * Date : Fri, 28 Jul 2023 07:15:36 GMT * Compile : Fri, 28 Jul 2023 07:25:24 GMT * Boucles : _objets, _objets2 */ function BOUCLE_objetshtml_1be231cd9678645839c580c8cb3a2273(&$Cache, &$Pile, &$doublons, &$Numrows, $SP) { static $command = array(); static $connect; $command['connect'] = $connect = ''; $command['sourcemode'] = 'table'; $command['source'] = array(lister_tables_objets_sql(null)); if (!isset($command['table'])) { $command['table'] = ''; $command['id'] = '_objets'; $command['from'] = array(); $command['type'] = array(); $command['groupby'] = array(); $command['select'] = array(".valeur", "left"); $command['orderby'] = array(); $command['where'] = array(); $command['join'] = array(); $command['limit'] = ''; $command['having'] = array(); } if (defined("_BOUCLE_PROFILER")) $timer = time()+(float)microtime(); $t0 = ""; // REQUETE $iter = Spip\Compilateur\Iterateur\Factory::create( "DATA", $command, array('../prive/themes/spip/lists.css.html','html_1be231cd9678645839c580c8cb3a2273','_objets',196,$GLOBALS['spip_lang']) ); if (!$iter->err()) { $SP++; // RESULTATS while ($Pile[$SP]=$iter->fetch()) { $t0 .= ( ' ' . (($t1 = strval(chemin_image((string)interdire_scripts(concat(safehtml(table_valeur($Pile[$SP]['valeur'], 'icone_objet')),'-24.png')))))!=='' ? (( '.liste-objets.' . interdire_scripts(safehtml(table_valeur($Pile[$SP]['valeur'], 'table_objet'))) . ' .caption { background-image: url(') . $t1 . ( '); padding-' . interdire_scripts(safehtml((isset($Pile[$SP]['left'])?$Pile[$SP]['left']:(($Pile[0]['left'] ?? null))))) . ': var(--spip-list-heading-iconpadding); }')) : '')); } $iter->free(); } if (defined("_BOUCLE_PROFILER") AND 1000*($timer = (time()+(float)microtime())-$timer) > _BOUCLE_PROFILER) spip_log(intval(1000*$timer)."ms BOUCLE_objets @ ../prive/themes/spip/lists.css.html","profiler"._LOG_AVERTISSEMENT); return $t0; } function BOUCLE_objets2html_1be231cd9678645839c580c8cb3a2273(&$Cache, &$Pile, &$doublons, &$Numrows, $SP) { static $command = array(); static $connect; $command['connect'] = $connect = ''; $command['sourcemode'] = 'table'; $command['source'] = array(lister_tables_objets_sql(null)); if (!isset($command['table'])) { $command['table'] = ''; $command['id'] = '_objets2'; $command['from'] = array(); $command['type'] = array(); $command['groupby'] = array(); $command['select'] = array(".valeur", "left"); $command['orderby'] = array(); $command['where'] = array( array('NOT', array('=', 'cle', "'spip_rubriques'"))); $command['join'] = array(); $command['limit'] = ''; $command['having'] = array(); } if (defined("_BOUCLE_PROFILER")) $timer = time()+(float)microtime(); $t0 = ""; // REQUETE $iter = Spip\Compilateur\Iterateur\Factory::create( "DATA", $command, array('../prive/themes/spip/lists.css.html','html_1be231cd9678645839c580c8cb3a2273','_objets2',986,$GLOBALS['spip_lang']) ); if (!$iter->err()) { $SP++; // RESULTATS while ($Pile[$SP]=$iter->fetch()) { $t0 .= ( ' .plan .menu-items.' . interdire_scripts(safehtml(table_valeur($Pile[$SP]['valeur'], 'table_objet'))) . ' .item > a { padding-' . interdire_scripts(safehtml((isset($Pile[$SP]['left'])?$Pile[$SP]['left']:(($Pile[0]['left'] ?? null))))) . ': 20px; ' . (($t1 = strval(chemin_image((string)( interdire_scripts(safehtml(table_valeur($Pile[$SP]['valeur'], 'icone_objet'))) . '-16.png'))))!=='' ? ('background-image: url(' . $t1 . ');') : '') . ' } '); } $iter->free(); } if (defined("_BOUCLE_PROFILER") AND 1000*($timer = (time()+(float)microtime())-$timer) > _BOUCLE_PROFILER) spip_log(intval(1000*$timer)."ms BOUCLE_objets2 @ ../prive/themes/spip/lists.css.html","profiler"._LOG_AVERTISSEMENT); return $t0; } // // Fonction principale du squelette ../prive/themes/spip/lists.css.html // Temps de compilation total: 0.685 ms // function html_1be231cd9678645839c580c8cb3a2273($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 * ============ * * Nb : garder des variables propres à ce composant même dans les cas où on réutilise les variables de --spip-box, * cela permet de garder une autonomie pour les ajustements éventuels. * De plus il est parfois nécessaire d\'accéder à ces variables en dehors du composant. */ :root { /* Espacements */ --spip-list-spacing-x: var(--spip-box-spacing-x-mini); --spip-list-spacing-y: var(--spip-box-spacing-y-mini); /* Entête */ --spip-list-heading-fontweight: var(--spip-box-heading-fontweight); --spip-list-heading-fontsize: var(--spip-box-heading-fontsize-mini); --spip-list-heading-iconsize: var(--spip-box-heading-iconsize-mini); --spip-list-heading-iconpadding: calc(var(--spip-list-heading-iconsize) + (var(--spip-list-spacing-x) * 1.5)); /* Divers */ --spip-list-border-radius: var(--spip-box-border-radius); --spip-list-logo-size: 32px; --spip-list-biglogo-size: 50px; --spip-list-color-lightest: hsl(0, 0%, 98%); /* color-gray-lightest pas assez clair */ } @media (min-width: 768px) { :root { /* Espacements */ --spip-list-spacing-x: var(--spip-box-spacing-x-normal); --spip-list-spacing-y: var(--spip-box-spacing-y-normal); /* Entête */ --spip-list-heading-fontsize: var(--spip-box-heading-fontsize-normal); --spip-list-heading-iconsize: var(--spip-box-heading-iconsize-normal); --spip-list-heading-iconpadding: calc(var(--spip-list-heading-iconsize) + (var(--spip-list-spacing-x) * 1.5)); /* Divers */ --spip-list-logo-size: 40px; /* = vraie taille image */ --spip-list-biglogo-size: 70px; /* = vraie taille image */ } /* Taille réduite */ .liste-objets.mini, .liste-items.mini, .liste_items.mini, .lat, .affiche_milieu, .formulaire_editer_liens, .formulaire_dater { /* Espacements */ --spip-list-spacing-x: var(--spip-box-spacing-x-mini); --spip-list-spacing-y: var(--spip-box-spacing-y-mini); /* Entête */ --spip-list-heading-fontsize: var(--spip-box-heading-fontsize-mini); --spip-list-heading-iconsize: var(--spip-box-heading-iconsize-mini); --spip-list-heading-iconpadding: calc(var(--spip-list-heading-iconsize) + (var(--spip-list-spacing-x) * 1.5)); /* Divers */ --spip-list-logo-size: 32px; --spip-list-biglogo-size: 50px; } } /** * ================== * 1. Listes d\'objets * ================== * * Markup : * * .liste-objets * table.spip.liste * caption * .caption * thead * [tr td .pagination] * tbody * [tfoot] ? * [.pagination][.tri] * * Si aucun résultat : * * .liste-objets[.caption-wrap] * .caption */ /* Avant tout, reset des styles trop encombrants de table.spip : on repart au propre */ .liste-objets table { width: 100%; } .liste-objets table caption { margin: 0; text-align: inherit; font-weight: normal; background-color: inherit; } .liste-objets tr, .liste-objets tbody tr, .liste-objets tbody tr.row_odd, .liste-objets tbody tr.row_even, .liste-objets tr td, .liste-objets tr th, .liste-objets tbody tr:nth-child(even):not(:hover) > td, .liste-objets tbody tr:nth-child(even):not(:hover) > th, .liste-objets tbody tr.even:not(:hover) > td, .liste-objets tbody tr.even:not(:hover) > th { background-color: inherit; } .liste-objets tfoot { font-style: normal; } /* Conteneur optionnel */ .cadre .liste-objets{ font-size: 1em; } /* Conteneur général */ .liste-objets, .liste-objets * { box-sizing: border-box; } .liste-objets { z-index: 1; position: relative; margin: calc(var(--spip-margin-bottom) * 1.5) 0; /* À changer par le vraie gouttière plus tard */ border: 1px solid var(--spip-box-border-color); border-radius: var(--spip-list-border-radius); background-color: var(--spip-color-white); color: var(--spip-color); /* pour si dans un conteneur qui met le texte en blanc */ } /* Liste vide, avec un pseudo-caption (boucle sans résultat) */ .liste-objets.caption-wrap { font-size: inherit; /* reset typo.css */ } /* Taille générale du texte, en dehors du header */ .liste-objets table thead, .liste-objets table tbody, .liste-objets .pagination-item, .liste-objets .tri { font-size: 0.95em; } /* Tableau */ .liste-objets table { max-width: none; margin: 0; border-radius: inherit; background-color: inherit; } /* Caption */ .liste-objets table caption { padding: 0; border-top-left-radius: inherit; border-top-right-radius: inherit; font-size: inherit; /* reset typo.css */ } .liste-objets .caption { display: block; overflow: hidden; padding: var(--spip-list-spacing-y) var(--spip-list-spacing-x); background: none no-repeat var(--spip-left) var(--spip-list-spacing-x) center transparent; background-size: var(--spip-list-heading-iconsize); border-top-left-radius: inherit; border-top-right-radius: inherit; font-size: var(--spip-list-heading-fontsize); font-weight: var(--spip-list-heading-fontweight); } .liste-objets table .caption { border-bottom: 1px solid var(--spip-box-sep-color); } ' . BOUCLE_objetshtml_1be231cd9678645839c580c8cb3a2273($Cache, $Pile, $doublons, $Numrows, $SP) . ' /* pour editer liens ? */ .liste-objets caption .formulaire_spip { top: 2px; } /* Cellules <td> + <th> (toutes : dans thead, tbody et tfoot) */ .liste-objets tr th, .liste-objets tr td { padding: calc(var(--spip-list-spacing-y) / 2) calc(var(--spip-list-spacing-x) / 2); border-color: var(--spip-box-sep-color); border-left: 0; border-right: 0; line-height: 1.2; transition: background 0.2s, padding 0.2s; } .liste-objets tr td, .liste-objets table img { vertical-align: middle; } .liste-objets tr th:first-child, .liste-objets tr td:first-child { padding-inline-start: var(--spip-list-spacing-x); } .liste-objets tr th:last-child, .liste-objets tr td:last-child { padding-inline-end: var(--spip-list-spacing-x); } /* Entête <thead> Nb : attention il peut y avoir plusieurs <tr> */ .liste-objets table thead { background-color: var(--spip-list-color-lightest); } .liste-objets thead tr:first-child > * { border-top: 0; } .liste-objets thead tr:last-child > * { border-bottom: 0; } .liste-objets thead th > a { display: inline-flex; /* si picto, éviter un espace blanc */ } .liste-objets thead img { width: auto; height: 1em; /* ne pas augmenter la hauteur de la ligne */ } /* si tr multiples, les 1ers contiennent en principe la pagination : on ressert */ .liste-objets thead tr:not(:last-child) > * { padding-top: calc(var(--spip-list-spacing-y) / 4); padding-bottom: calc(var(--spip-list-spacing-y) / 4); } /* Corps <tbody> */ .liste-objets table tbody { background-color: inherit; } .liste-objets tbody tr:first-child td, .liste-objets tbody tr:first-child th { border-top: 0; } .liste-objets tbody tr:last-child td, .liste-objets tbody tr:last-child th { border-bottom: 0; } .liste-objets tbody tr:hover td, .liste-objets tbody tr:hover th { background-color: hsl(0, 0%, 98%); /* --spip-color-gray-lightest un poil trop foncé */ } /* Pied : tfoot */ .liste-objets table tfoot { background-color: var(--spip-list-color-lightest); } /* Gestion des arrondis selon les cas */ .liste-objets table > *:first-child, .liste-objets table > *:first-child tr:first-child, .liste-objets table > *:first-child tr:first-child > *:first-child { border-top-' . interdire_scripts(($Pile[0]['left'] ?? null)) . '-radius: var(--spip-list-border-radius); } .liste-objets table > *:first-child, .liste-objets table > *:first-child tr:first-child, .liste-objets table > *:first-child tr:first-child > *:last-child { border-top-' . interdire_scripts(($Pile[0]['right'] ?? null)) . '-radius: var(--spip-list-border-radius); } .liste-objets table > *:last-child tr:last-child, .liste-objets table > *:last-child tr:last-child > *:first-child { border-bottom-' . interdire_scripts(($Pile[0]['left'] ?? null)) . '-radius: var(--spip-list-border-radius); } .liste-objets table > *:last-child tr:last-child, .liste-objets table > *:last-child tr:last-child > *:last-child { border-bottom-' . interdire_scripts(($Pile[0]['right'] ?? null)) . '-radius: var(--spip-list-border-radius); } /** * 1.1. Cellules et items particuliers * ----------------------------------- */ /* Liens secondaires moins visibles */ /* .liste-objets td.principale a strong { text-decoration: underline; text-decoration-style: dotted; } .liste-objets td.principale a strong:hover, .liste-objets td.principale a strong:focus { text-decoration-style: solid; } */ .liste-objets td:not(.principale) a:not(.btn) { color: #888; } .liste-objets td:not(.principale) a:not(.btn):hover, .liste-objets td:not(.principale) a:not(.btn):focus { color: #333; } /* Statut et picto */ .liste-objets tr > .statut, .liste-objets tr > .picto { width: calc(16px + var(--spip-list-spacing-x)); text-align: center; } .liste-objets tr > .statut:first-child, .liste-objets tr > .statut:last-child, .liste-objets tr > .picto:first-child, .liste-objets tr > .picto:last-child { width: calc(16px + (var(--spip-list-spacing-x) * 1.5)); text-align: center; } /* Id */ .liste-objets tr > .id { width: 40px; text-align: var(--spip-right); } /* Statut */ /* Titre */ .liste-objets td.titre a { display: block; /*font-size: 1.05em;*/ } .liste-objets td.titre a strong { font-weight: inherit; /* forcer la graisse normale */ } .liste-objets td.titre .rang { opacity: 0.7; } .liste-objets td.titre .surtitre, .liste-objets td.titre .soustitre { display: block; overflow: hidden; max-width: 18em; /*font-size: 0.85em;*/ opacity: 0.7; text-overflow: ellipsis; white-space: nowrap; } /* Entrées secondaires (date notamment) */ .liste-objets td.secondaire { font-size: 0.85em; } /* Logo Certaines listes swappent .logo pour .nologo quand aucun logo */ .liste-objets td.titre .spip_logo { float: var(--spip-right); margin-' . interdire_scripts(($Pile[0]['left'] ?? null)) . ': 0.5em; } .liste-objets td.logo { text-align: center; /* padding: 0 5px; */ } .liste-objets td.logo img { display: block; margin: 0 auto; } .liste-objets th.nologo, .liste-objets td.nologo { padding: 0; width: 0; } /* N\'afficher les logos que sur grand écran */ .liste-objets .logo, .liste-objets .nologo { display: none; } .liste-objets td.auteur { font-size: .85em; } @media (min-width: 500px) { .liste-objets .logo, .liste-objets .nologo { display: table-cell; } .liste-objets td.auteur { font-size: inherit; } } .liste-objets td.nologo { height: 45px; } /* Auteur */ .liste-objets td.auteur { width: 18%; } .liste-objets tr > .auteur > .inner { display: block; max-height: 10em; overflow-x: hidden; border: 0; background: none; } /* Date */ .liste-objets th.date, .liste-objets td.date { text-align: var(--spip-right); } .liste-objets td.date { white-space: nowrap; width: 10%; } /* Date */ .liste-objets tr > .id { width: 40px; } /* Actions */ .liste-objets td.action { text-align: var(--spip-right); } .liste-objets td.action button { margin-bottom: 0; } /* Syndication */ .liste-objets tr td.syndication .etat { display: block; color:red; } /* Confirmation (?) */ .liste-objets tr.confirmation { display: none; } /* Bouton après le tableau (?) */ .liste-objets .liste + .action .button { margin: calc(var(--spip-line-height) / 4); } /* Loader */ .liste-objets > .image_loading { position: absolute; top: 0; ' . interdire_scripts(($Pile[0]['right'] ?? null)) . ': 0; } /* Pagination */ .liste-objets .pagination, .liste-objets p.pagination { margin: 0; border: none; } /* Pagination après le tableau */ .liste-objets table + .pagination, .liste-objets table + p.pagination { border-radius: inherit; border-top-left-radius: 0; border-top-right-radius: 0; background-color: var(--spip-list-color-lightest); } /* Pagination dans l\'entête du tableau */ .liste-objets thead .pagination { padding: 0; background-color: transparent; } /** * 1.2. Types de listes particulières * ---------------------------------- */ /* Objets liés */ .liste-objets-lies, .liste-objets-associer { margin: 0; } /* Traductions */ .liste-objets.traductions .trad { text-align: center; } .liste-objets.traductions button.changer_reference_trad { margin: 0; width: 100%; } .liste-objets.traductions .reference_trad { /* font-size: inherit; */ } /* Articles Nb : styles logo mutualisés avec .logo-carre, utilisé dans les boîtes de sous-rubriques. */ .liste-objets.articles tr td.logo, .logo-carre { padding-top: 0.25em; padding-bottom: 0.25em; flex-shrink: 0; } .liste-objets.articles tr td.logo, .liste-objets.articles tr td.logo img, .logo-carre img { width: var(--spip-list-biglogo-size); min-width: var(--spip-list-biglogo-size); height: var(--spip-list-biglogo-size); } .liste-objets.articles tr td.logo img, .logo-carre img { object-fit: cover; display: block; border-radius: calc(var(--spip-list-border-radius) / 2); } /* Sélection articles */ .liste-objets.selection-articles table { background-color: white; border-bottom: 1px solid var(--spip-box-sep-color); } .liste-objets.selection-articles form { background-color: var(--spip-color-theme-lightest); } /* Auteurs Nb : pour les auteurs et visiteurs, logo en background du <a> */ .liste-objets.auteurs td.logo, .liste-objets.visiteurs td.logo { width: var(--spip-list-logo-size); padding: calc(var(--spip-list-spacing-y) / 4) calc(var(--spip-list-spacing-x) / 2); } .liste-objets.auteurs td.logo a, .liste-objets.visiteurs td.logo a { width: var(--spip-list-logo-size); height: var(--spip-list-logo-size); display: block; border-radius: 50%; } .liste-objets.auteurs td.logo a, .liste-objets.visiteurs td.logo a { background-position: center center; background-size: cover; } .liste-objets-associer.auteurs td.logo, .liste-objets-associer.visiteurs td.logo { min-width: calc(var(--spip-list-logo-size) * 0.5); } .liste-objets-associer.auteurs td.logo a, .liste-objets-associer.visiteurs td.logo a { width: calc(var(--spip-list-logo-size) * 0.5); height: calc(var(--spip-list-logo-size) * 0.5); } /* Révisions (à déporter dans le plugin) */ .liste-objets.versions table .caption { padding-' . interdire_scripts(($Pile[0]['left'] ?? null)) . ': var(--spip-list-heading-iconpadding); background-position: var(--spip-left) var(--spip-list-spacing-x) center; } /* Tâches */ .liste-objets.jobs th.date, .liste-objets.jobs td.date { text-align: start; } .liste-objets.jobs tr.is-late td { background-color: hsla(var(--spip-color-notice--h),var(--spip-color-notice--s),var(--spip-color-notice--l),0.2) !important; } .liste-objets.jobs tr.is-pending td, .liste-objets.jobs tr.is-late.is-pending td { background-color: var(--spip-color-theme-lightest) !important; font-weight: 500; } .liste-objets.jobs .etiquette { background-color: var(--spip-color-gray-dark); color: var(--spip-color-white); border-radius: var(--spip-border-radius-mini); padding: 0 0.2em; } .liste-objets.jobs .btns { display: flex; } .liste-objets.jobs .btns > * { flex: 1 0 auto; } /* Dans boîtes */ .box.highlight .liste-objets { border-width: 0; } /** * 1.3. Liste en colonne latérale * ------------------------------ * N\'afficher que les colonnes nécessaires : statut et id * @extend .mini */ .lat .liste-objets tr > *:not(.principale):not(.id):not(.statut), .lat .liste-objets .titre .soustitre, .lat .liste-objets .titre .surtitre { display: none; } .lat .liste-objets tr td, .lat .liste-objets tr th { word-break: break-word; } /** * 1.4. Liste de taille réduite * ---------------------------- * cf. variables */ .liste-objets.mini {} /** * 1.5. Listes dans .affiche_milieu * -------------------------------- * cf. variables + content.css */ /** * ==================== * 2. Pagination et tri * ==================== * * Composant pouvant être utilisé en dehors des listes d\'objets. * .tri n\'utilise pas le même markup que .pagination (pas de <ul>, juste des <a>) * Est-il toujours utilisé en conjonction (class="pagination tri") ? */ .pagination, .tri { background: var(--spip-color-gray-lighter); /* il faut un contraste suffisant si direct sur fond de la page */ margin: 0; margin-top: 1em; padding: calc(var(--spip-list-spacing-y) / 2) calc(var(--spip-list-spacing-x) / 2); font-size: 0.85em; font-weight: bold; text-align: var(--spip-right); white-space: nowrap; } .pagination a, .tri a { transition: background 0.1s; } .tri { text-align: var(--spip-left); } .tri .on { background: var(--spip-color-gray-lighter); padding: 2px 3px; color: var(--spip-color-black); } .tri img, .pagination img { vertical-align: bottom; } .pagination .pagination-items { list-style: none; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-end; border-radius: inherit; } .pagination .pagination-item { margin: 0; flex-basis: 2em; display: flex; align-items: center; } .pagination .pagination-item + .pagination-item { margin-' . interdire_scripts(($Pile[0]['left'] ?? null)) . ': 1px; } .pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto; } .pagination .pagination-item-label { display: block; flex-basis: 100%; text-decoration: none; padding: 0.15em .30em; border-radius: calc(var(--spip-box-border-radius) / 2); text-align: center; } .pagination .on .pagination-item-label, .pagination a.pagination-item-label:hover, .pagination a.pagination-item-label:focus, .pagination a.pagination-item-label:active { background: var(--spip-color-theme-dark); border-color: var(--spip-color-theme-dark); color: var(--spip-color-white); } .pagination .on .pagination-item-label { font-weight: bold; } .pagination .pagination_precedent_suivant .disabled { visibility: hidden; } .pagination .pagination-item.disabled {} .pagination .pagination-item.disabled .pagination-item-label { color:#aaa; font-weight: normal; border-color: #ddd; } /* Successions */ .pagination + .pagination, .pagination + .tri, .tri + .pagination { border-top: 1px solid var(--spip-box-sep-color); margin-top: 0; } .pagination + .liste_items, .tri + .liste_items { border-top: 0; margin-top: 0; } .liste_items + .tri, .liste_items + .pagination { margin-bottom: 1em; } /* Pagination dans une colonne */ .lat .pagination, .lat .tri { font-size: 0.8em; } .lat .pagination { white-space: normal; text-align: var(--spip-left); } /* Balise TRI : picto indiquant le sens de tri * Objectifs : * - montrer l\'item exposé et le sens de tri appliqué * - montrer les autres items triables, et le sens de tri qui sera appliqué au survol/focus */ .item-tri { display: inline-flex; align-items: center; color: inherit; } .item-tri:after { content: ""; display: inline-block; width: 0.85em; height: 0.85em; margin-inline-start: 0.33em; margin-inline-start: 0.33em; background-color: currentColor !important; mask-size: contain; mask-position: center; mask-repeat: no-repeat; mask-image: url("' . chemin_image((string)'tri-sens-off-xx.svg') . '"); opacity: 0.5; } .item-tri_actif:after, .item-tri:hover:after, .item-tri:focus:after { opacity: 0.8; } .item-tri_actif.item-tri_asc:after, .item-tri_asc:not(.item-tri_actif):hover:after, .item-tri_asc:not(.item-tri_actif):focus:after { mask-image: url("' . chemin_image((string)'tri-sens-asc-xx.svg') . '"); } .item-tri_actif.item-tri_desc:after, .item-tri_desc:not(.item-tri_actif):hover:after, .item-tri_desc:not(.item-tri_actif):focus:after { mask-image: url("' . chemin_image((string)'tri-sens-desc-xx.svg') . '"); } /** * ========= * 3. Listes * ========= * * Utilisations : * - conteneur pour les liste d\'items * - conteneur pour certains sélecteurs * - <table> des liste d\'objets * * Exemple pour .liste-items : * * div.liste * h4 * ul.liste-items */ .liste { margin: var(--spip-margin-bottom) 0; } .liste > h1, .liste > .h1, .liste > h2, .liste > .h2, .liste > h3, .liste > .h3, .liste > h4, .liste > .h4, .liste > h5, .liste > .h5, .liste > h6, .liste > .h6 { margin-bottom: 0; } /** * ================= * 4. Listes d\'items * ================= */ .liste_items, .liste-items, .liste_items *, .liste-items * { box-sizing: border-box; } .liste_items, .liste-items { list-style: none; margin: 0 0 var(--spip-margin-bottom); padding: 0; clear: both; } .liste_items .item, .liste-items .item { border-bottom: 1px solid var(--spip-box-sep-color); padding: calc(var(--spip-list-spacing-y) / 2) 0; overflow: hidden; clear: both; transition: background 0.15s; } .liste_items .item:last-child, .liste-items .item:last-child { border-bottom: 0; } .liste_items .odd, .liste-items .odd { background:var(--spip-color-gray-lightest); } .liste_items .item:hover, .liste-items .item:hover, .liste_items .item:focus, .liste-items .item:focus { background-color: var(--spip-color-theme-lightest); } .liste_items .court:hover, .liste-items .court:hover { background-color:var(--spip-color-gray-lightest); } .liste_items .item.on, .liste-items .item.on { background-color: var(--spip-color-theme-lightest); font-weight: normal; } .liste_items .item.on:hover, .liste-items .item.on:hover { background-color: var(--spip-color-theme-lighter); } .liste_items .item h3, .liste-items .item h3 { margin: 0; } .liste_items .item img, .liste-items .item img { vertical-align: middle; } .liste_items .item img:first-child, .liste-items .item img:first-child { margin-' . interdire_scripts(($Pile[0]['right'] ?? null)) . ': 0.33em; } .liste_items .bouton_action_post { margin: 0; } /* Permet d\'utiliser la grid sur les listes */ .item.unit, .item.lastUnit { clear: none; } .liste_items .item .actions, .liste-items .item .actions { float: none; margin: 0; clear: both; text-align: var(--spip-right); } /* Liste de jobs */ .liste_items.jobs .item { display: flex; justify-content: space-between; align-items: center; } .jobs_liste { margin: 0; } .jobs_liste .btn.btn_icone { padding-inline: 0; } .jobs_liste .btn.btn_executer:not(:hover):not(:focus) { color: var(--spip-color-theme); } /** * ================================ * 5. Menus d\'items et plan du site * ================================ * * Semble pour l\'instant utilisé uniquement pour le plan du site. * Le plugin-dist surcharge le plan (donc styles inutilisés). */ .menu-items { list-style: none; margin: 1em 0; padding: 0; border-top: 1px solid var(--spip-box-border-color); clear: both; } .menu-items .item { border-bottom: 1px solid var(--spip-box-border-color); padding: 0; overflow: hidden; clear: both; } .menu-items .menu-items { margin: 0; padding: 0; margin-' . interdire_scripts(($Pile[0]['left'] ?? null)) . ': 11px; } .menu-items .item > a, .menu-items .item > strong.on { display: block; padding: calc(var(--spip-margin-bottom) / 2) 0; } .menu-items .item > a:hover, .menu-items .item >.on { background-color: var(--spip-color-theme-lighter); } /* Variante pour le plan du site */ .plan .menu-items { border-top:0; } .plan .menu-items .menu-items { border-' . interdire_scripts(($Pile[0]['left'] ?? null)) . ': 1px solid var(--spip-box-sep-color); } .plan .menu-items .item .pagination { margin-' . interdire_scripts(($Pile[0]['left'] ?? null)) . ': 11px; border-' . interdire_scripts(($Pile[0]['left'] ?? null)) . ': 1px solid var(--spip-box-sep-color);; } .plan .menu-items .item { overflow: visible; border-bottom: 0; padding-' . interdire_scripts(($Pile[0]['left'] ?? null)) . ': 6px; } .plan .menu-items .item > a { padding: 0.25em 0 0.25em 5px; background-repeat: no-repeat; background-position: center var(--spip-left); background-repeat: no-repeat; } ' . BOUCLE_objets2html_1be231cd9678645839c580c8cb3a2273($Cache, $Pile, $doublons, $Numrows, $SP) . ' /** * ========= * 6. Autres * ========= */ /* En édition (à déplacer ailleurs) */ .en-edition .inner { font-size: 0.9em; } .en-edition h3 { font-size: 1.1em; } .en-edition .bouton_action_post { float: ' . interdire_scripts(entites_html(table_valeur($Pile[0]??[], (string)'right', null),true)) . '; } .en-edition .liste-items { margin: 0; } .en-edition .liste-items .item { padding-top: 5px; padding-bottom: 5px; display: flex; } .en-edition .liste-items a { flex-grow: 2; } .en-edition .item .icone-objet { float: ' . interdire_scripts(entites_html(table_valeur($Pile[0]??[], (string)'left', null),true)) . '; margin-top: 2px; margin-' . interdire_scripts(entites_html(table_valeur($Pile[0]??[], (string)'right', null),true)) . ': 5px; } .en-edition .item .bouton_action_post { flex-shrink: 0; margin: 0; } .en-edition .item .bouton_action_post button { padding: 0; } .en-edition .item .bouton_action_post img { margin: 0; width: 16px; height: 16px; } '); return analyse_resultat_skel('html_1be231cd9678645839c580c8cb3a2273', $Cache, $page, '../prive/themes/spip/lists.css.html'); }