Subversion Repositories eFlore/Applications.cel

Rev

Rev 3171 | Rev 3176 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
3122 delphine 1
@CHARSET "UTF-8";
2
 
3174 idir 3
body {
4
  font-family: Ubuntu,Verdana,sans-serif !important;
5
}
6
 
7
div.widget-blocks {
8
  box-sizing: border-box;
9
  padding: 3rem;
10
  margin-bottom: 5rem;
11
}
12
 
13
#zone-appli #register-page .widget-blocks .clear {
3167 idir 14
  clear: both;
15
  height: 0;
3164 idir 16
 
3167 idir 17
  /* Précaution pour IE 7 */
18
  overflow: hidden;
19
}
20
 
3164 idir 21
h1#widget-titre::before {
3167 idir 22
  content: "";
23
  display: block;
24
  height: 100%;
25
  position: absolute;
26
  left: -5rem;
27
  width: 0.4rem;
3122 delphine 28
}
3164 idir 29
 
30
h1#widget-titre {
3174 idir 31
  font-size: 3rem;
3167 idir 32
  font-weight: 700;
33
  line-height: 3.2rem;
34
  margin: 0;
35
  position: relative;
36
  color: #232323;
3164 idir 37
}
38
 
3174 idir 39
#zone-appli #register-page .widget-blocks h2 {
40
  font-size: 2.3rem;
3167 idir 41
  line-height: 1.15;
3164 idir 42
}
43
 
3174 idir 44
#zone-appli #register-page .widget-blocks h3 {
45
  font-size: 2rem;
46
  margin-top: 0.5rem;
3122 delphine 47
}
48
 
3174 idir 49
#zone-appli #register-page #group-settings-form .widget-blocks button,
50
#group-settings-form .button {
51
  font-size: 1.6rem;
52
}
53
 
54
#zone-appli #register-page #group-settings-form .widget-blocks input,
55
#zone-appli #register-page #group-settings-form .widget-blocks select,
56
#zone-appli #register-page #group-settings-form .widget-blocks textarea {
57
  font-size: 1.3rem;
58
}
59
 
60
#zone-appli #register-page #group-settings-form .widget-blocks .message {
3167 idir 61
  background-color: #f8f5ef;
62
  color: #232323;
63
  padding: 1rem;
3174 idir 64
  border-radius: 0.3rem;
65
  font-size: 1.3rem;
3167 idir 66
}
67
 
3174 idir 68
#zone-appli #register-page #group-settings-form .widget-blocks .hidden {
69
  display: none;
70
}
71
 
3167 idir 72
/* Aperçu du widget */
3174 idir 73
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer {
74
  border-radius: 0.3rem;
75
  padding: 0 3rem 3rem 3rem;
3167 idir 76
  min-height: 100%;
3174 idir 77
  width: 100%;
78
  /*pointer-events: none;*/
79
  overflow: hidden;
80
  /*background: rgba(248, 245, 239, 0.6);*/
3167 idir 81
}
82
 
3174 idir 83
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1 {
84
  font-size: 3rem;
85
  line-height: 3.2rem;
86
  width: 100%;
87
  color: #232323;
88
  margin: 1rem;
3167 idir 89
}
90
 
3174 idir 91
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1,
92
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 span,
93
#zone-appli #register-page #group-settings-form .widget-blocks h3 .field-title,
94
#zone-appli #register-page #group-settings-form .widget-blocks .list-label,
95
#zone-appli #register-page #group-settings-form .widget-blocks label {
96
  text-transform: capitalize;
97
}
98
 
99
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 {
100
  width: 100%;
101
  color: #232323;
102
  margin: 1rem;
103
}
104
 
105
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help {
106
  width: 80%;
107
}
108
 
109
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help.input-file-container {
110
  width: 73.8%;
111
}
112
 
113
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help,
114
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help {
115
  margin-bottom:1.5rem;
116
}
117
 
118
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help,
119
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help,
120
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .select-wrapper.and-help,
121
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .multiselect.and-help {
122
  display:inline-block;
123
}
124
 
125
#zone-appli #register-page #group-settings-form .widget-blocks form {
3167 idir 126
  margin-bottom: 2rem;
