Subversion Repositories eFlore/Applications.cel

Rev

Rev 3176 | Rev 3180 | 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;
3179 idir 232
  padding: 1rem 1rem;
3174 idir 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
 
3176 idir 281
/* annuler un position absolute provenant de bundle.css */
282
#zone-appli #register-page #group-settings-form .widget-blocks fieldset > p {
283
  position: static;
284
  right: initial;
285
  top: initial;
286
  width: auto;
287
  text-align: left;
288
  color: #606060;
289
}
290
 
3167 idir 291
/*************************************************/
3164 idir 292
 
3167 idir 293
/**** Style des select ****/
3174 idir 294
#group-settings-form select,
295
#group-settings-form .selectBox select {
296
  background-color: rgba(0, 159, 184, 0.5);
3167 idir 297
  border:  0.1rem solid #ddd;
298
}
3164 idir 299
 
3174 idir 300
#group-settings-form select {
301
  font-size: 3rem;
302
  font-weight: 900;
303
}
304
 
3167 idir 305
#group-settings-form select,
3174 idir 306
#group-settings-form select:required,
307
#group-settings-form .selectBox select,
308
#group-settings-form .selectBox select:required {
3167 idir 309
  width: 100%;
3174 idir 310
  color:#fff;
3167 idir 311
  border-radius: 0.3rem;
3174 idir 312
  padding: 0.8rem;
313
  line-height: 1.15;
314
}
315
 
316
#group-settings-form select,
317
#group-settings-form select:required {
3167 idir 318
  text-transform:none;
319
 
320
  /* On retire la 'flèche' par defaut */
321
  -webkit-appearance: none;
322
  -moz-appearance: none;
323
  -ms-appearance: none;
324
  -o-appearance: none;
325
  appearance: none;
3164 idir 326
}
327
 
3167 idir 328
#group-settings-form .select-wrapper,
3174 idir 329
#group-settings-form #new-fields .select-wrapper,
330
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox {
3167 idir 331
  position: relative;
3174 idir 332
  border: 0.1rem solid #ddd;
333
  border-radius: 0.3rem;
3122 delphine 334
}
335
 
3174 idir 336
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .overSelect {
337
  position: absolute;
338
  left: 0;
339
  right: 0;
340
  top: 0;
341
  bottom: 0;
342
}
343
 
344
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes {
345
  border: 0.1rem solid #ddd;
346
  border-radius: 0 0.3rem;
347
}
348
 
349
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .label label,
350
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes label {
351
  display: block;
352
  padding: 0.5rem;
353
  line-height: 1.15;
354
}
355
 
356
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer #checkboxes label:hover {
357
  background-color: #1e90ff;
358
}
359
 
360
#group-settings-form .select-wrapper::after,
361
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox::after {
3167 idir 362
  /* Ajout et style d'une "flèche bas" */
363
  content: '⌄';
364
  pointer-events: none;
365
  position: absolute;
366
  top: 0;
367
  right: 0.5rem;
368
  font-size: 3rem;
369
  font-weight: 900;
3174 idir 370
  color: #fff;
3164 idir 371
}
372
 
3174 idir 373
#group-settings-form #new-fields .select-wrapper::after,
374
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox::after,
375
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer  .select-wrapper::after {
3167 idir 376
  /* correction de la position de la flèche
377
  dans le formulaire des champs ajoutés*/
378
  top: -10px;
3164 idir 379
}
3167 idir 380
/**************************/
3164 idir 381
 
3167 idir 382
/**** Affichage des nouveaux champs ****/
383
 
384
/* Mieux distinguer les différentes strates */
3174 idir 385
#group-settings-form fieldset.new-field,
3167 idir 386
#group-settings-form .new-value {
3174 idir 387
  position: static;
3167 idir 388
  margin: 1rem 0;
389
  padding: 2rem;
390
  border-radius: 0.3rem;
391
  background-color: #F8F5EF;
3164 idir 392
}
393
 
