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