Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 3171 Rev 3174
Line 1... Line 1...
1
@CHARSET "UTF-8";
1
@CHARSET "UTF-8";
Line 2... Line 2...
2
 
2
 
-
 
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
 
3
.clear {
13
#zone-appli #register-page .widget-blocks .clear {
4
  clear: both;
14
  clear: both;
Line 5... Line 15...
5
  height: 0;
15
  height: 0;
6
 
16
 
Line 16... Line 26...
16
  left: -5rem;
26
  left: -5rem;
17
  width: 0.4rem;
27
  width: 0.4rem;
18
}
28
}
Line 19... Line 29...
19
 
29
 
20
h1#widget-titre {
30
h1#widget-titre {
21
  font-size: 2.6rem;
31
  font-size: 3rem;
22
  font-weight: 700;
32
  font-weight: 700;
23
  line-height: 3.2rem;
33
  line-height: 3.2rem;
24
  margin: 0;
34
  margin: 0;
25
  position: relative;
35
  position: relative;
26
  color: #232323;
-
 
27
  font-family: Ubuntu,sans-serif;
36
  color: #232323;
Line 28... Line -...
28
}
-
 
29
 
37
}
30
h2 {
38
 
31
  font-family: Muli,sans-serif;
-
 
32
  font-size: 21.5px;
39
#zone-appli #register-page .widget-blocks h2 {
33
  font-weight: 700;
40
  font-size: 2.3rem;
Line 34... Line 41...
34
  line-height: 1.15;
41
  line-height: 1.15;
35
}
42
}
36
 
43
 
-
 
44
#zone-appli #register-page .widget-blocks h3 {
-
 
45
  font-size: 2rem;
-
 
46
  margin-top: 0.5rem;
-
 
47
}
-
 
48
 
-
 
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,
37
div.widget-blocks {
55
#zone-appli #register-page #group-settings-form .widget-blocks select,
Line 38... Line 56...
38
  box-sizing: border-box;
56
#zone-appli #register-page #group-settings-form .widget-blocks textarea {
39
  padding: 1rem;
57
  font-size: 1.3rem;
40
}
58
}
41
 
59
 
-
 
60
#zone-appli #register-page #group-settings-form .widget-blocks .message {
-
 
61
  background-color: #f8f5ef;
-
 
62
  color: #232323;
-
 
63
  padding: 1rem;
-
 
64
  border-radius: 0.3rem;
-
 
65
  font-size: 1.3rem;
42
.message {
66
}
Line 43... Line 67...
43
  background-color: #f8f5ef;
67
 
44
  color: #232323;
68
#zone-appli #register-page #group-settings-form .widget-blocks .hidden {
45
  padding: 1rem;
69
  display: none;
46
}
70
}
47
 
-
 
48
/* Aperçu du widget */
71
 
49
.widget-renderer {
72
/* Aperçu du widget */
50
  border:none;
73
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer {
51
  padding: 3rem;
74
  border-radius: 0.3rem;
-
 
75
  padding: 0 3rem 3rem 3rem;
52
  height: 300rem;
76
  min-height: 100%;
Line -... Line 77...
-
 
77
  width: 100%;
53
  min-height: 100%;
78
  /*pointer-events: none;*/
-
 
79
  overflow: hidden;
-
 
80
  /*background: rgba(248, 245, 239, 0.6);*/
-
 
81
}
54
  width: 90%;
82
 
55
  pointer-events: none;
83
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1 {
Line -... Line 84...
-
 
84
  font-size: 3rem;
-
 
85
  line-height: 3.2rem;
-
 
86
  width: 100%;
56
  overflow: hidden
87
  color: #232323;
57
}
88
  margin: 1rem;
58
 
89
}
-
 
90
 
-
 
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,
59
.register-section{
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,
60
  margin-bottom: 1rem;
119
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help,
61
}
-
 
62
 
120
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .select-wrapper.and-help,
Line -... Line 121...
-
 
121
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .multiselect.and-help {
63
/* Formulaires du nouveau widget*/
122
  display:inline-block;
64
#group-settings-form {
123
}
65
  font-family: Muli,sans-serif;
124
 
66
  float: none;
125
#zone-appli #register-page #group-settings-form .widget-blocks form {
67
  margin-bottom: 2rem;
126
  margin-bottom: 2rem;
68
  position: absolute;
127
}
69
}
128
 
-
 
129
#zone-appli #register-page #group-settings-form .widget-blocks .list-label,
-
 
130
#zone-appli #register-page #group-settings-form .widget-blocks label {
-
 
131
  color: #606060;
-
 
132
  display: block;
-
 
133
  font-size: 1.5rem;
-
 
134
  margin-bottom: 0.4rem;
-
 
135
  margin-top: 2rem;
-
 
136
  font-weight: 300;
-
 
137
}
-
 
138
 
-
 
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
}
70
 
157
 
