Subversion Repositories eFlore/Applications.cel

Rev

Rev 3191 | Rev 3197 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3191 Rev 3192
Line 44... Line 44...
44 
#zone-appli #register-page .widget-blocks h3 {
 44 
#zone-appli #register-page .widget-blocks h3 {
45 
  font-size: 2rem;
 45 
  font-size: 2rem;
46 
  margin-top: 0.5rem;
 46 
  margin-top: 0.5rem;
47 
}
 47 
}
Line 48... Line 48...
48 
 
 48 
 
49 
#zone-appli #register-page #group-settings-form .widget-blocks button,
 - 
 
50 
#group-settings-form .button {
 49 
#zone-appli #register-page #group-settings-form .widget-blocks .message {
51 
  background-color: #a2b93b;
 - 
 
52 
  border-radius: .2rem;
 50 
  background-color: #f8f5ef;
53 
  border: 0 none;
 51 
  color: #232323;
54 
  padding: 1.25rem 2rem;
 - 
 
55 
  cursor: pointer;
 - 
 
56 
  color: #fff;
 - 
 
57 
  display: inline-block;
 - 
 
58 
  font-family: Ubuntu,sans-serif;
 52 
  padding: 1rem;
59 
  font-size: 13px;
 53 
  border-radius: 0.3rem;
60 
  font-size: 1.3rem;
 - 
 
61 
  font-weight: 500;
 - 
 
62 
  letter-spacing: 1px;
 - 
 
63 
  letter-spacing: .1rem;
 - 
 
64 
  line-height: 15px;
 - 
 
65 
  line-height: 1.5rem;
 - 
 
66 
  text-align: center;
 - 
 
67 
  text-decoration: none;
 - 
 
68 
  text-transform: capitalize;
 - 
 
69 
  -webkit-transition: background .2s ease;
 - 
 
70 
  -o-transition: background .2s ease;
 - 
 
71 
  transition: background .2s ease;
 54 
  font-size: 1.3rem;
Line 72... Line 55...
72 
}
 55 
}
- 
 
 56 
 
- 
 
 57 
#zone-appli #register-page #group-settings-form .widget-blocks .hidden {
- 
 
 58 
  display: none;
- 
 
 59 
}
- 
 
 60 
 
- 
 
 61 
#zone-appli #register-page #group-settings-form #langue{
- 
 
 62 
  width: 100%;
- 
 
 63 
  border: 0.1rem solid #ddd;
- 
 
 64 
  border-radius: 0.3rem;
- 
 
 65 
  padding: 1rem;
- 
 
 66 
  overflow: hidden;
- 
 
 67 
}
- 
 
 68 
 
- 
 
 69 
/*** Styles généraux des champs ****/
- 
 
 70 
/* Formulaires du nouveau widget*/
- 
 
 71 
#zone-appli #register-page #group-settings-form {
- 
 
 72 
  float: none;
73 
 
 73 
}
74 
#zone-appli #register-page #group-settings-form .widget-blocks button:hover,
 74 
 
- 
 
 75 
#zone-appli #register-page #group-settings-form .widget-blocks .register-section {
- 
 
 76 
  margin-bottom: 1rem;
75 
#zone-appli #register-page #group-settings-form .widget-blocks button:focus,
 77 
}
76 
#group-settings-form .button:hover,
 78 
 
77 
#group-settings-form .button:focus {
 79 
#zone-appli #register-page #group-settings-form .widget-blocks form {
Line 78... Line 80...
78 
  background-color: #b3c954;
 80 
  margin-bottom: 2rem;
79 
}
 81 
}
80 
 
 82 
 
Line 89... Line 91...
89 
  font-size: 1.3rem;
 91 
  font-size: 1.3rem;
90 
  -moz-transition: none;
 92 
  -moz-transition: none;
91 
  -webkit-transition: none;
 93 
  -webkit-transition: none;
92 
  -o-transition: color 0 ease-in;
 94 
  -o-transition: color 0 ease-in;
93 
  transition: none;
 95 
  transition: none;
- 
 
 96 
  border: 0.1rem solid #ddd;
- 
 
 97 
  box-shadow: none !important;