127
}
128
 
3174 idir 129
#zone-appli #register-page #group-settings-form .widget-blocks .list-label,
130
#zone-appli #register-page #group-settings-form .widget-blocks label {
3167 idir 131
  color: #606060;
132
  display: block;
133
  font-size: 1.5rem;
134
  margin-bottom: 0.4rem;
135
  margin-top: 2rem;
3174 idir 136
  font-weight: 300;
3122 delphine 137
}
138
 
3174 idir 139
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox,
140
#zone-appli #register-page #group-settings-form .widget-blocks .radio {
141
  padding-left: 0;
142
}
143
 
144
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox label,
145
#zone-appli #register-page #group-settings-form .widget-blocks .radio label{
146
  padding-left: 1rem;
147
}
148
 
149
#preview-formulaire,
150
#preview-header,
151
#preview-messages {
152
  padding: 2rem;
153
  border-radius: 0.3rem;
154
  background-color: rgba(255, 255, 255, 0.8);
155
  margin-top: 2rem;
156
}
157
 
158
.register-section{
159
  margin-bottom: 1rem;
160
}
161
 
162
/* Formulaires du nouveau widget*/
163
#group-settings-form {
164
  float: none;
165
}
166
 
3167 idir 167
#group-settings-form #langue{
168
  width: 100%;
169
  border: 0.1rem solid #ddd;
170
  border-radius: 0.3rem;
171
  padding: 1rem;
172
  overflow: hidden;
173
}
174
 
175
/* Styles des champs required*/
3174 idir 176
#group-settings-form .register-section input:required,
177
#group-settings-form .register-section select:required,
178
#group-settings-form #new-fields input:required,
179
#group-settings-form #new-fields select:required {
180
  border: 0.2rem solid #F8DFD3;
3122 delphine 181
}
182
 
3174 idir 183
/**** Styles des boutons ****/
184
 
3167 idir 185
/* Positionnement visuel du bouton submit pour qu'il reste
186
sous les nouveaux champs alors que dans le dom
187
il est positionné avant les nouveaux champs */
3174 idir 188
#zone-appli #register-page #group-settings-form .widget-blocks  #submit-button {
3167 idir 189
  position: absolute;
3174 idir 190
  bottom: -20px;
3164 idir 191
}
192
 
3174 idir 193
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button,
194
#zone-appli #register-page #group-settings-form .widget-blocks  .add-value-button.button {
3167 idir 195
  background-color: #009fb8;
3164 idir 196
}
197
 
3174 idir 198
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button:hover,
199
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button:focus,
200
#zone-appli #register-page #group-settings-form .widget-blocks  .add-value-button.button:hover,
201
#zone-appli #register-page #group-settings-form .widget-blocks  .add-value-button.button:focus {
202
  background-color: rgba(0, 159, 184, 0.7);
203
}
204
 
205
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button,
206
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button,
207
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file {
208
  background-color: #ff5d55;
209
}
210
 
211
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button:hover,
212
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button:focus,
213
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:hover,
214
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:focus,
215
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file:hover,
216
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file:focus {
217
  background-color: rgba(255, 93, 85, 0.7);
218
}
219
 
220
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button {
221
  background-color: #ea9973;
222
}
223
 
224
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button,
225
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file {
226
  margin-left: 0.5rem;
227
}
228
 
229
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file,
230
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button {
231
  border-radius: 0.2rem;
232
  padding: 1.1rem 1rem;
233
}
234
 
235
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button:hover,
236
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button:focus,
237
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:hover,
238
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:focus {
239
  background-color: rgba(234, 153, 115, 0.7);
240
}
241
/*
242
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file i {
243
  font-size: 1.6rem;
244
}*/
245
 
246
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type {
247
  text-transform: capitalize;
248
  font-size: 1.5rem;
249
  margin-left: 0;
250
  padding: 0.8rem;
251
  background-color: #ea9973;
252
  text-decoration: none;
253
  color: #ffffff;
254
  border-radius: 0.2rem;
255
}
256
 
257
 
