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