94 
}
 98 
}
Line -... Line 99...
- 
 
 99 
 
- 
 
 100 
#zone-appli #register-page #group-settings-form .widget-blocks input {
- 
 
 101 
  overflow: visible;
- 
 
 102 
}
- 
 
 103 
 
- 
 
 104 
/* Styles des champs required*/
- 
 
 105 
#zone-appli #register-page #group-settings-form .widget-blocks textarea:required,
- 
 
 106 
#zone-appli #register-page #group-settings-form .widget-blocks input:required,
- 
 
 107 
#zone-appli #register-page #group-settings-form .widget-blocks select:required {
- 
 
 108 
  border: 0.2rem solid #F8DFD3 !important;
- 
 
 109 
  box-shadow: none !important;
- 
 
 110 
}
- 
 
 111 
 
95 
 
 112 
/* Style des checkboxes et radios */
96 
#zone-appli #register-page #group-settings-form .widget-blocks input[type="checkbox"],
 113 
#zone-appli #register-page #group-settings-form .widget-blocks input[type="checkbox"],
97 
#zone-appli #register-page #group-settings-form .widget-blocks input[type="radio"] {
 114 
#zone-appli #register-page #group-settings-form .widget-blocks input[type="radio"] {
98 
  width: auto;
 115 
  width: auto;
99 
  -webkit-box-sizing: border-box;
 116 
  -webkit-box-sizing: border-box;
100 
  box-sizing: border-box;
 117 
  box-sizing: border-box;
101 
  padding: 0;
 118 
  padding: 0;
102 
  text-align: start;
 119 
  text-align: start;
Line 103... Line 120...
103 
}
 120 
}
104 
 
 121 
 
105 
#zone-appli #register-page #group-settings-form .widget-blocks input {
 - 
 
106 
  overflow: visible;
 - 
 
107 
}
 - 
 
108 
 
 122 
#zone-appli #register-page #group-settings-form .widget-blocks input[type="date"],
109 
 
 123 
#zone-appli #register-page #group-settings-form .widget-blocks input[type="number"],
110 
#zone-appli #register-page #group-settings-form .widget-blocks .message {
 124 
#zone-appli #register-page #group-settings-form .widget-blocks input[type="email"] {
111 
  background-color: #f8f5ef;
 125 
  line-height: 1.15;
- 
 
 126 
  margin: 0;
112 
  color: #232323;
 127 
  padding: 1rem;
- 
 
 128 
  border: 0.1rem solid #ddd;
113 
  padding: 1rem;
 129 
  border-radius: 0.3rem;
114 
  border-radius: 0.3rem;
 130 
  width: 100%;
Line 115... Line 131...
115 
  font-size: 1.3rem;
 131 
  box-sizing: inherit;
- 
 
 132 
}
- 
 
 133 
 
116 
}
 134 
#zone-appli #register-page #group-settings-form .widget-blocks label {
- 
 
 135 
  text-transform: capitalize;
- 
 
 136 
  color: #000;
- 
 
 137 
  display: block;
- 
 
 138 
  font-size: 1.5rem;
117 
 
 139 
  margin-bottom: 0.4rem;
Line 118... Line 140...
118 
#zone-appli #register-page #group-settings-form .widget-blocks .hidden {
 140 
  margin-top: 2rem;
119 
  display: none;
 141 
  font-weight: 300;
120 
}
 142 
}
121 
 
 143 
 
122 
/* Aperçu du widget */
 144 
/* annuler un position absolute provenant de bundle.css */
123 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer {
 145 
#zone-appli #register-page #group-settings-form .widget-blocks fieldset > p {
124 
  border-radius: 0.3rem;
 146 
  position: static;
125 
  padding: 0 3rem 3rem 3rem;
 147 
  right: initial;
126 
  min-height: 100%;
 148 
  top: initial;
Line -... Line 149...
- 
 
 149 
  width: auto;
- 
 
 150 
  text-align: left;
- 
 
 151 
  color: #606060;
- 
 
 152 
}
- 
 
 153 
 
127 
  width: 100%;
 154 
 
- 
 
 155 
/***********************************/
- 
 
 156 
 
- 
 
 157 
/**** Style des select et checkbox-list ****/
- 
 
 158 
