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