258
/**** style du formulaire des nouveaux champs après validation ****/
259
#zone-appli #register-page #group-settings-form .widget-blocks .disabled,
260
#zone-appli #register-page #group-settings-form .widget-blocks .validated {
261
  background-color: #eeeeee;
3171 idir 262
  cursor: default;
3174 idir 263
  pointer-events: none;
3171 idir 264
}
265
 
3174 idir 266
#zone-appli #register-page #group-settings-form .widget-blocks .invalid {
267
  box-shadow : 0 0 1.5px 1px red;
268
}
269
 
270
/* Le picto validation apparait en vert */
3171 idir 271
#group-settings-form .validated i {
272
  color: #c3d45d;
273
  cursor: default;
274
}
275
 
3174 idir 276
/* La couleur de fond du formulaire lui-même ne change pas */
277
#zone-appli #register-page #group-settings-form .widget-blocks #new-fields.disabled{
278
  background-color: initial;
3122 delphine 279
}
280
 
3167 idir 281
/*************************************************/
3164 idir 282
 
3167 idir 283
/**** Style des select ****/
3174 idir 284
#group-settings-form select,
285
#group-settings-form .selectBox select {
286
  background-color: rgba(0, 159, 184, 0.5);
3167 idir 287
  border:  0.1rem solid #ddd;
288
}
3164 idir 289
 
3174 idir 290
#group-settings-form select {
291
  font-size: 3rem;
292
  font-weight: 900;
293
}
294
 
3167 idir 295
#group-settings-form select,
3174 idir 296
#group-settings-form select:required,
297
#group-settings-form .selectBox select,
298
#group-settings-form .selectBox select:required {
3167 idir 299
  width: 100%;
3174 idir 300
  color:#fff;
3167 idir 301
  border-radius: 0.3rem;
3174 idir 302
  padding: 0.8rem;
303
  line-height: 1.15;
304
}
305
 
306
#group-settings-form select,
307
#group-settings-form select:required {
3167 idir 308
  text-transform:none;
309
 
310
  /* On retire la 'flèche' par defaut */
311
  -webkit-appearance: none;
312
  -moz-appearance: none;
313
  -ms-appearance: none;
314
  -o-appearance: none;
315
  appearance: none;
3164 idir 316
}
317
 
3167 idir 318
#group-settings-form .select-wrapper,
3174 idir 319
#group-settings-form #new-fields .select-wrapper,
320
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox {
3167 idir 321
  position: relative;
3174 idir 322
  border: 0.1rem solid #ddd;
323
  border-radius: 0.3rem;
3122 delphine 324
}
325
 
3174 idir 326
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .overSelect {
327
  position: absolute;
328
  left: 0;
329
  right: 0;
330
  top: 0;
331
  bottom: 0;
332
}
333
 
334
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes {
335
  border: 0.1rem solid #ddd;
336
  border-radius: 0 0.3rem;
337
}
338
 
339
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .label label,
340
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes label {
341
  display: block;
342
  padding: 0.5rem;
343
  line-height: 1.15;
344
}
345
 
346
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer #checkboxes label:hover {
347
  background-color: #1e90ff;
348
}
349
 
350
#group-settings-form .select-wrapper::after,
351
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox::after {
3167 idir 352
  /* Ajout et style d'une "flèche bas" */
353
  content: '⌄';
354
  pointer-events: none;
355
  position: absolute;
356
  top: 0;
357
  right: 0.5rem;
358
  font-size: 3rem;
359
  font-weight: 900;
3174 idir 360
  color: #fff;
3164 idir 361
}
362
 
3174 idir 363
#group-settings-form #new-fields .select-wrapper::after,
364
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox::after,
365
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer  .select-wrapper::after {
3167 idir 366
  /* correction de la position de la flèche
367
  dans le formulaire des champs ajoutés*/
368
  top: -10px;
3164 idir 369
}
3167 idir 370
/**************************/
3164 idir 371
 
3167 idir 372
/**** Affichage des nouveaux champs ****/
373
 
374
/* Mieux distinguer les différentes strates */
3174 idir 375
#group-settings-form fieldset.new-field,
3167 idir 376
#group-settings-form .new-value {
3174 idir 377
  position: static;
3167 idir 378
  margin: 1rem 0;