#zone-appli #register-page #group-settings-form .widget-blocks select,
- 
 
 159 
#zone-appli #register-page #group-settings-form .widget-blocks .selectBox select {
128 
  overflow: hidden;
 160 
  background-color: #fff;
129 
  background: rgba(248, 245, 239, 0.6);
 161 
  border: 0.1rem solid #ddd;
- 
 
 162 
}
- 
 
 163 
 
- 
 
 164 
#group-settings-form select {
- 
 
 165 
  font-size: 3rem;
- 
 
 166 
  font-weight: 300;
- 
 
 167 
}
130 
}
 168 
 
131 
 
 169 
#group-settings-form select,
- 
 
 170 
#group-settings-form select:required,
132 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1 {
 171 
#group-settings-form .selectBox select,
- 
 
 172 
#group-settings-form .selectBox select:required {
133 
  font-size: 3rem;
 173 
  width: 100%;
Line 134... Line 174...
134 
  line-height: 3.2rem;
 174 
  color:#333;
135 
  width: 100%;
 175 
  border-radius: 0.3rem;
136 
  color: #232323;
 176 
  padding: 0.8rem;
137 
  margin: 1rem;
 177 
  line-height: 1.15;
138 
}
 178 
}
139 
 
 179 
 
- 
 
 180 
#group-settings-form select,
- 
 
 181 
#group-settings-form select:required {
- 
 
 182 
  text-transform:none;
140 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1,
 183 
  /* On retire la 'flèche' par defaut */
Line -... Line 184...
- 
 
 184 
  -webkit-appearance: none;
- 
 
 185 
  -moz-appearance: none;
141 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 span,
 186 
  -ms-appearance: none;
142 
#zone-appli #register-page #group-settings-form .widget-blocks h3 .field-title,
 - 
 
143 
#zone-appli #register-page #group-settings-form .widget-blocks .list-label,
 187 
  -o-appearance: none;
144 
#zone-appli #register-page #group-settings-form .widget-blocks label {
 188 
  appearance: none;
145 
  text-transform: capitalize;
 189 
}
Line 146... Line 190...
146 
}
 190 
 
147 
 
 191 
#group-settings-form .select-wrapper,
148 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 {
 192 
#group-settings-form #new-fields .select-wrapper,
Line 149... Line 193...
149 
  width: 100%;
 193 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox {
- 
 
 194 
  position: relative;
- 
 
 195 
  border-radius: 0.3rem;
150 
  color: #232323;
 196 
}
- 
 
 197 
 
- 
 
 198 
#zone-appli #register-page #group-settings-form .widget-blocks .input-group .select-wrapper {
151 
  margin: 1rem;
 199 
  border:none;
Line 152... Line 200...
152 
}
 200 
}
153 
 
 201 
 
154 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help {
 202 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .overSelect {
155 
  width: 80%;
 203 
  position: absolute;
Line 156... Line 204...
156 
}
 204 
  left: 0;
157 
 
 - 
 
158 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help.input-file-container {
 - 
 
159 
  width: 73.8%;
 205 
  right: 0;
160 
}
 206 
  top: 0;
- 
 
 207 
  bottom: 0;
- 
 
 208 
}
161 
 
 209 
 
Line 162... Line 210...
162 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help,
 210 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes {
163 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help {
 211 
  border: 0.1rem solid #ddd;
164 
  margin-bottom:1.5rem;
 212 
  border-radius: 0 0.3rem;
Line -... Line 213...
- 
 
 213 
}
165 
}
 214 
 
166 
 
 215 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .label label,
- 
 
 216 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes label {
- 
 
 217 
  display: block;
- 
 
 218 
  padding: 0.5rem;
- 
 
 219 
  line-height: 1.15;
- 
 
 220 
}
- 
 
 221 
 
- 
 
 222 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer #checkboxes label:hover {
- 
 
 223 
  background-color: #1e90ff;
167 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help,
 224 
}
- 
 
 225 
 
- 
 
 226 
#group-settings-form .select-wrapper::after,
- 
 
 227 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox::after,
