1,5 → 1,39 |
@CHARSET "UTF-8"; |
|
*, |
*:hover, |
*:focus, |
*:active { |
outline: 0 !important; |
outline-style: none !important; |
} |
|
button:focus, |
a:focus, a:active { |
outline: none !important; |
} |
|
input::-moz-focus-inner { |
border: 0 !important; |
} |
|
button::-moz-focus-inner, |
input[type="reset"]::-moz-focus-inner, |
input[type="button"]::-moz-focus-inner, |
input[type="submit"]::-moz-focus-inner, |
input[type="file"] > input[type="button"]::-moz-focus-inner, |
select::-moz-focus-inner, |
select:-moz-focusring { |
color: transparent !important; |
text-shadow: 0 0 0 #000 !important; |
outline: none !important; |
} |
|
select:focus::-ms-value { |
background-color: $input-bg !important; |
color: $input-color !important; |
} |
|
body { |
font-family: Ubuntu,Verdana,sans-serif !important; |
} |
6,16 → 40,14 |
|
div.widget-blocks { |
box-sizing: border-box; |
padding: 3rem; |
margin-bottom: 5rem; |
padding: 1rem; |
} |
|
#zone-appli #register-page .widget-blocks .clear { |
#zone-appli #register-page .widget-blocks { |
clear: both; |
height: 0; |
|
/* Précaution pour IE 7 */ |
overflow: hidden; |
position: relative; |
} |
|
h1#widget-titre::before { |
28,7 → 60,7 |
} |
|
h1#widget-titre { |
font-size: 3rem; |
font-size: 2rem; |
font-weight: 700; |
line-height: 3.2rem; |
margin: 0; |
36,11 → 68,15 |
color: #232323; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks p { |
font-size: 0.8rem; |
} |
|
.message-echec, |
.message-succes { |
margin: 1rem auto; |
border: 0.1rem solid; |
border-radius: 0.4rem; |
border-radius: 0.3rem; |
padding: 0.5rem; |
text-align: center; |
} |
59,13 → 95,18 |
fill: #444e09; |
} |
|
.mb-3 { |
margin-bottom: 1rem !important; |
} |
|
#zone-appli #register-page .widget-blocks h2 { |
font-size: 2.3rem; |
font-weight: 700; |
line-height: 1.15; |
font-size: 1.5rem; |
} |
|
#zone-appli #register-page .widget-blocks h3 { |
font-size: 2rem; |
/*font-size: 2rem;*/ |
margin-top: 0.5rem; |
} |
|
74,7 → 115,7 |
color: #232323; |
padding: 1rem; |
border-radius: 0.3rem; |
font-size: 1.3rem; |
font-size: 0.8rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .hidden { |
81,22 → 122,16 |
display: none; |
} |
|
#zone-appli #register-page #group-settings-form #langue{ |
width: 100%; |
border: 0.1rem solid #ddd; |
border-radius: 0.3rem; |
padding: 1rem; |
overflow: hidden; |
} |
|
/*** 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 #left-block.widget-blocks { |
width: 100%; |
padding-bottom: 50px; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .register-section { |
margin-bottom: 1rem; |
#zone-appli #register-page #group-settings-form #right-block.widget-blocks { |
width: 100%; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks form { |
103,79 → 138,51 |
margin-bottom: 2rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .register-section { |
margin-top: 1.5rem; |
} |
|
#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; |
border-radius: 0.2rem; |
font-size: 0.7rem; |
-moz-transition: none; |
-webkit-transition: none; |
-o-transition: color 0 ease-in; |
transition: none; |
border: 0.1rem solid #ddd; |
/*box-shadow: none !important;*/ |
box-shadow: none !important; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks input:focus, |
#zone-appli #register-page #group-settings-form .widget-blocks select:focus, |
#zone-appli #register-page #group-settings-form .widget-blocks textarea:focus { |
border-color: rgba(82, 168, 236, 0.8); |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6); |
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6); |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6); |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks input { |
overflow: visible; |
} |
|
/* 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 .number { |
width: 100%; |
} |
|
#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 label, |
#zone-appli #register-page #group-settings-form .widget-blocks .list-label { |
color: #606060; |
display: block; |
font-size: 0.9rem; |
font-weight: 700; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks label { |
text-transform: capitalize; |
color: #000; |
display: block; |
font-size: 1.5rem; |
margin-bottom: 0.4rem; |
margin-top: 2rem; |
#zone-appli #register-page #group-settings-form #right-block.widget-blocks .checkbox label, |
#zone-appli #register-page #group-settings-form #right-block.widget-blocks .checkboxes label, |
#zone-appli #register-page #group-settings-form #right-block.widget-blocks .radio label { |
font-weight: 300; |
} |
|
/* annuler un position absolute provenant de bundle.css */ |
#zone-appli #register-page #group-settings-form .widget-blocks fieldset > p { |
position: static; |
right: initial; |
top: initial; |
width: auto; |
text-align: left; |
color: #606060; |
#zone-appli #register-page #group-settings-form .widget-blocks label.radio-label { |
font-weight: 700; |
} |
|
|
/***********************************/ |
|
/**** Style des select et checkbox-list ****/ |
185,44 → 192,16 |
border: 0.1rem solid #ddd; |
} |
|
#group-settings-form select { |
font-size: 3rem; |
font-weight: 300; |
} |
|
#group-settings-form select, |
#group-settings-form select:required, |
#group-settings-form .selectBox select, |
#group-settings-form .selectBox select:required { |
#zone-appli #register-page #group-settings-form .widget-blocks .add-field-select { |
width: 100%; |
color:#333; |
border-radius: 0.3rem; |
padding: 0.8rem; |
line-height: 1.15; |
} |
|
#group-settings-form select, |
#group-settings-form select:required { |
text-transform:none; |
/* On retire la 'flèche' par defaut */ |
-webkit-appearance: none; |
-moz-appearance: none; |
-ms-appearance: none; |
-o-appearance: none; |
appearance: none; |
} |
|
#group-settings-form .select-wrapper, |
#group-settings-form #new-fields .select-wrapper, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox { |
position: relative; |
border-radius: 0.3rem; |
border-radius: 0.2rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .input-group .select-wrapper { |
border:none; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .overSelect { |
position: absolute; |
left: 0; |
233,7 → 212,15 |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes { |
border: 0.1rem solid #ddd; |
border-radius: 0 0.3rem; |
border-bottom-left-radius: 0.2rem; |
border-bottom-right-radius: 0.2rem; |
position: absolute; |
z-index: 1001; |
top: 100%; |
left: 1rem; |
right: 1rem; |
background-color: #fff; |
padding-bottom: 0.5rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .label label, |
247,19 → 234,6 |
background-color: #1e90ff; |
} |
|
#group-settings-form .select-wrapper::after, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox::after, |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .select-wrapper::after { |
/* Ajout et style d'une "flèche bas" */ |
content: '⌄'; |
pointer-events: none; |
position: absolute; |
right: 0.5rem; |
top:0; |
font-size: 2rem; |
font-weight: 300; |
color: #333; |
} |
/*******************************************/ |
|
/**** Style des input type "file" ****/ |
267,19 → 241,28 |
#group-settings-form .input-file-container, |
#group-settings-form #new-fields .input-file-container { |
position: relative; |
width: 86.9%; |
width: 84.9%; |
display: inline-block; |
line-height: 0.9rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .input-file-row { |
margin: 1.5rem 0; |
min-width: 100% !important; |
} |
|
#group-settings-form .label-file, |
#group-settings-form #new-fields .label-file { |
display: block; |
padding: 0.7rem; |
padding: 0.6rem; |
background: #009FB8; |
color: #fff !important; |
font-size: 1.5rem; |
/*font-size: 1.5rem;*/ |
cursor: pointer; |
border-radius: 0.3rem; |
border-radius: 0.2rem; |
margin-bottom: 0; |
line-height: 0.9rem; |
font-size: 0.8rem !important; |
} |
|
#group-settings-form .input-file, |
286,8 → 269,9 |
#group-settings-form #new-fields .input-file { |
position: absolute; |
top: 0; left: 0; |
width: 80%; |
padding: 1rem; |
width: 90% !important; |
margin: 0 0.9rem !important; |
padding-bottom: 0; |
margin: auto; |
opacity: 0; |
cursor: pointer; |
310,7 → 294,7 |
#group-settings-form .file-return:not(:empty)::before, |
#group-settings-form #new-fields .file-return:not(:empty)::before { |
content:'Nom du fichier: '; |
font-size: 1rem; |
font-size: 0.8rem; |
} |
|
#group-settings-form .file-return:not(:empty) img, |
322,12 → 306,17 |
#group-settings-form .file-return, |
#group-settings-form #new-fields .file-return { |
font-style: italic; |
font-size: 1rem; |
font-size: 0.8rem; |
font-weight: bold; |
background-color: #fff; |
padding: 2rem; |
border-radius: 0.3rem; |
border-radius: 0.2rem; |
} |
|
#group-settings-form #new-fields .file-return { |
margin: 0.5rem auto; |
width: 90%; |
} |
/*************************************/ |
|
/**** Affichage des nouveaux champs ****/ |
335,47 → 324,55 |
#group-settings-form fieldset.new-field, |
#group-settings-form .new-value { |
position: static; |
margin: 1rem 0; |
padding: 2rem; |
border-radius: 0.3rem; |
border-radius: 0.2rem; |
background-color: #F8F5EF; |
margin: 0 0.5rem 0.5rem 0.5rem; |
padding: 1rem; |
} |
|
#group-settings-form fieldset.new-field { |
padding: 1rem; |
margin: 1rem 0; |
} |
|
/* Mieux distinguer les différentes strates */ |
#group-settings-form .field-details { |
margin: 1rem 0; |
padding: 2rem; |
border-radius: 0.3rem; |
margin: 1rem; |
padding: 1rem; |
border-radius: 0.2rem; |
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-radius: 0.2rem; |
border: 0 none; |
padding: 1.25rem 2rem; |
padding: 0.9rem; |
cursor: pointer; |
color: #fff; |
display: inline-block; |
font-family: Ubuntu,sans-serif; |
font-size: 13px; |
font-size: 1.3rem; |
font-size: 0.9rem; |
font-weight: 500; |
letter-spacing: 1px; |
letter-spacing: .1rem; |
line-height: 15px; |
line-height: 1.5rem; |
letter-spacing: 0.1rem; |
line-height: 0.9rem; |
text-align: center; |
text-decoration: none; |
text-transform: capitalize; |
/*text-transform: capitalize;*/ |
-webkit-transition: background .2s ease; |
-o-transition: background .2s ease; |
transition: background .2s ease; |
} |
|
.fa, .fab, .fal, .far, .fas { |
line-height: 0.9rem; |
} |
|
#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, |
383,12 → 380,17 |
background-color: #b3c954; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks #bouton-connexion .btn { |
background-color:#a2b93b;border-color:#a1b92e; |
color: #fff; |
} |
|
/* 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; |
bottom: 0; |
} |
|
#signup_submit { |
408,8 → 410,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 { |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button { |
background-color: #ff5d55; |
} |
|
416,29 → 417,46 |
#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 { |
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button: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; |
float: right; |
} |
|
#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; |
width: 2rem; |
height: 2rem; |
} |
|
#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 .border-0 { |
border: 0 !important; |
} |
|
#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 .widget-renderer .btn-outline-info { |
color: #17a2b8; |
background-color: transparent; |
background-image: none; |
border-color: #17a2b8; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .btn-outline-info:hover { |
color: #fff; |
background-color: #17a2b8; |
border-color: #17a2b8; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { |
color: #fff; |
background-color: #17a2b8; |
border-color: #17a2b8; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .btn-outline-info:focus { |
box-shadow: 0 0 0 .2rem rgba(23,162,184,.5); |
} |
|
#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); |
446,9 → 464,9 |
|
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type { |
text-transform: capitalize; |
font-size: 1.5rem; |
/*font-size: 1.5rem;*/ |
margin-left: 0; |
padding: 0.8rem; |
padding: 0.6rem; |
background-color: #ea9973; |
text-decoration: none; |
color: #ffffff; |
483,12 → 501,13 |
|
/**** Prévisualisation du widget ****/ |
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer { |
border-radius: 0.3rem; |
border-radius: 0.2rem; |
padding: 0 3rem 3rem 3rem; |
min-height: 100%; |
width: 100%; |
overflow: hidden; |
background: rgba(248, 245, 239, 0.6); |
position: relative; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1 { |
499,81 → 518,60 |
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; |
#preview-formulaire, |
#preview-header, |
#preview-messages { |
padding: 2rem; |
border-radius: 0.3rem; |
background-color: rgba(255, 255, 255, 0.8); |
margin-top: 2rem; |
} |
|
#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 .checkbox label, |
#zone-appli #register-page #group-settings-form .widget-blocks .checkboxes label, |
#zone-appli #register-page #group-settings-form .widget-blocks .radio label { |
display: flex; |
align-items: center; |
} |
|
/* 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 input[type="checkbox"], |
#zone-appli #register-page #group-settings-form .widget-blocks input[type="radio"], |
#zone-appli #register-page #group-settings-form .widget-blocks input.radio, |
#zone-appli #register-page #group-settings-form .widget-blocks input.checkbox { |
vertical-align: text-top; |
padding: 0; |
margin-right: 10px; |
position: relative; |
overflow: hidden; |
width: 1rem; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help.input-file-container { |
width: 73.8%; |
.mb-2, .mb-3 { |
align-self: start; |
} |
|
#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; |
#new-fields-buttons { |
border-bottom: 1px solid rgba(0,0,0,0.1); |
padding-bottom: 1rem; |
margin-bottom: 1rem; |
} |
|
#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"] { |
#zone-appli #register-page #group-settings-form .widget-blocks .range input { |
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; |
#zone-appli #register-page #group-settings-form .widget-blocks .range-values { |
color: #606060; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks .range-live-value { |
padding-top: 1rem; |
font-size: 1.5rem; |
} |
|
/**************************/ |
|
/**** Style de la modale ****/ |
582,10 → 580,36 |
} |
/****************************/ |
|
/**** style required preview ****/ |
|
#label-geolocalisation::before, |
#label-date::before, |
#label-taxon::before, |
#label-certitude::before { |
content: '*'; |
} |
|
/*******************************/ |
|
/**** media queries ****/ |
@media screen and (min-width: 992px) { |
div.widget-blocks { |
#zone-appli #register-page #group-settings-form #left-block.widget-blocks { |
display: inline-block; |
width: 30%; |
padding-bottom: 50px; |
} |
|
#zone-appli #register-page #group-settings-form #right-block.widget-blocks { |
display: inline-block; |
width: 60%; |
overflow: visible; |
vertical-align:top; |
position: -webkit-sticky; |
position: sticky; |
top: 20px; |
top: 0; |
} |
|
#zone-appli #register-page #group-settings-form .widget-blocks #submit-button { |
bottom: 10px; |
} |
} |