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