- 
 
 228 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .select-wrapper::after  {
- 
 
 229 
  /* Ajout et style d'une "flèche bas" */
- 
 
 230 
  content: '⌄';
- 
 
 231 
  pointer-events: none;
- 
 
 232 
  position: absolute;
- 
 
 233 
  right: 0.5rem;
- 
 
 234 
  top:0;
- 
 
 235 
  font-size: 2rem;
- 
 
 236 
  font-weight: 300;
- 
 
 237 
  color: #333;
- 
 
 238 
}
168 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help,
 239 
/*******************************************/
- 
 
 240 
 
- 
 
 241 
/**** Style des input type "file" ****/
- 
 
 242 
/* styles de base */
169 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .select-wrapper.and-help,
 243 
#group-settings-form .input-file-container,
170 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .multiselect.and-help {
 - 
 
171 
  display:inline-block;
 244 
#group-settings-form #new-fields .input-file-container {
172 
}
 245 
  position: relative;
173 
 
 246 
  width: 86.9%;
Line 174... Line 247...
174 
#zone-appli #register-page #group-settings-form .widget-blocks form {
 247 
  display: inline-block;
175 
  margin-bottom: 2rem;
 248 
}
- 
 
 249 
 
176 
}
 250 
#group-settings-form .label-file,
- 
 
 251 
#group-settings-form #new-fields .label-file {
- 
 
 252 
  display: block;
- 
 
 253 
  padding: 0.7rem;
- 
 
 254 
  background: #009FB8;
- 
 
 255 
  color: #fff !important;
177 
 
 256 
  font-size: 1.5rem;
Line -... Line 257...
- 
 
 257 
  cursor: pointer;
178 
#zone-appli #register-page #group-settings-form .widget-blocks .list-label,
 258 
  border-radius: 0.3rem;
179 
#zone-appli #register-page #group-settings-form .widget-blocks label {
 259 
}
- 
 
 260 
 
- 
 
 261 
#group-settings-form .input-file,
- 
 
 262 
#group-settings-form #new-fields .input-file {
- 
 
 263 
  position: absolute;
- 
 
 264 
  top: 0; left: 0;
- 
 
 265 
  width: 80%;
- 
 
 266 
  padding: 1rem;
180 
  color: #000;
 267 
  margin: auto;
181 
  display: block;
 268 
  opacity: 0;
Line 182... Line 269...
182 
  font-size: 1.5rem;
 269 
  cursor: pointer;
183 
  margin-bottom: 0.4rem;
 270 
}
184 
  margin-top: 2rem;
 271 
 
185 
  font-weight: 300;
 - 
 
186 
}
 272 
/* quelques styles d'interactions */
187 
 
 - 
 
188 
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox,
 273 
#group-settings-form .input-file:hover + .label-file,
189 
#zone-appli #register-page #group-settings-form .widget-blocks .radio {
 274 
#group-settings-form .input-file:focus + .label-file,
Line -... Line 275...
- 
 
 275 
#group-settings-form .label-file:hover,
- 
 
 276 
#group-settings-form .label-file:focus,
190 
  padding-left: 0;
 277 
#group-settings-form #new-fields .input-file:hover + .label-file,
191 
}
 278 
#group-settings-form #new-fields .input-file:focus + .label-file,
192 
 
 279 
#group-settings-form #new-fields .label-file:hover,
Line 193... Line 280...
193 
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox label,
 280 
#group-settings-form #new-fields .label-file:focus {
194 
#zone-appli #register-page #group-settings-form .widget-blocks .radio label{
 281 
  background: rgba(0, 159, 184, 0.7);
- 
 
 282 
  color: #fff;
195 
  padding-left: 1rem;
 283 
}
- 
 
 284 
 
- 
 
 285 
/* styles du retour visuel */
- 
 
 286 
#group-settings-form .file-return:not(:empty)::before,
- 
 
 287 
#group-settings-form #new-fields .file-return:not(:empty)::before {
196 
}
 288 
  content:'Nom du fichier: ';
- 
 
 289 
  font-size: 1rem;
Line -... Line 290...
- 
 
 290 
}
- 
 
 291 
 
- 
 
 292 
#group-settings-form .file-return:not(:empty) img,
197 
 
 293 