3167 idir 394
/* Mieux distinguer les différentes strates */
395
#group-settings-form .field-details {
396
  margin: 1rem 0;
397
  padding: 2rem;
398
  border-radius: 0.3rem;
399
  background-color: #fcfbf9;
3164 idir 400
}
3167 idir 401
/********************************************/
3164 idir 402
 
3167 idir 403
/**** Style des input type "file" ****/
404
/* styles de base */
405
#group-settings-form .input-file-container,
406
#group-settings-form #new-fields .input-file-container {
3164 idir 407
  position: relative;
3174 idir 408
  width: 86.9%;
409
  display: inline-block;
3164 idir 410
}
3167 idir 411
 
412
#group-settings-form .label-file,
413
#group-settings-form #new-fields .label-file {
3164 idir 414
  display: block;
3174 idir 415
  padding: 0.7rem;
3164 idir 416
  background: #009FB8;
417
  color: #fff !important;
3166 idir 418
  font-size: 1.5rem;
3164 idir 419
  cursor: pointer;
3174 idir 420
  border-radius: 0.3rem;
3164 idir 421
}
3167 idir 422
 
423
#group-settings-form .input-file,
424
#group-settings-form #new-fields .input-file {
3164 idir 425
  position: absolute;
426
  top: 0; left: 0;
3166 idir 427
  width: 80%;
428
  padding: 1rem;
429
  margin: auto;
3164 idir 430
  opacity: 0;
431
  cursor: pointer;
432
}
433
 
434
/* quelques styles d'interactions */
3167 idir 435
#group-settings-form .input-file:hover + .label-file,
436
#group-settings-form .input-file:focus + .label-file,
437
#group-settings-form .label-file:hover,
438
#group-settings-form .label-file:focus,
439
#group-settings-form #new-fields .input-file:hover + .label-file,
440
#group-settings-form #new-fields .input-file:focus + .label-file,
441
#group-settings-form #new-fields .label-file:hover,
442
#group-settings-form #new-fields .label-file:focus {
443
  background: rgba(0, 159, 184, 0.7);
3164 idir 444
  color: #fff;
445
}
446
 
447
/* styles du retour visuel */
3167 idir 448
#group-settings-form .file-return:not(:empty)::before,
449
#group-settings-form #new-fields .file-return:not(:empty)::before {
3166 idir 450
  content:'Nom du fichier: ';
451
  font-size: 1rem;
3164 idir 452
}
3166 idir 453
 
3167 idir 454
#group-settings-form .file-return:not(:empty) img,
455
#group-settings-form #new-fields .file-return:not(:empty) img {
3166 idir 456
  margin: 1rem auto;
457
  display: block;
3164 idir 458
}
3166 idir 459
 
3167 idir 460
#group-settings-form .file-return,
461
#group-settings-form #new-fields .file-return {
3164 idir 462
  font-style: italic;
3174 idir 463
  font-size: 1rem;
3164 idir 464
  font-weight: bold;
3174 idir 465
  background-color: #fff;
466
  padding: 2rem;
467
  border-radius: 0.3rem;
3164 idir 468
}
3174 idir 469
 
470
#zone-appli #register-page #group-settings-form .widget-blocks input[type="date"],
471
#zone-appli #register-page #group-settings-form .widget-blocks input[type="number"],
472
#zone-appli #register-page #group-settings-form .widget-blocks input[type="email"] {
473
  line-height: 1.15;
474
  margin: 0;
475
  padding: 1rem;
476
  border: 0.1rem solid #ddd;
477
  border-radius: 0.3rem;
478
  width: 100%;
479
  box-sizing: inherit;
480
}
481
 
3167 idir 482
/*************************************/
3174 idir 483
 
484
#signup_submit {
485
  font-weight: 700;
486
}
487
 
488
.modal-header .close {
489
  margin-top: -2rem !important;
490
}
491
 
492
@media screen and (min-width: 992px) {
493
  div.widget-blocks {
494
    position: sticky;
495
    top: 20px;
496
  }
497
}