379
  padding: 2rem;
380
  border-radius: 0.3rem;
381
  background-color: #F8F5EF;
3164 idir 382
}
383
 
3167 idir 384
/* Mieux distinguer les différentes strates */
385
#group-settings-form .field-details {
386
  margin: 1rem 0;
387
  padding: 2rem;
388
  border-radius: 0.3rem;
389
  background-color: #fcfbf9;
3164 idir 390
}
3167 idir 391
/********************************************/
3164 idir 392
 
3167 idir 393
/**** Style des input type "file" ****/
394
/* styles de base */
395
#group-settings-form .input-file-container,
396
#group-settings-form #new-fields .input-file-container {
3164 idir 397
  position: relative;
3174 idir 398
  width: 86.9%;
399
  display: inline-block;
3164 idir 400
}
3167 idir 401
 
402
#group-settings-form .label-file,
403
#group-settings-form #new-fields .label-file {
3164 idir 404
  display: block;
3174 idir 405
  padding: 0.7rem;
3164 idir 406
  background: #009FB8;
407
  color: #fff !important;
3166 idir 408
  font-size: 1.5rem;
3164 idir 409
  cursor: pointer;
3174 idir 410
  border-radius: 0.3rem;
3164 idir 411
}
3167 idir 412
 
413
#group-settings-form .input-file,
414
#group-settings-form #new-fields .input-file {
3164 idir 415
  position: absolute;
416
  top: 0; left: 0;
3166 idir 417
  width: 80%;
418
  padding: 1rem;
419
  margin: auto;
3164 idir 420
  opacity: 0;
421
  cursor: pointer;
422
}
423
 
424
/* quelques styles d'interactions */
3167 idir 425
#group-settings-form .input-file:hover + .label-file,
426
#group-settings-form .input-file:focus + .label-file,
427
#group-settings-form .label-file:hover,
428
#group-settings-form .label-file:focus,
429
#group-settings-form #new-fields .input-file:hover + .label-file,
430
#group-settings-form #new-fields .input-file:focus + .label-file,
431
#group-settings-form #new-fields .label-file:hover,
432
#group-settings-form #new-fields .label-file:focus {
433
  background: rgba(0, 159, 184, 0.7);
3164 idir 434
  color: #fff;
435
}
436
 
437
/* styles du retour visuel */
3167 idir 438
#group-settings-form .file-return:not(:empty)::before,
439
#group-settings-form #new-fields .file-return:not(:empty)::before {
3166 idir 440
  content:'Nom du fichier: ';
441
  font-size: 1rem;
3164 idir 442
}
3166 idir 443
 
3167 idir 444
#group-settings-form .file-return:not(:empty) img,
445
#group-settings-form #new-fields .file-return:not(:empty) img {
3166 idir 446
  margin: 1rem auto;
447
  display: block;
3164 idir 448
}
3166 idir 449
 
3167 idir 450
#group-settings-form .file-return,
451
#group-settings-form #new-fields .file-return {
3164 idir 452
  font-style: italic;
3174 idir 453
  font-size: 1rem;
3164 idir 454
  font-weight: bold;
3174 idir 455
  background-color: #fff;
456
  padding: 2rem;
457
  border-radius: 0.3rem;
3164 idir 458
}
3174 idir 459
 
460
#zone-appli #register-page #group-settings-form .widget-blocks input[type="date"],
461
#zone-appli #register-page #group-settings-form .widget-blocks input[type="number"],
462
#zone-appli #register-page #group-settings-form .widget-blocks input[type="email"] {
463
  line-height: 1.15;
464
  margin: 0;
465
  padding: 1rem;
466
  border: 0.1rem solid #ddd;
467
  border-radius: 0.3rem;
468
  width: 100%;
469
  box-sizing: inherit;
470
}
471
 
3167 idir 472
/*************************************/
3174 idir 473
 
474
#signup_submit {
475
  font-weight: 700;
476
}
477
 
478
.modal-header .close {
479
  margin-top: -2rem !important;
480
}
481
 
482
@media screen and (min-width: 992px) {
483
  div.widget-blocks {
484
    position: sticky;
485
    top: 20px;
486
  }
487
}