#group-settings-form #new-fields .file-return:not(:empty) img {
198 
#preview-formulaire,
 294 
  margin: 1rem auto;
199 
#preview-header,
 295 
  display: block;
- 
 
 296 
}
200 
#preview-messages {
 297 
 
201 
  padding: 2rem;
 - 
 
202 
  border-radius: 0.3rem;
 298 
#group-settings-form .file-return,
203 
  background-color: rgba(255, 255, 255, 0.8);
 299 
#group-settings-form #new-fields .file-return {
Line -... Line 300...
- 
 
 300 
  font-style: italic;
- 
 
 301 
  font-size: 1rem;
- 
 
 302 
  font-weight: bold;
- 
 
 303 
  background-color: #fff;
- 
 
 304 
  padding: 2rem;
- 
 
 305 
  border-radius: 0.3rem;
- 
 
 306 
}
- 
 
 307 
/*************************************/
- 
 
 308 
 
- 
 
 309 
/**** Affichage des nouveaux champs ****/
204 
  margin-top: 2rem;
 310 
/* Mieux distinguer les différentes strates */
- 
 
 311 
#group-settings-form fieldset.new-field,
- 
 
 312 
#group-settings-form .new-value {
- 
 
 313 
  position: static;
205 
}
 314 
  margin: 1rem 0;
- 
 
 315 
  padding: 2rem;
- 
 
 316 
  border-radius: 0.3rem;
- 
 
 317 
  background-color: #F8F5EF;
- 
 
 318 
}
- 
 
 319 
 
- 
 
 320 
/* Mieux distinguer les différentes strates */
- 
 
 321 
#group-settings-form .field-details {
- 
 
 322 
  margin: 1rem 0;
- 
 
 323 
  padding: 2rem;
- 
 
 324 
  border-radius: 0.3rem;
- 
 
 325 
  background-color: #fcfbf9;
- 
 
 326 
}
- 
 
 327 
/********************************************/
- 
 
 328 
 
- 
 
 329 
/**** Styles des boutons ****/
- 
 
 330 
#zone-appli #register-page #group-settings-form .widget-blocks button,
- 
 
 331 
#group-settings-form .button {
- 
 
 332 
  background-color: #a2b93b;
206 
 
 333 
  border-radius: .2rem;
Line 207... Line -...
207 
.register-section{
 - 
 
208 
  margin-bottom: 1rem;
 334 
  border: 0 none;
209 
}
 335 
  padding: 1.25rem 2rem;
- 
 
 336 
  cursor: pointer;
210 
 
 337 
  color: #fff;
211 
/* Formulaires du nouveau widget*/
 338 
  display: inline-block;
212 
#group-settings-form {
 339 
  font-family: Ubuntu,sans-serif;
Line 213... Line -...
213 
  float: none;
 - 
 
214 
}
 - 
 
215 
 
 340 
  font-size: 13px;
216 
#group-settings-form #langue{
 341 
  font-size: 1.3rem;
217 
  width: 100%;
 342 
  font-weight: 500;
218 
  border: 0.1rem solid #ddd;
 343 
  letter-spacing: 1px;
219 
  border-radius: 0.3rem;
 344 
  letter-spacing: .1rem;
220 
  padding: 1rem;
 345 
  line-height: 15px;
221 
  overflow: hidden;
 346 
  line-height: 1.5rem;
Line -... Line 347...
- 
 
 347 
  text-align: center;
- 
 
 348 
  text-decoration: none;
- 
 
 349 
  text-transform: capitalize;
- 
 
 350 
  -webkit-transition: background .2s ease;
222 
}
 351 
  -o-transition: background .2s ease;
223 
 
 352 
  transition: background .2s ease;
224 
#zone-appli #register-page #group-settings-form .widget-blocks input {
 353 
}
225 
  border: 0.1rem solid #ddd;
 354 
 
Line 324... Line 453...
324 
 
 453 
 
325 
/* La couleur de fond du formulaire lui-même ne change pas */
 454 
/* La couleur de fond du formulaire lui-même ne change pas */
326 
#zone-appli #register-page #group-settings-form .widget-blocks #new-fields.disabled{
 455 
