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/genie/local/cache-css/ |
/** * Styles du constructeur de formulaires. */ /** * Conteneur */ .formulaire_construire_formulaire { --saisies-btn-padding-x: var(--spip-btn-padding-x); --saisies-btn-padding-y: var(--spip-btn-padding-y); --saisies-btn-fontsize: var(--spip-btn-font-size); --saisies-btn-iconsize: 32px; margin-left: calc(var(--spip-form-spacing-x) * -1); margin-right: calc(var(--spip-form-spacing-x) * -1); } .formulaire_spip .formulaire_construire_formulaire { border: none; background: transparent; } /** * Saisie en configuration, avec le formulaire inséré à la fin. * Pour les fieldsets, c'est inséré après. */ .formulaire_construire_formulaire .en_configuration { border: 3px solid var(--spip-color-theme) !important; border-radius: var(--spip-form-border-radius); padding-top: var(--spip-form-spacing-y); padding-bottom: 0; margin: calc(var(--spip-form-spacing-y) / 2) 0; box-shadow: 0 0 2em var(--spip-color-theme-lightest); /* Pour faire « poper » la saisie */ } .formulaire_construire_formulaire .fieldset.en_configuration > fieldset, .formulaire_construire_formulaire .fieldset.en_configuration > .formulaire_configurer { margin: 0; } /** * Formulaire de configuration dans une saisie */ .formulaire_construire_formulaire .formulaire_configurer { margin-top: var(--spip-form-spacing-y); margin-left: calc((var(--spip-form-label-width) + (var(--spip-form-spacing-x) * 2)) * -1); margin-right: calc(var(--spip-form-spacing-x) * -1); padding: var(--spip-form-spacing-y) var(--spip-form-spacing-x) 0; border-top: 3px dashed var(--spip-color-theme-light); } .formulaire_construire_formulaire .editer.pleine_largeur .formulaire_configurer, .formulaire_construire_formulaire fieldset.editer:not(.en_configuration) .formulaire_configurer { margin-left: calc(var(--spip-form-spacing-x) * -1); } .formulaire_construire_formulaire .editer.long_label .formulaire_configurer { margin-left: calc((var(--spip-form-label-long-width) + (var(--spip-form-spacing-x) * 2)) * -1); } .formulaire_construire_formulaire .formulaire_configurer > .editer-groupe { margin-left: 0; margin-right: 0; } /* onglets */ .formulaire_construire_formulaire .formulaire_configurer .saisies-contenus-onglets > .fieldset { padding-left: 0; } /* boutons */ .formulaire_construire_formulaire .formulaire_configurer .boutons { margin: 0 calc(var(--spip-form-spacing-x) * -1); } /** * Fieldsets * On ajoute une bordure pour mieux visualiser, il faut donc ajuster les marges et cie. */ .formulaire_construire_formulaire .fieldset.configurable:not(.en_configuration) > fieldset { border: 1px dashed var(--spip-color-gray); } .formulaire_construire_formulaire .saisies_presentes .fieldset > fieldset { margin-left: 0; margin-right: 0; } .formulaire_construire_formulaire .saisies_presentes .fieldset > fieldset fieldset:not(.editer), .formulaire_construire_formulaire .saisies_presentes .fieldset > fieldset fieldset.editer.pleine_largeur { padding-left: var(--spip-form-spacing-x); padding-right: var(--spip-form-spacing-x); } /* Ceux dans le form de config (nb : fieldsets 1er niveaux affichés sous forme d'onglets) */ .formulaire_construire_formulaire .saisies_presentes .formulaire_configurer fieldset fieldset > .editer-groupe > .editer:first-child { padding-top: 0; } .formulaire_construire_formulaire .saisies_presentes .formulaire_configurer .fieldset > fieldset { padding-left: 0; padding-right: 0; } /** * Bouton de configuration des options globales */ .formulaire_construire_formulaire .actions-globales { margin-top: var(--spip-form-spacing-y); } .formulaire_construire_formulaire .actions-globales .submit { margin-bottom: 0; /* déjà la marge nécessaire via .editer-groupe + .editer */ } .formulaire_construire_formulaire .actions-globales ~ .editer-groupe { clear: both; } /** * Boutons divers au début (réinitialiser, etc.) */ .formulaire_construire_formulaire .actions_formulaire { margin: 0; text-align: center; border: 0; } .formulaire_construire_formulaire .actions_formulaire img { vertical-align: middle; } /** * Barre de boutons d'actions pour une saisie */ .formulaire_spip.formulaire_construire_formulaire .disabled{ /* Surcharger les réglages de spip en .formulaire_construire_formulaire .disabled */ opacity: 1; pointer-events: inherit; } .formulaire_construire_formulaire .actionable { padding-top: calc((var(--spip-form-spacing-y) / 2) + (16px + (var(--spip-btn-padding-y) * 2)))!important; position: relative; } .formulaire_construire_formulaire .fieldset.actionable > .actions { right: 0; } .formulaire_construire_formulaire .actions { position: absolute; top: calc(var(--spip-form-spacing-y) / 2); right: var(--spip-form-spacing-x); inset-inline-end: var(--spip-form-spacing-x); display: flex; justify-content: flex-end; margin: 0; } .formulaire_construire_formulaire .actions button, .formulaire_construire_formulaire .actions .btn { cursor: pointer; background-color: var(--spip-color-gray-lightest); border: none; margin: 0; } .formulaire_construire_formulaire .actions button:hover, .formulaire_construire_formulaire .actions .btn:hover { background-color: var(--spip-color-gray-lighter); } .formulaire_construire_formulaire .actions .move { cursor:move; } /** * Groupes de boutons d'ajout de saisies */ .formulaire_construire_formulaire .fieldset_saisie_categorie legend.legend { background-color: transparent; } .formulaire_construire_formulaire .fieldset_saisie_categorie .editer_groupe { display: grid; grid-template-columns: 1fr; grid-gap: 1em; } @media (min-width: 580px) { .formulaire_construire_formulaire .fieldset_saisie_categorie .editer_groupe { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 960px) { .formulaire_construire_formulaire .fieldset_saisie_categorie .editer_groupe { grid-template-columns: repeat(3, 1fr); } } /** * Bouton d'ajout d'une saisie avec icône */ .formulaire_construire_formulaire .ajouter_saisie { color: var(--spip-black, black); padding: var(--saisies-btn-padding-y) var(--saisies-btn-padding-x); padding-left: calc(var(--saisies-btn-iconsize) + (var(--saisies-btn-padding-x) * 2)); min-height: calc(var(--saisies-btn-iconsize) + (var(--saisies-btn-padding-y) * 2)); margin: 0; border: 0; background-color: var(--spip-color-gray-lightest); background-size: auto var(--saisies-btn-iconsize); background-repeat: no-repeat; background-position: var(--spip-left) var(--saisies-btn-padding-x) center; white-space: initial; font-size: var(--saisies-btn-fontsize); text-align: var(--spip-left); justify-content: flex-start; } .formulaire_construire_formulaire .ajouter_saisie:hover { background-color: var(--spip-color-gray-lighter); } .formulaire_construire_formulaire .ajouter_saisie img{ vertical-align:middle; } /** * Divers */ /* Bitonio de sortable.js */ .formulaire_construire_formulaire .sortable-ghost { opacity: 0; } /* Labels */ .formulaire_construire_formulaire .editer.obligatoire .formulaire_configurer label { color: #666; font-weight: normal; } .formulaire_construire_formulaire .editer.obligatoire .formulaire_configurer .obligatoire label { color: black; font-weight: bold; } /* ? */ .formulaire_construire_formulaire .editer-groupe.formulaire_configurer-contenus { padding: 0; } /* boutons */ .formulaire_construire_formulaire .editer-groupe.en_configuration .boutons { margin: 0.5em 0 0; } /* onglets */ .formulaire_construire_formulaire .saisies-menu-onglets__items { margin: 0; } /* Explication */ .formulaire_construire_formulaire .editer.saisie_explication > .explication { position: initial; } .formulaire_construire_formulaire .editer.hover { background-color: transparent; }