Subversion Repositories eFlore/Applications.cel

Rev

Rev 3233 | Rev 3424 | 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
 
3241 idir 3
*,
4
*:hover,
5
*:focus,
6
*:active {
7
  outline: 0 !important;
8
  outline-style: none !important;
9
}
10
 
11
button:focus,
12
a:focus, a:active {
13
  outline: none !important;
14
}
15
 
16
input::-moz-focus-inner {
17
  border: 0 !important;
18
}
19
 
20
button::-moz-focus-inner,
21
input[type="reset"]::-moz-focus-inner,
22
input[type="button"]::-moz-focus-inner,
23
input[type="submit"]::-moz-focus-inner,
24
input[type="file"] > input[type="button"]::-moz-focus-inner,
25
select::-moz-focus-inner,
26
select:-moz-focusring {
27
  color: transparent !important;
28
  text-shadow: 0 0 0 #000 !important;
29
  outline: none !important;
30
}
31
 
32
select:focus::-ms-value {
33
  background-color: $input-bg !important;
34
  color: $input-color !important;
35
}
36
 
3174 idir 37
body {
38
  font-family: Ubuntu,Verdana,sans-serif !important;
39
}
40
 
41
div.widget-blocks {
42
  box-sizing: border-box;
3241 idir 43
  padding: 1rem;
3174 idir 44
}
45
 
3241 idir 46
#zone-appli #register-page .widget-blocks {
3167 idir 47
  clear: both;
48
  /* Précaution pour IE 7 */
49
  overflow: hidden;
3241 idir 50
  position: relative;
3167 idir 51
}
52
 
3164 idir 53
h1#widget-titre::before {
3167 idir 54
  content: "";
55
  display: block;
56
  height: 100%;
57
  position: absolute;
58
  left: -5rem;
59
  width: 0.4rem;
3122 delphine 60
}
3164 idir 61
 
62
h1#widget-titre {
3241 idir 63
  font-size: 2rem;
3167 idir 64
  font-weight: 700;
65
  line-height: 3.2rem;
66
  margin: 0;
67
  position: relative;
68
  color: #232323;
3164 idir 69
}
70
 
3241 idir 71
#zone-appli #register-page #group-settings-form .widget-blocks p {
72
  font-size: 0.8rem;
73
}
74
 
3233 idir 75
.message-echec,
76
.message-succes {
77
  margin: 1rem auto;
78
  border: 0.1rem solid;
3241 idir 79
  border-radius: 0.3rem;
3233 idir 80
  padding: 0.5rem;
81
  text-align: center;
82
}
83
 
84
.message-echec {
85
  background-color: #f9e2d7;
86
  border-color: #eca27e;
87
  color: #9c4217;
88
  fill: #9c4217;
89
}
90
 
91
.message-succes {
92
  background-color: #e9f2b7;
93
  border-color: #cfe261;
94
  color: #444e09;
95
  fill: #444e09;
96
}
97
 
3241 idir 98
.mb-3 {
99
  margin-bottom: 1rem !important;
100
}
101
 
3174 idir 102
#zone-appli #register-page .widget-blocks h2 {
3241 idir 103
  font-weight: 700;
3167 idir 104
  line-height: 1.15;
3241 idir 105
  font-size: 1.5rem;
3164 idir 106
}
107
 
3174 idir 108
#zone-appli #register-page .widget-blocks h3 {
3241 idir 109
  /*font-size: 2rem;*/
3174 idir 110
  margin-top: 0.5rem;
3122 delphine 111
}
112
 
3174 idir 113
#zone-appli #register-page #group-settings-form .widget-blocks .message {
3167 idir 114
  background-color: #f8f5ef;
115
  color: #232323;
116
  padding: 1rem;
3174 idir 117
  border-radius: 0.3rem;
3241 idir 118
  font-size: 0.8rem;
3167 idir 119
}
120
 
3174 idir 121
#zone-appli #register-page #group-settings-form .widget-blocks .hidden {
122
  display: none;
123
}
124
 
3192 idir 125
/*** Styles généraux des champs ****/
126
/* Formulaires du nouveau widget*/
3241 idir 127
 
128
#zone-appli #register-page #group-settings-form #left-block.widget-blocks {
129
  width: 100%;
130
  padding-bottom: 50px;
3167 idir 131
}
132
 
3241 idir 133
#zone-appli #register-page #group-settings-form #right-block.widget-blocks {
134
  width: 100%;
3174 idir 135
}
136
 