#zone-appli #register-page #group-settings-form .widget-blocks #new-fields.disabled{
327 
  background-color: initial;
 456 
  background-color: initial;
328 
}
 - 
 
329 
 
 - 
 
330 
/* annuler un position absolute provenant de bundle.css */
 - 
 
331 
#zone-appli #register-page #group-settings-form .widget-blocks fieldset > p {
 - 
 
332 
  position: static;
 - 
 
333 
  right: initial;
 - 
 
334 
  top: initial;
 - 
 
335 
  width: auto;
 - 
 
336 
  text-align: left;
 - 
 
337 
  color: #606060;
 - 
 
338 
}
 457 
}
Line 339... Line 458...
339 
/******************************************************************/
 458 
/******************************************************************/
340 
 
 459 
 
- 
 
 460 
/**** Prévisualisation du widget ****/
341 
/**** Style des select et checkbox-list ****/
 461 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer {
342 
#zone-appli #register-page #group-settings-form .widget-blocks select,
 462 
  border-radius: 0.3rem;
- 
 
 463 
  padding: 0 3rem 3rem 3rem;
343 
#zone-appli #register-page #group-settings-form .widget-blocks .selectBox select {
 464 
  min-height: 100%;
- 
 
 465 
  width: 100%;
344 
  background-color: #fff;
 466 
  overflow: hidden;
Line 345... Line 467...
345 
  border: 0.1rem solid #ddd;
 467 
  background: rgba(248, 245, 239, 0.6);
346 
}
 468 
}
347 
 
 469 
 
- 
 
 470 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1 {
- 
 
 471 
  font-size: 3rem;
- 
 
 472 
  line-height: 3.2rem;
348 
#group-settings-form select {
 473 
  width: 100%;
Line 349... Line 474...
349 
  font-size: 3rem;
 474 
  color: #232323;
350 
  font-weight: 300;
 475 
  margin: 1rem;
351 
}
 476 
}
352 
 
 477 
 
353 
#group-settings-form select,
 - 
 
354 
#group-settings-form select:required,
 - 
 
355 
#group-settings-form .selectBox select,
 478 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1,
356 
#group-settings-form .selectBox select:required {
 - 
 
357 
  width: 100%;
 - 
 
358 
  color:#333;
 479 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 span,
Line 359... Line -...
359 
  border-radius: 0.3rem;
 - 
 
360 
  padding: 0.8rem;
 480 
#zone-appli #register-page #group-settings-form .widget-blocks h3 .field-title,
361 
  line-height: 1.15;
 - 
 
362 
}
 - 
 
363 
 
 - 
 
364 
#group-settings-form select,
 - 
 
365 
#group-settings-form select:required {
 481 
#zone-appli #register-page #group-settings-form .widget-blocks .list-label {
366 
  text-transform:none;
 482 
  text-transform: capitalize;
367 
  /* On retire la 'flèche' par defaut */
 483 
}
368 
  -webkit-appearance: none;
 484 
 
Line 369... Line 485...
369 
  -moz-appearance: none;
 485 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 {
370 
  -ms-appearance: none;
 - 
 
371 
  -o-appearance: none;
 486 
  width: 100%;
372 
  appearance: none;
 487 
  color: #232323;
373 
}
 - 
 
374 
 
 488 
  margin: 1rem;
Line 375... Line 489...
375 
#group-settings-form .select-wrapper,
 489 
}
376 
#group-settings-form #new-fields .select-wrapper,
 490 
 
377 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox {
 491 
/* Bouton aide */
Line 378... Line 492...
378 
  position: relative;
 492 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help {
379 
  border-radius: 0.3rem;
 493 
  width: 80%;
380 
}
 - 
 
381 
 
 - 
 
382 
#zone-appli #register-page #group-settings-form .widget-blocks .input-group .select-wrapper {
 - 
 
383 
  border:none;
 494 
}
384 
}
 495 
 
Line 385... Line 496...
385 
 
 496 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help.input-file-container {
386 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .overSelect {
 497 
  width: 73.8%;
- 
 
 498 
}
- 
 
 499 
 
387 
  position: absolute;
 500 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help,
388 
  left: 0;
 501 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help {
Line 389... Line 502...
389 
  right: 0;
 502 
  margin-bottom:1.5rem;
390 
  top: 0;
 503 
}
391 
  bottom: 0;
 504 
 
392 
}
 505 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help,
