Subversion Repositories eFlore/Applications.cel

Rev

Rev 3233 | Rev 3424 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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