137
#zone-appli #register-page #group-settings-form .widget-blocks form {
3167 idir 138
  margin-bottom: 2rem;
139
}
140
 
3241 idir 141
#zone-appli #register-page #group-settings-form .widget-blocks .register-section {
142
  margin-top: 1.5rem;
143
}
144
 
3192 idir 145
#zone-appli #register-page #group-settings-form .widget-blocks input,
146
#zone-appli #register-page #group-settings-form .widget-blocks select,
147
#zone-appli #register-page #group-settings-form .widget-blocks textarea {
3167 idir 148
  width: 100%;
3241 idir 149
  border-radius: 0.2rem;
150
  font-size: 0.7rem;
3192 idir 151
  -moz-transition: none;
152
  -webkit-transition: none;
153
  -o-transition: color 0 ease-in;
154
  transition: none;
3167 idir 155
  border: 0.1rem solid #ddd;
3241 idir 156
  box-shadow: none !important;
3167 idir 157
}
158
 
3191 idir 159
#zone-appli #register-page #group-settings-form .widget-blocks input {
3192 idir 160
  overflow: visible;
3191 idir 161
}
162
 
3192 idir 163
/* Style des checkboxes et radios */
3241 idir 164
#zone-appli #register-page #group-settings-form .widget-blocks .number {
165
  width: 100%;
3164 idir 166
}
167
 
3241 idir 168
#zone-appli #register-page #group-settings-form .widget-blocks label,
169
#zone-appli #register-page #group-settings-form .widget-blocks .list-label {
170
  color: #606060;
171
  display: block;
172
  font-size: 0.9rem;
173
  font-weight: 700;
3164 idir 174
}
175
 
3241 idir 176
#zone-appli #register-page #group-settings-form #right-block.widget-blocks .checkbox label,
177
#zone-appli #register-page #group-settings-form #right-block.widget-blocks .checkboxes label,
178
#zone-appli #register-page #group-settings-form #right-block.widget-blocks .radio label {
3192 idir 179
  font-weight: 300;
3174 idir 180
}
181
 
3241 idir 182
#zone-appli #register-page #group-settings-form .widget-blocks label.radio-label {
183
  font-weight: 700;
3176 idir 184
}
185
 
3192 idir 186
/***********************************/
187
 
3185 idir 188
/**** Style des select et checkbox-list ****/
189
#zone-appli #register-page #group-settings-form .widget-blocks select,
190
#zone-appli #register-page #group-settings-form .widget-blocks .selectBox select {
191
  background-color: #fff;
3191 idir 192
  border: 0.1rem solid #ddd;
3167 idir 193
}
3164 idir 194
 
3174 idir 195
 
3241 idir 196
#zone-appli #register-page #group-settings-form .widget-blocks .add-field-select {
3167 idir 197
  width: 100%;
3174 idir 198
}
199
 
200
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox {
3167 idir 201
  position: relative;
3241 idir 202
  border-radius: 0.2rem;
3122 delphine 203
}
204
 
3174 idir 205
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .overSelect {
206
  position: absolute;
207
  left: 0;
208
  right: 0;
209
  top: 0;
210
  bottom: 0;
211
}
212
 
213
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes {
214
  border: 0.1rem solid #ddd;
3241 idir 215
  border-bottom-left-radius: 0.2rem;
216
  border-bottom-right-radius: 0.2rem;
217
  position: absolute;
218
  z-index: 1001;
219
  top: 100%;
220
  left: 1rem;
221
  right: 1rem;
222
  background-color: #fff;
223
  padding-bottom: 0.5rem;
3174 idir 224
}
225
 
226
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .label label,
227
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes label {
228
  display: block;
229
  padding: 0.5rem;
230
  line-height: 1.15;
231
}
232
 
233
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer #checkboxes label:hover {
234
  background-color: #1e90ff;
235
}
236
 
3185 idir 237
/*******************************************/
3164 idir 238
 
3167 idir 239
/**** Style des input type "file" ****/
240
/* styles de base */
241
#group-settings-form .input-file-container,
242
#group-settings-form #new-fields .input-file-container {
3164 idir 243
  position: relative;
3241 idir 244
  width: 84.9%;
3174 idir 245
  display: inline-block;
3241 idir 246
  line-height: 0.9rem;
3164 idir 247
}
3167 idir 248
 
3241 idir 249
#zone-appli #register-page #group-settings-form .widget-blocks .input-file-row {
250
  margin: 1.5rem 0;
