46,67 → 46,6 |
margin-top: 0.5rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks button, |
#group-settings-form .button { |
background-color: #a2b93b; |
border-radius: .2rem; |
border: 0 none; |
padding: 1.25rem 2rem; |
cursor: pointer; |
color: #fff; |
display: inline-block; |
font-family: Ubuntu,sans-serif; |
font-size: 13px; |
font-size: 1.3rem; |
font-weight: 500; |
letter-spacing: 1px; |
letter-spacing: .1rem; |
line-height: 15px; |
line-height: 1.5rem; |
text-align: center; |
text-decoration: none; |
text-transform: capitalize; |
-webkit-transition: background .2s ease; |
-o-transition: background .2s ease; |
transition: background .2s ease; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks button:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks button:focus, |
#group-settings-form .button:hover, |
#group-settings-form .button:focus { |
background-color: #b3c954; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks input, |
#zone-appli #register-page #group-settings-form .widget-blocks select, |
#zone-appli #register-page #group-settings-form .widget-blocks textarea { |
width: 100%; |
border-radius: .3rem; |
padding: 1rem; |
line-height: 1.15; |
margin: 0; |
font-size: 1.3rem; |
-moz-transition: none; |
-webkit-transition: none; |
-o-transition: color 0 ease-in; |
transition: none; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks input[type="checkbox"], |
#zone-appli #register-page #group-settings-form .widget-blocks input[type="radio"] { |
width: auto; |
-webkit-box-sizing: border-box; |
box-sizing: border-box; |
padding: 0; |
text-align: start; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks input { |
overflow: visible; |
} |
|
|
#zone-appli #register-page #group-settings-form .widget-blocks .message { |
background-color: #f8f5ef; |
color: #232323; |
119,214 → 58,89 |
display: none; |
} |
|
/* Aperçu du widget */ |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer { |
#zone-appli #register-page #group-settings-form #langue{ |
width: 100%; |
border: 0.1rem solid #ddd; |
border-radius: 0.3rem; |
padding: 0 3rem 3rem 3rem; |
min-height: 100%; |
width: 100%; |
padding: 1rem; |
overflow: hidden; |
background: rgba(248, 245, 239, 0.6); |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1 { |
font-size: 3rem; |
line-height: 3.2rem; |
width: 100%; |
color: #232323; |
margin: 1rem; |
/*** Styles généraux des champs ****/ |
/* Formulaires du nouveau widget*/ |
#zone-appli #register-page #group-settings-form { |
float: none; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 span, |
#zone-appli #register-page #group-settings-form .widget-blocks h3 .field-title, |
#zone-appli #register-page #group-settings-form .widget-blocks .list-label, |
#zone-appli #register-page #group-settings-form .widget-blocks label { |
text-transform: capitalize; |
#zone-appli #register-page #group-settings-form .widget-blocks .register-section { |
margin-bottom: 1rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 { |
width: 100%; |
color: #232323; |
margin: 1rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help { |
width: 80%; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help.input-file-container { |
width: 73.8%; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help { |
margin-bottom:1.5rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .select-wrapper.and-help, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .multiselect.and-help { |
display:inline-block; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks form { |
margin-bottom: 2rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .list-label, |
#zone-appli #register-page #group-settings-form .widget-blocks label { |
color: #000; |
display: block; |
font-size: 1.5rem; |
margin-bottom: 0.4rem; |
margin-top: 2rem; |
font-weight: 300; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox, |
#zone-appli #register-page #group-settings-form .widget-blocks .radio { |
padding-left: 0; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox label, |
#zone-appli #register-page #group-settings-form .widget-blocks .radio label{ |
padding-left: 1rem; |
} |
|
#preview-formulaire, |
#preview-header, |
#preview-messages { |
padding: 2rem; |
border-radius: 0.3rem; |
background-color: rgba(255, 255, 255, 0.8); |
margin-top: 2rem; |
} |
|
.register-section{ |
margin-bottom: 1rem; |
} |
|
/* Formulaires du nouveau widget*/ |
#group-settings-form { |
float: none; |
} |
|
#group-settings-form #langue{ |
#zone-appli #register-page #group-settings-form .widget-blocks input, |
#zone-appli #register-page #group-settings-form .widget-blocks select, |
#zone-appli #register-page #group-settings-form .widget-blocks textarea { |
width: 100%; |
border-radius: .3rem; |
padding: 1rem; |
line-height: 1.15; |
margin: 0; |
font-size: 1.3rem; |
-moz-transition: none; |
-webkit-transition: none; |
-o-transition: color 0 ease-in; |
transition: none; |
border: 0.1rem solid #ddd; |
border-radius: 0.3rem; |
padding: 1rem; |
overflow: hidden; |
box-shadow: none !important; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks input { |
border: 0.1rem solid #ddd; |
overflow: visible; |
} |
|
/* Styles des champs required*/ |
#zone-appli #register-page #group-settings-form .widget-blocks textarea:required, |
#zone-appli #register-page #group-settings-form .widget-blocks input:required, |
#zone-appli #register-page #group-settings-form .widget-blocks select:required{ |
#zone-appli #register-page #group-settings-form .widget-blocks select:required { |
border: 0.2rem solid #F8DFD3 !important; |
box-shadow: none !important; |
} |
|
/**** Styles des boutons ****/ |
|
/* Positionnement visuel du bouton submit pour qu'il reste |
sous les nouveaux champs alors que dans le dom |
il est positionné avant les nouveaux champs */ |
#zone-appli #register-page #group-settings-form .widget-blocks #submit-button { |
position: absolute; |
bottom: -20px; |
/* Style des checkboxes et radios */ |
#zone-appli #register-page #group-settings-form .widget-blocks input[type="checkbox"], |
#zone-appli #register-page #group-settings-form .widget-blocks input[type="radio"] { |
width: auto; |
-webkit-box-sizing: border-box; |
box-sizing: border-box; |
padding: 0; |
text-align: start; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks #add-fields.button, |
#zone-appli #register-page #group-settings-form .widget-blocks .add-value-button.button { |
background-color: #009fb8; |
#zone-appli #register-page #group-settings-form .widget-blocks input[type="date"], |
#zone-appli #register-page #group-settings-form .widget-blocks input[type="number"], |
#zone-appli #register-page #group-settings-form .widget-blocks input[type="email"] { |
line-height: 1.15; |
margin: 0; |
padding: 1rem; |
border: 0.1rem solid #ddd; |
border-radius: 0.3rem; |
width: 100%; |
box-sizing: inherit; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks #add-fields.button:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks #add-fields.button:focus, |
#zone-appli #register-page #group-settings-form .widget-blocks .add-value-button.button:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks .add-value-button.button:focus { |
background-color: rgba(0, 159, 184, 0.7); |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file { |
background-color: #ff5d55; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button:focus, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:focus, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file:focus { |
background-color: rgba(255, 93, 85, 0.7); |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button { |
background-color: #ea9973; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file { |
margin-left: 0.5rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button { |
border-radius: 0.2rem; |
padding: 1rem 1rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button:focus, |
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:focus { |
background-color: rgba(234, 153, 115, 0.7); |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type { |
#zone-appli #register-page #group-settings-form .widget-blocks label { |
text-transform: capitalize; |
color: #000; |
display: block; |
font-size: 1.5rem; |
margin-left: 0; |
padding: 0.8rem; |
background-color: #ea9973; |
text-decoration: none; |
color: #ffffff; |
border-radius: 0.2rem; |
margin-bottom: 0.4rem; |
margin-top: 2rem; |
font-weight: 300; |
} |
/****************************/ |
|
/**** style du formulaire des nouveaux champs après validation ****/ |
#zone-appli #register-page #group-settings-form .widget-blocks .disabled, |
#zone-appli #register-page #group-settings-form .widget-blocks .validated { |
background-color: #eeeeee; |
cursor: default; |
pointer-events: none; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .invalid-key, |
#zone-appli #register-page #group-settings-form .widget-blocks .invalid { |
box-shadow : 0 0 1.5px 1px red; |
} |
|
/* Le picto validation apparait en vert */ |
#group-settings-form .validated i { |
color: #c3d45d; |
cursor: default; |
} |
|
/* La couleur de fond du formulaire lui-même ne change pas */ |
#zone-appli #register-page #group-settings-form .widget-blocks #new-fields.disabled{ |
background-color: initial; |
} |
|
/* annuler un position absolute provenant de bundle.css */ |
#zone-appli #register-page #group-settings-form .widget-blocks fieldset > p { |
position: static; |
336,8 → 150,10 |
text-align: left; |
color: #606060; |
} |
/******************************************************************/ |
|
|
/***********************************/ |
|
/**** Style des select et checkbox-list ****/ |
#zone-appli #register-page #group-settings-form .widget-blocks select, |
#zone-appli #register-page #group-settings-form .widget-blocks .selectBox select { |
422,40 → 238,6 |
} |
/*******************************************/ |
|
/**** Input Type Range ****/ |
#zone-appli #register-page #group-settings-form .widget-blocks .range input[type="range"], |
#zone-appli #register-page #group-settings-form .widget-blocks .range input[type="number"] { |
border:none; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .range input[type="number"] { |
padding: 0 0 0 0.5rem; |
height: 3rem; |
text-align: center; |
} |
/**************************/ |
|
/**** Affichage des nouveaux champs ****/ |
|
/* Mieux distinguer les différentes strates */ |
#group-settings-form fieldset.new-field, |
#group-settings-form .new-value { |
position: static; |
margin: 1rem 0; |
padding: 2rem; |
border-radius: 0.3rem; |
background-color: #F8F5EF; |
} |
|
/* Mieux distinguer les différentes strates */ |
#group-settings-form .field-details { |
margin: 1rem 0; |
padding: 2rem; |
border-radius: 0.3rem; |
background-color: #fcfbf9; |
} |
/********************************************/ |
|
/**** Style des input type "file" ****/ |
/* styles de base */ |
#group-settings-form .input-file-container, |
522,29 → 304,260 |
padding: 2rem; |
border-radius: 0.3rem; |
} |
/*************************************/ |
|
#zone-appli #register-page #group-settings-form .widget-blocks input[type="date"], |
#zone-appli #register-page #group-settings-form .widget-blocks input[type="number"], |
#zone-appli #register-page #group-settings-form .widget-blocks input[type="email"] { |
line-height: 1.15; |
margin: 0; |
padding: 1rem; |
border: 0.1rem solid #ddd; |
/**** Affichage des nouveaux champs ****/ |
/* Mieux distinguer les différentes strates */ |
#group-settings-form fieldset.new-field, |
#group-settings-form .new-value { |
position: static; |
margin: 1rem 0; |
padding: 2rem; |
border-radius: 0.3rem; |
width: 100%; |
box-sizing: inherit; |
background-color: #F8F5EF; |
} |
|
/*************************************/ |
/* Mieux distinguer les différentes strates */ |
#group-settings-form .field-details { |
margin: 1rem 0; |
padding: 2rem; |
border-radius: 0.3rem; |
background-color: #fcfbf9; |
} |
/********************************************/ |
|
/**** Styles des boutons ****/ |
#zone-appli #register-page #group-settings-form .widget-blocks button, |
#group-settings-form .button { |
background-color: #a2b93b; |
border-radius: .2rem; |
border: 0 none; |
padding: 1.25rem 2rem; |
cursor: pointer; |
color: #fff; |
display: inline-block; |
font-family: Ubuntu,sans-serif; |
font-size: 13px; |
font-size: 1.3rem; |
font-weight: 500; |
letter-spacing: 1px; |
letter-spacing: .1rem; |
line-height: 15px; |
line-height: 1.5rem; |
text-align: center; |
text-decoration: none; |
text-transform: capitalize; |
-webkit-transition: background .2s ease; |
-o-transition: background .2s ease; |
transition: background .2s ease; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks button:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks button:focus, |
#group-settings-form .button:hover, |
#group-settings-form .button:focus { |
background-color: #b3c954; |
} |
|
/* Positionnement visuel du bouton submit pour qu'il reste |
sous les nouveaux champs alors que dans le dom |
il est positionné avant les nouveaux champs */ |
#zone-appli #register-page #group-settings-form .widget-blocks #submit-button { |
position: absolute; |
bottom: -20px; |
} |
|
#signup_submit { |
font-weight: 700; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks #add-fields.button, |
#zone-appli #register-page #group-settings-form .widget-blocks .add-value-button.button { |
background-color: #009fb8; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks #add-fields.button:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks #add-fields.button:focus, |
#zone-appli #register-page #group-settings-form .widget-blocks .add-value-button.button:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks .add-value-button.button:focus { |
background-color: rgba(0, 159, 184, 0.7); |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file { |
background-color: #ff5d55; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button:focus, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:focus, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file:focus { |
background-color: rgba(255, 93, 85, 0.7); |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button { |
background-color: #ea9973; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button, |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file { |
margin-left: 0.5rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button { |
border-radius: 0.2rem; |
padding: 1rem 1rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button:focus, |
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:hover, |
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:focus { |
background-color: rgba(234, 153, 115, 0.7); |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type { |
text-transform: capitalize; |
font-size: 1.5rem; |
margin-left: 0; |
padding: 0.8rem; |
background-color: #ea9973; |
text-decoration: none; |
color: #ffffff; |
border-radius: 0.2rem; |
} |
/****************************/ |
|
/**** style du formulaire des nouveaux champs après validation ****/ |
#zone-appli #register-page #group-settings-form .widget-blocks .disabled, |
#zone-appli #register-page #group-settings-form .widget-blocks .validated { |
background-color: #eeeeee; |
cursor: default; |
pointer-events: none; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .invalid-key, |
#zone-appli #register-page #group-settings-form .widget-blocks .invalid { |
box-shadow : 0 0 1.5px 1px red; |
} |
|
/* Le picto validation apparait en vert */ |
#group-settings-form .validated i { |
color: #c3d45d; |
cursor: default; |
} |
|
/* La couleur de fond du formulaire lui-même ne change pas */ |
#zone-appli #register-page #group-settings-form .widget-blocks #new-fields.disabled{ |
background-color: initial; |
} |
/******************************************************************/ |
|
/**** Prévisualisation du widget ****/ |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer { |
border-radius: 0.3rem; |
padding: 0 3rem 3rem 3rem; |
min-height: 100%; |
width: 100%; |
overflow: hidden; |
background: rgba(248, 245, 239, 0.6); |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1 { |
font-size: 3rem; |
line-height: 3.2rem; |
width: 100%; |
color: #232323; |
margin: 1rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 span, |
#zone-appli #register-page #group-settings-form .widget-blocks h3 .field-title, |
#zone-appli #register-page #group-settings-form .widget-blocks .list-label { |
text-transform: capitalize; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 { |
width: 100%; |
color: #232323; |
margin: 1rem; |
} |
|
/* Bouton aide */ |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help { |
width: 80%; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help.input-file-container { |
width: 73.8%; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help { |
margin-bottom:1.5rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .select-wrapper.and-help, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .multiselect.and-help { |
display:inline-block; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .list-label{ |
color: #000; |
display: block; |
font-size: 1.5rem; |
margin-bottom: 0.4rem; |
margin-top: 2rem; |
font-weight: 300; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox, |
#zone-appli #register-page #group-settings-form .widget-blocks .radio { |
padding-left: 0; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox label, |
#zone-appli #register-page #group-settings-form .widget-blocks .radio label{ |
padding-left: 1rem; |
} |
|
#preview-formulaire, |
#preview-header, |
#preview-messages { |
padding: 2rem; |
border-radius: 0.3rem; |
background-color: rgba(255, 255, 255, 0.8); |
margin-top: 2rem; |
} |
/****************************/ |
|
/**** Input Type Range ****/ |
#zone-appli #register-page #group-settings-form .widget-blocks .range input[type="range"], |
#zone-appli #register-page #group-settings-form .widget-blocks .range input[type="number"] { |
border:none; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .range input[type="number"] { |
padding: 0 0 0 0.5rem; |
height: 3rem; |
text-align: center; |
} |
/**************************/ |
|
/**** Style de la modale ****/ |
.modal-header .close { |
margin-top: -2rem !important; |
} |
/****************************/ |
|
/**** media queries ****/ |
@media screen and (min-width: 992px) { |
div.widget-blocks { |
position: sticky; |