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