Line 71... Line 158...
71
#group-settings-form label {
158
.register-section{
72
  color: #606060;
159
  margin-bottom: 1rem;
73
  display: block;
160
}
Line 84... Line 171...
84
  padding: 1rem;
171
  padding: 1rem;
85
  overflow: hidden;
172
  overflow: hidden;
86
}
173
}
Line 87... Line 174...
87
 
174
 
88
/* Styles des champs required*/
175
/* Styles des champs required*/
89
#group-settings-form .register-section input[required],
176
#group-settings-form .register-section input:required,
90
#group-settings-form .register-section select[required],
177
#group-settings-form .register-section select:required,
91
#group-settings-form #new-fields input[required],
178
#group-settings-form #new-fields input:required,
92
#group-settings-form #new-fields select[required] {
179
#group-settings-form #new-fields select:required {
93
  border: 0.2rem solid rgba(0, 159, 184, 0.5);
180
  border: 0.2rem solid #F8DFD3;
Line -... Line 181...
-
 
181
}
-
 
182
 
94
}
183
/**** Styles des boutons ****/
95
 
184
 
96
/* Positionnement visuel du bouton submit pour qu'il reste
185
/* Positionnement visuel du bouton submit pour qu'il reste
97
sous les nouveaux champs alors que dans le dom
186
sous les nouveaux champs alors que dans le dom
98
il est positionné avant les nouveaux champs */
187
il est positionné avant les nouveaux champs */
99
#group-settings-form #submit-button {
188
#zone-appli #register-page #group-settings-form .widget-blocks  #submit-button {
100
  position: absolute;
189
  position: absolute;
Line 101... Line -...
101
  bottom: -50px;
-
 
102
}
190
  bottom: -20px;
103
 
191
}
104
/**** Styles des boutons ajouter et supprimer ****/
192
 
105
#group-settings-form #add-fields.button,
193
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button,
Line 106... Line 194...
106
#group-settings-form .add-value-button.button {
194
#zone-appli #register-page #group-settings-form .widget-blocks  .add-value-button.button {
107
  background-color: #009fb8;
195
  background-color: #009fb8;
-
 
196
}
-
 
197
 
108
}
198
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button:hover,
109
 
-
 
110
#group-settings-form .disabled,
199
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button:focus,
Line -... Line 200...
-
 
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
/*
111
#group-settings-form .validated {
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;
112
  background-color: #eeeeee !important;
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
 
113
  cursor: default;
257
 
-
 
258
/**** style du formulaire des nouveaux champs après validation ****/
114
}
259
#zone-appli #register-page #group-settings-form .widget-blocks .disabled,
Line 115... Line -...
115
 
-
 
116
#group-settings-form .validated i {
-
 
117
  color: #c3d45d;
-
 
118
  cursor: default;
260
#zone-appli #register-page #group-settings-form .widget-blocks .validated {
119
}
261
  background-color: #eeeeee;
120
 
262
  cursor: default;
Line 121... Line 263...
121
#group-settings-form #add-fields.button:hover,
263
  pointer-events: none;
122
#group-settings-form #add-fields.button:focus,
264
}
123
#group-settings-form .add-value-button.button:hover,
265
 
-
 
266
#zone-appli #register-page #group-settings-form .widget-blocks .invalid {
124
#group-settings-form .add-value-button.button:focus {
267
  box-shadow : 0 0 1.5px 1px red;
Line 125... Line 268...
125
  background-color: rgba(0, 159, 184, 0.7);
268
}
126
}
269
 
127
 
-
 
128
#group-settings-form .remove-field.button,
-
 
129
#group-settings-form .remove-value.button {
270
/* Le picto validation apparait en vert */
130
  background-color: #ff5d55;
271
#group-settings-form .validated i {
-
 
272
  color: #c3d45d;
131
}
273
  cursor: default;
Line 132... Line 274...
132
 
274
}
133
#group-settings-form .remove-field.button:hover,
275
 
-
 
276
/* La couleur de fond du formulaire lui-même ne change pas */
134
#group-settings-form .remove-field.button:focus,
277
#zone-appli #register-page #group-settings-form .widget-blocks #new-fields.disabled{
135
#group-settings-form .remove-value.button:hover,
278
  background-color: initial;
136
#group-settings-form .remove-value.button:focus {
279
}
Line 137... Line 280...
137
  background-color: rgba(255, 93, 85, 0.7);
280
 
138
}
281
/*************************************************/
-
 
282
 
-
 
283
/**** Style des select ****/
Line -... Line 284...
-
 
284
#group-settings-form select,
-
 
285
#group-settings-form .selectBox select {
-
 
286
  background-color: rgba(0, 159, 184, 0.5);
-
 
287
  border:  0.1rem solid #ddd;
139
/*************************************************/
288
}
140
 
289
 
141
/**** Style des select ****/
290
#group-settings-form select {
142
#group-settings-form select {
291
  font-size: 3rem;
-
 
292
  font-weight: 900;
