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/univers/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;
}