251
  min-width: 100% !important;
252
}
253
 
3167 idir 254
#group-settings-form .label-file,
255
#group-settings-form #new-fields .label-file {
3164 idir 256
  display: block;
3241 idir 257
  padding: 0.6rem;
3164 idir 258
  background: #009FB8;
259
  color: #fff !important;
3241 idir 260
  /*font-size: 1.5rem;*/
3164 idir 261
  cursor: pointer;
3241 idir 262
  border-radius: 0.2rem;
263
  margin-bottom: 0;
264
  line-height: 0.9rem;
265
  font-size: 0.8rem !important;
3164 idir 266
}
3167 idir 267
 
268
#group-settings-form .input-file,
269
#group-settings-form #new-fields .input-file {
3164 idir 270
  position: absolute;
271
  top: 0; left: 0;
3241 idir 272
  width: 90% !important;
273
  margin: 0 0.9rem !important;
274
  padding-bottom: 0;
3166 idir 275
  margin: auto;
3164 idir 276
  opacity: 0;
277
  cursor: pointer;
278
}
279
 
280
/* quelques styles d'interactions */
3167 idir 281
#group-settings-form .input-file:hover + .label-file,
282
#group-settings-form .input-file:focus + .label-file,
283
#group-settings-form .label-file:hover,
284
#group-settings-form .label-file:focus,
285
#group-settings-form #new-fields .input-file:hover + .label-file,
286
#group-settings-form #new-fields .input-file:focus + .label-file,
287
#group-settings-form #new-fields .label-file:hover,
288
#group-settings-form #new-fields .label-file:focus {
289
  background: rgba(0, 159, 184, 0.7);
3164 idir 290
  color: #fff;
291
}
292
 
293
/* styles du retour visuel */
3167 idir 294
#group-settings-form .file-return:not(:empty)::before,
295
#group-settings-form #new-fields .file-return:not(:empty)::before {
3166 idir 296
  content:'Nom du fichier: ';
3241 idir 297
  font-size: 0.8rem;
3164 idir 298
}
3166 idir 299
 
3167 idir 300
#group-settings-form .file-return:not(:empty) img,
301
#group-settings-form #new-fields .file-return:not(:empty) img {
3166 idir 302
  margin: 1rem auto;
303
  display: block;
3164 idir 304
}
3166 idir 305
 
3167 idir 306
#group-settings-form .file-return,
307
#group-settings-form #new-fields .file-return {
3164 idir 308
  font-style: italic;
3241 idir 309
  font-size: 0.8rem;
3164 idir 310
  font-weight: bold;
3174 idir 311
  background-color: #fff;
312
  padding: 2rem;
3241 idir 313
  border-radius: 0.2rem;
3164 idir 314
}
3241 idir 315
 
316
#group-settings-form #new-fields .file-return {
317
  margin: 0.5rem auto;
318
  width: 90%;
319
}
3192 idir 320
/*************************************/
3174 idir 321
 
3192 idir 322
/**** Affichage des nouveaux champs ****/
323
/* Mieux distinguer les différentes strates */
324
#group-settings-form fieldset.new-field,
325
#group-settings-form .new-value {
326
  position: static;
3241 idir 327
  border-radius: 0.2rem;
3192 idir 328
  background-color: #F8F5EF;
3241 idir 329
  margin: 0 0.5rem 0.5rem 0.5rem;
330
  padding: 1rem;
3174 idir 331
}
332
 
3241 idir 333
#group-settings-form fieldset.new-field {
334
  padding: 1rem;
335
  margin: 1rem 0;
336
}
337
 
3192 idir 338
/* Mieux distinguer les différentes strates */
339
#group-settings-form .field-details {
3241 idir 340
  margin: 1rem;
341
  padding: 1rem;
342
  border-radius: 0.2rem;
3192 idir 343
  background-color: #fcfbf9;
344
}
3241 idir 345
 
3192 idir 346
/********************************************/
3174 idir 347
 
3192 idir 348
/**** Styles des boutons ****/
3241 idir 349
 
3192 idir 350
#zone-appli #register-page #group-settings-form .widget-blocks button,
351
#group-settings-form .button {
352
  background-color: #a2b93b;
3241 idir 353
  border-radius: 0.2rem;
3192 idir 354
  border: 0 none;
3241 idir 355
  padding: 0.9rem;
3192 idir 356
  cursor: pointer;
357
  color: #fff;
358
  display: inline-block;
359
  font-family: Ubuntu,sans-serif;