-
 
293
}
-
 
294
 
-
 
295
#group-settings-form select,
-
 
296
#group-settings-form select:required,
143
  background-color: #fff;
297
#group-settings-form .selectBox select,
Line 144... Line 298...
144
  border:  0.1rem solid #ddd;
298
#group-settings-form .selectBox select:required {
145
}
299
  width: 100%;
146
 
300
  color:#fff;
Line 160... Line 314...
160
  -o-appearance: none;
314
  -o-appearance: none;
161
  appearance: none;
315
  appearance: none;
162
}
316
}
Line 163... Line 317...
163
 
317
 
164
#group-settings-form .select-wrapper,
318
#group-settings-form .select-wrapper,
-
 
319
#group-settings-form #new-fields .select-wrapper,
165
#group-settings-form #new-fields .select-wrapper {
320
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox {
-
 
321
  position: relative;
-
 
322
  border: 0.1rem solid #ddd;
166
  position: relative;
323
  border-radius: 0.3rem;
Line -... Line 324...
-
 
324
}
-
 
325
 
-
 
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;
167
}
348
}
-
 
349
 
168
 
350
#group-settings-form .select-wrapper::after,
169
#group-settings-form .select-wrapper::after {
351
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox::after {
170
  /* Ajout et style d'une "flèche bas" */
352
  /* Ajout et style d'une "flèche bas" */
171
  content: '⌄';
353
  content: '⌄';
172
  pointer-events: none;
354
  pointer-events: none;
173
  position: absolute;
355
  position: absolute;
174
  top: 0;
356
  top: 0;
175
  right: 0.5rem;
357
  right: 0.5rem;
176
  font-size: 3rem;
358
  font-size: 3rem;
177
  font-weight: 900;
359
  font-weight: 900;
Line 178... Line 360...
178
  color: #606060;
360
  color: #fff;
-
 
361
}
-
 
362
 
179
}
363
#group-settings-form #new-fields .select-wrapper::after,
180
 
364
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox::after,
181
#group-settings-form #new-fields .select-wrapper::after {
365
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer  .select-wrapper::after {
182
  /* correction de la position de la flèche
366
  /* correction de la position de la flèche
183
  dans le formulaire des champs ajoutés*/
367
  dans le formulaire des champs ajoutés*/
Line 184... Line 368...
184
  top: -10px;
368
  top: -10px;
Line 185... Line 369...
185
}
369
}
186
/**************************/
370
/**************************/
187
 
371
 
-
 
372
/**** Affichage des nouveaux champs ****/
188
/**** Affichage des nouveaux champs ****/
373
 
189
 
374
/* Mieux distinguer les différentes strates */
190
/* Mieux distinguer les différentes strates */
375
#group-settings-form fieldset.new-field,
191
#group-settings-form .new-field,
376
#group-settings-form .new-value {
192
#group-settings-form .new-value {
377
  position: static;
Line 208... Line 393...
208
/**** Style des input type "file" ****/
393
/**** Style des input type "file" ****/
209
/* styles de base */
394
/* styles de base */
210
#group-settings-form .input-file-container,
395
#group-settings-form .input-file-container,
211
#group-settings-form #new-fields .input-file-container {
396
#group-settings-form #new-fields .input-file-container {
212
  position: relative;
397
  position: relative;
213
  width: 100%;
398
  width: 86.9%;
-
 
399
  display: inline-block;
214
}
400
}
Line 215... Line 401...
215
 
401
 
216
#group-settings-form .label-file,
402
#group-settings-form .label-file,
217
#group-settings-form #new-fields .label-file {
403
#group-settings-form #new-fields .label-file {
218
  display: block;
404
  display: block;
219
  padding: 1rem;
405
  padding: 0.7rem;
220
  background: #009FB8;
406
  background: #009FB8;
221
  color: #fff !important;
407
  color: #fff !important;
222
  font-size: 1.5rem;
408
  font-size: 1.5rem;
223
  cursor: pointer;
409
  cursor: pointer;
224
  border-radius: 0.2rem;
410
  border-radius: 0.3rem;
Line 225... Line 411...
225
}
411
}
226
 
412
 
227
#group-settings-form .input-file,
413
#group-settings-form .input-file,
Line 262... Line 448...
262
}
448
}
Line 263... Line 449...
263
 
449
 
264
#group-settings-form .file-return,
450
#group-settings-form .file-return,
265
#group-settings-form #new-fields .file-return {
451
#group-settings-form #new-fields .file-return {
266
  font-style: italic;
452
  font-style: italic;
267
  font-size: 1.5rem;
453
  font-size: 1rem;
-
 
454
  font-weight: bold;
-
 
455
  background-color: #fff;
-
 
456
  padding: 2rem;
268
  font-weight: bold;
457
  border-radius: 0.3rem;
-
 
458
}
-
 
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
}
269
}
471
 
-
 
472
/*************************************/
-
 
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
  }