- 
 
 506 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help,
- 
 
 507 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .select-wrapper.and-help,
393 
 
 508 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .multiselect.and-help {
394 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes {
 509 
  display:inline-block;
Line 395... Line 510...
395 
  border: 0.1rem solid #ddd;
 510 
}
- 
 
 511 
 
396 
  border-radius: 0 0.3rem;
 512 
#zone-appli #register-page #group-settings-form .widget-blocks .list-label{
397 
}
 513 
  color: #000;
Line 398... Line -...
398 
 
 - 
 
399 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .label label,
 514 
  display: block;
400 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes label {
 515 
  font-size: 1.5rem;
401 
  display: block;
 - 
 
402 
  padding: 0.5rem;
 - 
 
403 
  line-height: 1.15;
 - 
 
404 
}
 - 
 
405 
 
 - 
 
406 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer #checkboxes label:hover {
 - 
 
407 
  background-color: #1e90ff;
 516 
  margin-bottom: 0.4rem;
408 
}
 - 
 
409 
 
 - 
 
410 
#group-settings-form .select-wrapper::after,
 517 
  margin-top: 2rem;
- 
 
 518 
  font-weight: 300;
- 
 
 519 
}
- 
 
 520 
 
- 
 
 521 
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox,
- 
 
 522 
#zone-appli #register-page #group-settings-form .widget-blocks .radio {
- 
 
 523 
  padding-left: 0;
- 
 
 524 
}
- 
 
 525 
 
- 
 
 526 
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox label,
411 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox::after,
 527 
#zone-appli #register-page #group-settings-form .widget-blocks .radio label{
Line 412... Line 528...
412 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .select-wrapper::after  {
 528 
  padding-left: 1rem;
413 
  /* Ajout et style d'une "flèche bas" */
 529 
}
414 
  content: '⌄';
 530 
 
415 
  pointer-events: none;
 531 
#preview-formulaire,
Line 433... Line 549...
433 
  height: 3rem;
 549 
  height: 3rem;
434 
  text-align: center;
 550 
  text-align: center;
435 
}
 551 
}
436 
/**************************/
 552 
/**************************/
Line 437... Line -...
437 
 
 - 
 
438 
/**** Affichage des nouveaux champs ****/
 - 
 
439 
 
 - 
 
440 
/* Mieux distinguer les différentes strates */
 - 
 
441 
#group-settings-form fieldset.new-field,
 - 
 
442 
#group-settings-form .new-value {
 - 
 
443 
  position: static;
 - 
 
444 
  margin: 1rem 0;
 - 
 
445 
  padding: 2rem;
 - 
 
446 
  border-radius: 0.3rem;
 - 
 
447 
  background-color: #F8F5EF;
 - 
 
448 
}
 - 
 
449 
 
 - 
 
450 
/* Mieux distinguer les différentes strates */
 - 
 
451 
#group-settings-form .field-details {
 - 
 
452 
  margin: 1rem 0;
 - 
 
453 
  padding: 2rem;
 - 
 
454 
  border-radius: 0.3rem;
 - 
 
455 
  background-color: #fcfbf9;
 - 
 
456 
}
 - 
 
457 
/********************************************/
 - 
 
458 
 
 553 
 
459 
/**** Style des input type "file" ****/
 - 
 
460 
/* styles de base */
 - 
 
461 
#group-settings-form .input-file-container,
 - 
 
462 
#group-settings-form #new-fields .input-file-container {
 - 
 
463 
  position: relative;
 - 
 
464 
  width: 86.9%;
 - 
 
465 
  display: inline-block;
 - 
 
466 
}
 - 
 
467 
 
 - 
 
468 
#group-settings-form .label-file,
 - 
 
469 
#group-settings-form #new-fields .label-file {
 - 
 
470 
  display: block;
 - 
 
471 
  padding: 0.7rem;
 - 
 
472 
  background: #009FB8;
 - 
 
473 
  color: #fff !important;
 - 
 
474 
  font-size: 1.5rem;
 - 
 
