Subversion Repositories eFlore/Applications.cel

Rev

Rev 3857 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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