3241 idir 360
  font-size: 0.9rem;
3192 idir 361
  font-weight: 500;
3241 idir 362
  letter-spacing: 0.1rem;
363
  line-height: 0.9rem;
3192 idir 364
  text-align: center;
365
  text-decoration: none;
3241 idir 366
  /*text-transform: capitalize;*/
3192 idir 367
  -webkit-transition: background .2s ease;
368
  -o-transition: background .2s ease;
369
  transition: background .2s ease;
370
}
371
 
3241 idir 372
.fa, .fab, .fal, .far, .fas {
373
  line-height: 0.9rem;
374
}
375
 
3192 idir 376
#zone-appli #register-page #group-settings-form .widget-blocks button:hover,
377
#zone-appli #register-page #group-settings-form .widget-blocks button:focus,
378
#group-settings-form .button:hover,
379
#group-settings-form .button:focus {
380
  background-color: #b3c954;
381
}
382
 
3241 idir 383
#zone-appli #register-page #group-settings-form .widget-blocks #bouton-connexion .btn {
384
  background-color:#a2b93b;border-color:#a1b92e;
385
  color: #fff;
386
}
387
 
3192 idir 388
/* Positionnement visuel du bouton submit pour qu'il reste
389
sous les nouveaux champs alors que dans le dom
390
il est positionné avant les nouveaux champs */
391
#zone-appli #register-page #group-settings-form .widget-blocks  #submit-button {
392
  position: absolute;
3241 idir 393
  bottom: 0;
3192 idir 394
}
395
 
3174 idir 396
#signup_submit {
397
  font-weight: 700;
398
}
399
 
3192 idir 400
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button,
401
#zone-appli #register-page #group-settings-form .widget-blocks  .add-value-button.button {
402
  background-color: #009fb8;
403
}
404
 
405
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button:hover,
406
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button:focus,
407
#zone-appli #register-page #group-settings-form .widget-blocks  .add-value-button.button:hover,
408
#zone-appli #register-page #group-settings-form .widget-blocks  .add-value-button.button:focus {
409
  background-color: rgba(0, 159, 184, 0.7);
410
}
411
 
412
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button,
3241 idir 413
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button {
3192 idir 414
  background-color: #ff5d55;
415
}
416
 
417
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button:hover,
418
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button:focus,
419
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:hover,
3241 idir 420
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:focus {
3192 idir 421
  background-color: rgba(255, 93, 85, 0.7);
422
}
423
 
424
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button {
3241 idir 425
  float: right;
3192 idir 426
}
427
 
428
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file {
3241 idir 429
  width: 2rem;
430
  height: 2rem;
3192 idir 431
}
432
 
3241 idir 433
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .border-0 {
434
  border: 0 !important;
3192 idir 435
}
436
 
3241 idir 437
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .btn-outline-info {
438
  color: #17a2b8;
439
  background-color: transparent;
440
  background-image: none;
441
  border-color: #17a2b8;
442
}
443
 
444
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .btn-outline-info:hover {
445
  color: #fff;
446
  background-color: #17a2b8;
447
  border-color: #17a2b8;
448
}
449
 
450
#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 {
451
  color: #fff;
452
  background-color: #17a2b8;
453
  border-color: #17a2b8;
454
}
455
 
456
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .btn-outline-info:focus {
457
  box-shadow: 0 0 0 .2rem rgba(23,162,184,.5);
458
}
459
 
3192 idir 460
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:hover,
461
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:focus {
462
  background-color: rgba(234, 153, 115, 0.7);
463
}
464
 
465
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type {
466
  text-transform: capitalize;
3241 idir 467
  /*font-size: 1.5rem;*/
3192 idir 468
  margin-left: 0;
3241 idir 469
  padding: 0.6rem;
3192 idir 470
  background-color: #ea9973;
471
  text-decoration: none;
472
  color: #ffffff;
473
  border-radius: 0.2rem;
474
}
475
/****************************/
476
 
477
/**** style du formulaire des nouveaux champs après validation ****/
478
#zone-appli #register-page #group-settings-form .widget-blocks .disabled,
479
#zone-appli #register-page #group-settings-form .widget-blocks .validated {
480
  background-color: #eeeeee;
481
  cursor: default;
482
  pointer-events: none;
483
}
484
 
485
#zone-appli #register-page #group-settings-form .widget-blocks .invalid-key,
486
#zone-appli #register-page #group-settings-form .widget-blocks .invalid {
487
  box-shadow : 0 0 1.5px 1px red;