475 
  cursor: pointer;
 - 
 
476 
  border-radius: 0.3rem;
 - 
 
477 
}
 - 
 
478 
 
 - 
 
479 
#group-settings-form .input-file,
 - 
 
480 
#group-settings-form #new-fields .input-file {
 - 
 
481 
  position: absolute;
 - 
 
482 
  top: 0; left: 0;
 - 
 
483 
  width: 80%;
 - 
 
484 
  padding: 1rem;
 - 
 
485 
  margin: auto;
 - 
 
486 
  opacity: 0;
 - 
 
487 
  cursor: pointer;
 - 
 
488 
}
 - 
 
489 
 
 - 
 
490 
/* quelques styles d'interactions */
 - 
 
491 
#group-settings-form .input-file:hover + .label-file,
 - 
 
492 
#group-settings-form .input-file:focus + .label-file,
 - 
 
493 
#group-settings-form .label-file:hover,
 - 
 
494 
#group-settings-form .label-file:focus,
 - 
 
495 
#group-settings-form #new-fields .input-file:hover + .label-file,
 - 
 
496 
#group-settings-form #new-fields .input-file:focus + .label-file,
 - 
 
497 
#group-settings-form #new-fields .label-file:hover,
 - 
 
498 
#group-settings-form #new-fields .label-file:focus {
 - 
 
499 
  background: rgba(0, 159, 184, 0.7);
 - 
 
500 
  color: #fff;
 - 
 
501 
}
 - 
 
502 
 
 - 
 
503 
/* styles du retour visuel */
 - 
 
504 
#group-settings-form .file-return:not(:empty)::before,
 - 
 
505 
#group-settings-form #new-fields .file-return:not(:empty)::before {
 - 
 
506 
  content:'Nom du fichier: ';
 - 
 
507 
  font-size: 1rem;
 - 
 
508 
}
 - 
 
509 
 
 - 
 
510 
#group-settings-form .file-return:not(:empty) img,
 - 
 
511 
#group-settings-form #new-fields .file-return:not(:empty) img {
 - 
 
512 
  margin: 1rem auto;
 - 
 
513 
  display: block;
 - 
 
514 
}
 - 
 
515 
 
 - 
 
516 
#group-settings-form .file-return,
 - 
 
517 
#group-settings-form #new-fields .file-return {
 - 
 
518 
  font-style: italic;
 - 
 
519 
  font-size: 1rem;
 - 
 
520 
  font-weight: bold;
 - 
 
521 
  background-color: #fff;
 - 
 
522 
  padding: 2rem;
 - 
 
523 
  border-radius: 0.3rem;
 - 
 
524 
}
 - 
 
525 
 
 - 
 
526 
#zone-appli #register-page #group-settings-form .widget-blocks input[type="date"],
 - 
 
527 
#zone-appli #register-page #group-settings-form .widget-blocks input[type="number"],
 - 
 
528 
#zone-appli #register-page #group-settings-form .widget-blocks input[type="email"] {
 - 
 
529 
  line-height: 1.15;
 - 
 
530 
  margin: 0;
 - 
 
531 
  padding: 1rem;
 - 
 
532 
  border: 0.1rem solid #ddd;
 - 
 
533 
  border-radius: 0.3rem;
 - 
 
534 
  width: 100%;
 - 
 
535 
  box-sizing: inherit;
 - 
 
536 
}
 - 
 
537 
 
 - 
 
538 
/*************************************/
 - 
 
539 
 
 - 
 
540 
#signup_submit {
 - 
 
541 
  font-weight: 700;
 - 
 
542 
}
 - 
 
543 
 
 554 
/**** Style de la modale ****/
544 
.modal-header .close {
 555 
.modal-header .close {
545 
  margin-top: -2rem !important;
 556 
  margin-top: -2rem !important;
- 
 
 557 
}
Line -... Line 558...
- 
 
 558 
/****************************/
546 
}
 559 
 
547 
 
 560 
/**** media queries  ****/
548 
@media screen and (min-width: 992px) {
 561 
@media screen and (min-width: 992px) {
549 
  div.widget-blocks {
 562 
  div.widget-blocks {
550 
    position: sticky;
 563 
    position: sticky;