488
}
489
 
490
/* Le picto validation apparait en vert */
491
#group-settings-form .validated i {
492
  color: #c3d45d;
493
  cursor: default;
494
}
495
 
496
/* La couleur de fond du formulaire lui-même ne change pas */
497
#zone-appli #register-page #group-settings-form .widget-blocks #new-fields.disabled{
498
  background-color: initial;
499
}
500
/******************************************************************/
501
 
502
/**** Prévisualisation du widget ****/
503
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer {
3241 idir 504
  border-radius: 0.2rem;
3192 idir 505
  padding: 0 3rem 3rem 3rem;
506
  min-height: 100%;
507
  width: 100%;
508
  overflow: hidden;
509
  background: rgba(248, 245, 239, 0.6);
3241 idir 510
  position: relative;
3192 idir 511
}
512
 
513
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1 {
514
  font-size: 3rem;
515
  line-height: 3.2rem;
516
  width: 100%;
517
  color: #232323;
518
  margin: 1rem;
519
}
520
 
3241 idir 521
#preview-formulaire,
522
#preview-header,
523
#preview-messages {
524
  padding: 2rem;
525
  border-radius: 0.3rem;
526
  background-color: rgba(255, 255, 255, 0.8);
527
  margin-top: 2rem;
3192 idir 528
}
529
 
3241 idir 530
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox label,
531
#zone-appli #register-page #group-settings-form .widget-blocks .checkboxes label,
532
#zone-appli #register-page #group-settings-form .widget-blocks .radio label {
533
  display: flex;
534
  align-items: center;
3192 idir 535
}
536
 
3241 idir 537
#zone-appli #register-page #group-settings-form .widget-blocks input[type="checkbox"],
538
#zone-appli #register-page #group-settings-form .widget-blocks input[type="radio"],
539
#zone-appli #register-page #group-settings-form .widget-blocks input.radio,
540
#zone-appli #register-page #group-settings-form .widget-blocks input.checkbox {
541
  vertical-align: text-top;
542
  padding: 0;
543
  margin-right: 10px;
544
  position: relative;
545
  overflow: hidden;
546
  width: 1rem;
3192 idir 547
}
548
 
3241 idir 549
.mb-2, .mb-3 {
550
  align-self: start;
3192 idir 551
}
552
 
3241 idir 553
#new-fields-buttons {
554
  border-bottom: 1px solid rgba(0,0,0,0.1);
555
  padding-bottom: 1rem;
556
  margin-bottom: 1rem;
3192 idir 557
}
558
 
559
/****************************/
560
 
561
/**** Input Type Range ****/
3241 idir 562
#zone-appli #register-page #group-settings-form .widget-blocks .range input {
3192 idir 563
  border:none;
564
}
565
 
3241 idir 566
#zone-appli #register-page #group-settings-form .widget-blocks .range-values {
567
  color: #606060;
3192 idir 568
}
3233 idir 569
 
3241 idir 570
#zone-appli #register-page #group-settings-form .widget-blocks .range-live-value {
571
  padding-top: 1rem;
572
  font-size: 1.5rem;
573
}
574
 
3192 idir 575
/**************************/
576
 
577
/**** Style de la modale ****/
3174 idir 578
.modal-header .close {
579
  margin-top: -2rem !important;
580
}
3192 idir 581
/****************************/
3174 idir 582
 
3241 idir 583
/**** style required preview ****/
584
 
585
#label-geolocalisation::before,
586
#label-date::before,
587
#label-taxon::before,
588
#label-certitude::before {
589
  content: '*';
590
}
591
 
592
/*******************************/
593
 
3192 idir 594
/**** media queries  ****/
3174 idir 595
@media screen and (min-width: 992px) {
3241 idir 596
  #zone-appli #register-page #group-settings-form #left-block.widget-blocks {
597
    display: inline-block;
598
    width: 30%;
599
    padding-bottom: 50px;
600
  }
601
 
602
  #zone-appli #register-page #group-settings-form #right-block.widget-blocks {
603
    display: inline-block;
604
    width: 60%;
605
    overflow: visible;
606
    vertical-align:top;
607
    position: -webkit-sticky;
3174 idir 608
    position: sticky;
3241 idir 609
    top: 0;
3174 idir 610
  }
3241 idir 611
 
612
  #zone-appli #register-page #group-settings-form .widget-blocks #submit-button {
613
    bottom: 10px;
614
  }
3174 idir 615
}