0001-minint-build-styles-from-sass-file-16161.patch
Makefile | ||
---|---|---|
28 | 28 |
cd static/massoins/ && sass style.scss:style.css |
29 | 29 |
cd static/meaux/ && sass style.scss:style.css |
30 | 30 |
cd static/meyzieu/ && sass style.scss:style.css |
31 |
cd static/minint/ && sass style.scss:style.css
|
|
31 |
cd static/minint/sass && sass styles.scss:../css/styles.css
|
|
32 | 32 |
cd static/montpellier/ && sass style.scss:style.css |
33 | 33 |
cd static/nancy/ && sass style.scss:style.css |
34 | 34 |
cd static/nancy-2017/ && sass style.scss:style.css |
static/minint/css/styles.css | ||
---|---|---|
1 |
@charset "UTF-8"; |
|
2 |
.box-sizing, input[type="text"], |
|
3 |
input[type="email"], |
|
4 |
input[type="password"], |
|
5 |
input[type="number"], |
|
6 |
input[type="tel"], |
|
7 |
input[type="date"], |
|
8 |
select, |
|
9 |
textarea, div.error:before { |
|
10 |
-webkit-box-sizing: border-box; |
|
11 |
-moz-box-sizing: border-box; |
|
12 |
box-sizing: border-box; |
|
13 |
} |
|
14 |
|
|
15 |
@font-face { |
|
16 |
font-family: 'robotoslab_light'; |
|
17 |
src: url("../webfonts/robotoslab/RobotoSlab-Light-webfont.eot"); |
|
18 |
src: url("../webfonts/robotoslab/RobotoSlab-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/robotoslab/RobotoSlab-Light.woff") format("woff"), url("../webfonts/robotoslab/RobotoSlab-Light-webfont.ttf") format("truetype"), url("../webfonts/robotoslab/RobotoSlab-Light-webfont.svg#robotoslab_light") format("svg"); |
|
19 |
font-weight: 300; |
|
20 |
font-style: normal; |
|
21 |
} |
|
22 |
|
|
23 |
@font-face { |
|
24 |
font-family: 'robotoslab_regular'; |
|
25 |
src: url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.eot"); |
|
26 |
src: url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/robotoslab/RobotoSlab-Regular.woff") format("woff"), url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.ttf") format("truetype"), url("../webfonts/robotoslab/RobotoSlab-Regular-webfont.svg#robotoslab_regular") format("svg"); |
|
27 |
font-weight: 400; |
|
28 |
font-style: normal; |
|
29 |
} |
|
30 |
|
|
31 |
@font-face { |
|
32 |
font-family: 'robotoslab_bold'; |
|
33 |
src: url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.eot"); |
|
34 |
src: url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/robotoslab/RobotoSlab-Bold.woff") format("woff"), url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.ttf") format("truetype"), url("../webfonts/robotoslab/RobotoSlab-Bold-webfont.svg#robotoslab_bold") format("svg"); |
|
35 |
font-weight: 700; |
|
36 |
font-style: normal; |
|
37 |
} |
|
38 |
|
|
39 |
b, |
|
40 |
strong { |
|
41 |
font-family: "robotoslab_bold", Arial, sans-serif; |
|
42 |
font-weight: 700; |
|
43 |
} |
|
44 |
|
|
45 |
i, |
|
46 |
em { |
|
47 |
font-family: "robotoslab_regular", Arial, sans-serif; |
|
48 |
font-weight: 400; |
|
49 |
font-style: italic; |
|
50 |
} |
|
51 |
|
|
52 |
/*** Titraille / Intertitres */ |
|
53 |
h1, h2, h3, h4, h5, h6, |
|
54 |
.h1, .h2, .h3, .h4, .h5, .h6 { |
|
55 |
font-weight: normal; |
|
56 |
margin: 0.5em 0 0.5em; |
|
57 |
line-height: 1.3; |
|
58 |
color: #34567c; |
|
59 |
font-family: "robotoslab_regular", Arial, sans-serif; |
|
60 |
} |
|
61 |
|
|
62 |
h1, .h1 { |
|
63 |
font-size: em(30, 14); |
|
64 |
font-family: "robotoslab_bold", Arial, sans-serif; |
|
65 |
line-height: 1.05; |
|
66 |
text-transform: uppercase; |
|
67 |
} |
|
68 |
|
|
69 |
h2, .h2 { |
|
70 |
font-size: em(22, 14); |
|
71 |
line-height: 1.2; |
|
72 |
} |
|
73 |
|
|
74 |
h3, .h3 { |
|
75 |
font-size: em(18, 14); |
|
76 |
font-family: "robotoslab_bold", Arial, sans-serif; |
|
77 |
} |
|
78 |
|
|
79 |
h4, .h4 { |
|
80 |
font-size: em(16, 14); |
|
81 |
font-style: italic; |
|
82 |
} |
|
83 |
|
|
84 |
h5, .h5 { |
|
85 |
font-size: em(16, 14); |
|
86 |
} |
|
87 |
|
|
88 |
h6, .h6 { |
|
89 |
font-size: em(16, 14); |
|
90 |
} |
|
91 |
|
|
92 |
/*** Enrichissements typographiques */ |
|
93 |
small, .small { |
|
94 |
font-size: .8em; |
|
95 |
} |
|
96 |
|
|
97 |
big, .big { |
|
98 |
font-size: 1.5em; |
|
99 |
} |
|
100 |
|
|
101 |
abbr[title], |
|
102 |
acronym[title] { |
|
103 |
border-bottom: .1em dotted; |
|
104 |
cursor: help; |
|
105 |
} |
|
106 |
|
|
107 |
dfn, .dfn { |
|
108 |
font-weight: bold; |
|
109 |
font-style: italic; |
|
110 |
} |
|
111 |
|
|
112 |
del, .del { |
|
113 |
text-decoration: line-through; |
|
114 |
} |
|
115 |
|
|
116 |
ins, .ins { |
|
117 |
text-decoration: none; |
|
118 |
background-color: #FFC; |
|
119 |
} |
|
120 |
|
|
121 |
sup, sub { |
|
122 |
font-size: .846em; |
|
123 |
font-variant: normal; |
|
124 |
line-height: 0; |
|
125 |
top: auto; |
|
126 |
} |
|
127 |
|
|
128 |
sup { |
|
129 |
vertical-align: super; |
|
130 |
} |
|
131 |
|
|
132 |
.ie sup { |
|
133 |
vertical-align: text-top; |
|
134 |
} |
|
135 |
|
|
136 |
sub { |
|
137 |
vertical-align: sub; |
|
138 |
bottom: auto; |
|
139 |
} |
|
140 |
|
|
141 |
.ie sub { |
|
142 |
vertical-align: text-bottom; |
|
143 |
} |
|
144 |
|
|
145 |
.caps { |
|
146 |
font-variant: small-caps; |
|
147 |
} |
|
148 |
|
|
149 |
.quiet { |
|
150 |
color: #666; |
|
151 |
} |
|
152 |
|
|
153 |
.loud { |
|
154 |
color: #000; |
|
155 |
} |
|
156 |
|
|
157 |
/*** Listes */ |
|
158 |
ul ul, ol ol, ul ol, ol ul { |
|
159 |
margin-top: 0; |
|
160 |
margin-bottom: 0; |
|
161 |
} |
|
162 |
|
|
163 |
#main-content ul { |
|
164 |
padding: 0; |
|
165 |
list-style-type: none; |
|
166 |
} |
|
167 |
|
|
168 |
#main-content ul li { |
|
169 |
padding-left: 1em; |
|
170 |
background: url("img/chevron.png") no-repeat 0 0.4em; |
|
171 |
} |
|
172 |
|
|
173 |
#main-content ul li li { |
|
174 |
padding-left: 1.5em; |
|
175 |
background: url(img/bullet.png) no-repeat 0.5em 0.4em; |
|
176 |
} |
|
177 |
|
|
178 |
dl dt { |
|
179 |
color: #34567c; |
|
180 |
} |
|
181 |
|
|
182 |
dl dd { |
|
183 |
margin-bottom: 1em; |
|
184 |
} |
|
185 |
|
|
186 |
ol { |
|
187 |
padding-left: 20px; |
|
188 |
} |
|
189 |
|
|
190 |
/*** Images */ |
|
191 |
figure { |
|
192 |
margin: 0; |
|
193 |
} |
|
194 |
|
|
195 |
figure.img { |
|
196 |
color: #828282; |
|
197 |
} |
|
198 |
|
|
199 |
figure.img p { |
|
200 |
margin-bottom: 0; |
|
201 |
font-size: 0.85714em; |
|
202 |
} |
|
203 |
|
|
204 |
figure.img-gauche { |
|
205 |
float: left; |
|
206 |
margin: 0 1.5em 0.5em 0; |
|
207 |
} |
|
208 |
|
|
209 |
figure.img-droite { |
|
210 |
float: right; |
|
211 |
margin: 0 0 0.5em 1.5em; |
|
212 |
} |
|
213 |
|
|
214 |
figure figcaption { |
|
215 |
margin-bottom: 1em; |
|
216 |
} |
|
217 |
|
|
218 |
/*** Tableaux */ |
|
219 |
table { |
|
220 |
width: 100% !important; |
|
221 |
margin-bottom: 30px; |
|
222 |
border: none; |
|
223 |
border-bottom: 1px solid #dadada; |
|
224 |
table-layout: inherit; |
|
225 |
} |
|
226 |
|
|
227 |
table caption { |
|
228 |
padding: 0.7em 0; |
|
229 |
color: #34567c; |
|
230 |
font-weight: 700; |
|
231 |
text-align: left; |
|
232 |
} |
|
233 |
|
|
234 |
table th, table tr, table td { |
|
235 |
padding: 0.7em; |
|
236 |
color: #828282; |
|
237 |
border: none; |
|
238 |
vertical-align: top; |
|
239 |
} |
|
240 |
|
|
241 |
table tr { |
|
242 |
background-color: #EEE; |
|
243 |
} |
|
244 |
|
|
245 |
table tr:nth-child(odd) { |
|
246 |
background-color: #FFF; |
|
247 |
} |
|
248 |
|
|
249 |
table td:last-child { |
|
250 |
border-right: none; |
|
251 |
} |
|
252 |
|
|
253 |
table thead th { |
|
254 |
background-color: #34567c; |
|
255 |
color: #FFF; |
|
256 |
} |
|
257 |
|
|
258 |
table thead th:last-child { |
|
259 |
border: none; |
|
260 |
} |
|
261 |
|
|
262 |
table tbody { |
|
263 |
border: none; |
|
264 |
} |
|
265 |
|
|
266 |
table tbody th { |
|
267 |
background-color: #dadada; |
|
268 |
color: #34567c; |
|
269 |
/*border-bottom:1px solid $gray-lighter;*/ |
|
270 |
} |
|
271 |
|
|
272 |
table tfoot { |
|
273 |
font-style: italic; |
|
274 |
} |
|
275 |
|
|
276 |
table tr:hover td { |
|
277 |
background-color: #dadada !important; |
|
278 |
} |
|
279 |
|
|
280 |
/*** Citations, code et poesie */ |
|
281 |
q { |
|
282 |
font-style: italic; |
|
283 |
} |
|
284 |
|
|
285 |
blockquote { |
|
286 |
position: relative; |
|
287 |
padding-left: 110px; |
|
288 |
margin: 30px 0; |
|
289 |
font-size: 1.5em; |
|
290 |
font-style: italic; |
|
291 |
font-weight: bold; |
|
292 |
} |
|
293 |
|
|
294 |
blockquote:before { |
|
295 |
position: absolute; |
|
296 |
top: 35px; |
|
297 |
left: 0; |
|
298 |
font-size: 3em; |
|
299 |
color: #34567c; |
|
300 |
} |
|
301 |
|
|
302 |
blockquote p { |
|
303 |
margin: 0; |
|
304 |
line-height: 1.2; |
|
305 |
} |
|
306 |
|
|
307 |
q { |
|
308 |
quotes: '"' '"' "'" "'"; |
|
309 |
} |
|
310 |
|
|
311 |
:lang(fr) q { |
|
312 |
quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D" "\2018" "\2019"; |
|
313 |
} |
|
314 |
|
|
315 |
:lang(en) q { |
|
316 |
quotes: "\201C" "\201D" "\2018" "\2019"; |
|
317 |
} |
|
318 |
|
|
319 |
:lang(es) q { |
|
320 |
quotes: "\00AB" "\00BB" "\201C" "\201D"; |
|
321 |
} |
|
322 |
|
|
323 |
:lang(it) q { |
|
324 |
quotes: "\00AB\A0" "\A0\00BB" "\201C" "\201D"; |
|
325 |
} |
|
326 |
|
|
327 |
:lang(de) q { |
|
328 |
quotes: "\00BB" "\00AB" ">" "<"; |
|
329 |
} |
|
330 |
|
|
331 |
:lang(no) q { |
|
332 |
quotes: "\00AB\A0" "\A0\00BB" "<" ">"; |
|
333 |
} |
|
334 |
|
|
335 |
q:before { |
|
336 |
content: open-quote; |
|
337 |
} |
|
338 |
|
|
339 |
q:after { |
|
340 |
content: close-quote; |
|
341 |
} |
|
342 |
|
|
343 |
address { |
|
344 |
font-style: italic; |
|
345 |
} |
|
346 |
|
|
347 |
pre { |
|
348 |
margin: 1em 0; |
|
349 |
/* Cf.: http://perishablepress.com/press/2010/06/01/wrapping-content/ / |
|
350 |
white-space: pre; /* CSS 2.0 */ |
|
351 |
white-space: pre-wrap; |
|
352 |
/* CSS 2.1 */ |
|
353 |
white-space: pre-line; |
|
354 |
/* CSS 3.0 */ |
|
355 |
white-space: -pre-wrap; |
|
356 |
/* Opera 4-6 */ |
|
357 |
white-space: -o-pre-wrap; |
|
358 |
/* Opera 7 */ |
|
359 |
white-space: -moz-pre-wrap; |
|
360 |
/* Mozilla */ |
|
361 |
white-space: -hp-pre-wrap; |
|
362 |
/* HP Printers */ |
|
363 |
word-wrap: break-word; |
|
364 |
/* IE 5+ */ |
|
365 |
} |
|
366 |
|
|
367 |
kbd { |
|
368 |
background-color: #616161; |
|
369 |
color: #fff; |
|
370 |
} |
|
371 |
|
|
372 |
samp { |
|
373 |
font-weight: bold; |
|
374 |
} |
|
375 |
|
|
376 |
var { |
|
377 |
font-weight: 700; |
|
378 |
} |
|
379 |
|
|
380 |
/*** Paragraphes */ |
|
381 |
p { |
|
382 |
font-size: 1em; |
|
383 |
line-height: 1.5em; |
|
384 |
margin: 0 0 1.3em 0; |
|
385 |
} |
|
386 |
|
|
387 |
.highlight { |
|
388 |
padding: 0.5em 1em; |
|
389 |
margin-bottom: 1em; |
|
390 |
border: 1px solid #dadada; |
|
391 |
} |
|
392 |
|
|
393 |
/** |
|
394 |
* Print styles from HTML5 Boilerplate |
|
395 |
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ |
|
396 |
*/ |
|
397 |
@media print { |
|
398 |
pre, blockquote { |
|
399 |
page-break-inside: avoid; |
|
400 |
} |
|
401 |
thead { |
|
402 |
display: table-header-group; |
|
403 |
} |
|
404 |
/* css-discuss.incutio.com/wiki/Printing_Tables */ |
|
405 |
tr, img { |
|
406 |
page-break-inside: avoid; |
|
407 |
} |
|
408 |
@page { |
|
409 |
margin: 0.5cm; |
|
410 |
} |
|
411 |
p, h2, h3 { |
|
412 |
orphans: 3; |
|
413 |
widows: 3; |
|
414 |
} |
|
415 |
h2, h3 { |
|
416 |
page-break-after: avoid; |
|
417 |
} |
|
418 |
} |
|
419 |
|
|
420 |
/** Description: Style des liens */ |
|
421 |
a, |
|
422 |
a:link { |
|
423 |
color: #34567c; |
|
424 |
} |
|
425 |
|
|
426 |
/* Même couleur que le texte */ |
|
427 |
a { |
|
428 |
color: #34567c; |
|
429 |
text-decoration: underline; |
|
430 |
} |
|
431 |
|
|
432 |
a:hover, a:focus { |
|
433 |
color: #363f46; |
|
434 |
text-decoration: underline; |
|
435 |
} |
|
436 |
|
|
437 |
@media print { |
|
438 |
a, |
|
439 |
a:visited { |
|
440 |
color: #666; |
|
441 |
text-decoration: underline; |
|
442 |
} |
|
443 |
.ir a:after, |
|
444 |
a[href^="javascript:"]:after, |
|
445 |
a[href^="#"]:after { |
|
446 |
content: ""; |
|
447 |
} |
|
448 |
/* Don't show links for images, or javascript/internal links */ |
|
449 |
} |
|
450 |
|
|
451 |
.icon { |
|
452 |
display: inline-block; |
|
453 |
background-repeat: no-repeat; |
|
454 |
background-position: left 0; |
|
455 |
} |
|
456 |
|
|
457 |
/* Liens externes */ |
|
458 |
.icon-external-link { |
|
459 |
width: 10px; |
|
460 |
height: 12px; |
|
461 |
padding-left: 3px; |
|
462 |
background-image: url("img/ico-link-external.png"); |
|
463 |
background-position: 3px 0.2em; |
|
464 |
} |
|
465 |
|
|
466 |
/* Liens courriel */ |
|
467 |
.icon-mail { |
|
468 |
width: 13px; |
|
469 |
height: 9px; |
|
470 |
background-image: url("img/ico-mailto.png"); |
|
471 |
} |
|
472 |
|
|
473 |
/* Documents à telecharger */ |
|
474 |
.icon-download { |
|
475 |
width: 10px; |
|
476 |
height: 9px; |
|
477 |
background-image: url("img/ico-download.png"); |
|
478 |
} |
|
479 |
|
|
480 |
.nav-skip { |
|
481 |
margin: 0; |
|
482 |
padding: 0; |
|
483 |
background: #fff; |
|
484 |
} |
|
485 |
|
|
486 |
.nav-skip .container { |
|
487 |
position: relative; |
|
488 |
margin: 0 auto; |
|
489 |
} |
|
490 |
|
|
491 |
.nav-skip ul { |
|
492 |
margin: 0; |
|
493 |
padding: 0; |
|
494 |
} |
|
495 |
|
|
496 |
.nav-skip li { |
|
497 |
list-style-type: none; |
|
498 |
display: inline-block; |
|
499 |
margin: 0; |
|
500 |
padding: 0; |
|
501 |
} |
|
502 |
|
|
503 |
.nav-skip a { |
|
504 |
position: absolute; |
|
505 |
left: -7000px; |
|
506 |
z-index: 1000; |
|
507 |
padding: 0; |
|
508 |
color: #363f46; |
|
509 |
text-decoration: none; |
|
510 |
} |
|
511 |
|
|
512 |
.nav-skip a:focus { |
|
513 |
position: absolute; |
|
514 |
top: 0.2em; |
|
515 |
left: 0; |
|
516 |
} |
|
517 |
|
|
518 |
.skip-link-nav { |
|
519 |
display: none; |
|
520 |
} |
|
521 |
|
|
522 |
.no-js .nav-skip .container { |
|
523 |
height: 2em; |
|
524 |
padding-top: 0.2em; |
|
525 |
} |
|
526 |
|
|
527 |
.no-js .nav-skip li { |
|
528 |
display: inline-block; |
|
529 |
padding-right: 1em; |
|
530 |
} |
|
531 |
|
|
532 |
.no-js .nav-skip a { |
|
533 |
position: static; |
|
534 |
} |
|
535 |
|
|
536 |
.no-js .nav-skip a:focus, |
|
537 |
.no-js .nav-skip a:hover { |
|
538 |
text-decoration: underline; |
|
539 |
} |
|
540 |
|
|
541 |
div#rub_consultation h2, |
|
542 |
div#rub_service h2, |
|
543 |
div#rub_annonce h2, |
|
544 |
div#rub_agenda h2, |
|
545 |
div#profile h2, |
|
546 |
div#services-2nd h3, |
|
547 |
div#member h2, |
|
548 |
div#help h2, |
|
549 |
div#info h2, |
|
550 |
div#accessibility h2, |
|
551 |
div#contact h2, |
|
552 |
div#gauche h3, |
|
553 |
div.large div#rub_service h3, |
|
554 |
div#centre h3 { |
|
555 |
padding: 0; |
|
556 |
border: none; |
|
557 |
margin: 0.5em 0 0.5em; |
|
558 |
line-height: 1.3; |
|
559 |
color: #34567c; |
|
560 |
font-family: "robotoslab_bold", Arial, sans-serif; |
|
561 |
font-size: 2.14286em; |
|
562 |
font-weight: normal; |
|
563 |
text-transform: uppercase; |
|
564 |
text-align: left; |
|
565 |
} |
|
566 |
|
|
567 |
div#rub_consultation h2.title_form, |
|
568 |
div#rub_service h2.title_form, |
|
569 |
div#rub_annonce h2.title_form, |
|
570 |
div#rub_agenda h2.title_form, |
|
571 |
div#profile h2.title_form, |
|
572 |
div#services-2nd h3.title_form, |
|
573 |
div#member h2.title_form, |
|
574 |
div#help h2.title_form, |
|
575 |
div#info h2.title_form, |
|
576 |
div#accessibility h2.title_form, |
|
577 |
div#contact h2.title_form, |
|
578 |
div#gauche h3.title_form, |
|
579 |
div.large div#rub_service h3.title_form, |
|
580 |
div#centre h3.title_form { |
|
581 |
margin: 0; |
|
582 |
background-color: #f2f2f2; |
|
583 |
font-size: 1.42857em; |
|
584 |
font-style: normal; |
|
585 |
font-family: "robotoslab_regular", Arial, sans-serif; |
|
586 |
color: #34567c; |
|
587 |
padding: 0.5em 1em; |
|
588 |
text-transform: none; |
|
589 |
} |
|
590 |
|
|
591 |
div#rub_service form { |
|
592 |
padding: 0; |
|
593 |
} |
|
594 |
|
|
595 |
form div.page { |
|
596 |
padding: 0; |
|
597 |
margin: 0; |
|
598 |
border: none; |
|
599 |
} |
|
600 |
|
|
601 |
div#rub_service div.dataview { |
|
602 |
margin: 0; |
|
603 |
padding: 0; |
|
604 |
border-bottom: 1px solid #f2f2f2; |
|
605 |
} |
|
606 |
|
|
607 |
div#rub_service div.dataview div.page { |
|
608 |
border: 1px solid #f2f2f2; |
|
609 |
border-top: none; |
|
610 |
border-bottom: none; |
|
611 |
padding: 0; |
|
612 |
margin: 0; |
|
613 |
} |
|
614 |
|
|
615 |
div#rub_service div.dataview div.page:last-child { |
|
616 |
padding-bottom: 1em; |
|
617 |
} |
|
618 |
|
|
619 |
div#rub_service div.dataview div.field { |
|
620 |
padding: 1em; |
|
621 |
margin: 0; |
|
622 |
} |
|
623 |
|
|
624 |
div#rub_service div.dataview span.label { |
|
625 |
display: inline-block; |
|
626 |
margin: 0; |
|
627 |
vertical-align: top; |
|
628 |
width: 45%; |
|
629 |
margin-right: 4%; |
|
630 |
font-weight: normal; |
|
631 |
text-align: right; |
|
632 |
} |
|
633 |
|
|
634 |
div#rub_service div.dataview .value { |
|
635 |
display: inline-block; |
|
636 |
margin: 0; |
|
637 |
vertical-align: top; |
|
638 |
width: 49%; |
|
639 |
text-align: left; |
|
640 |
font-family: "robotoslab_bold", Arial, sans-serif; |
|
641 |
} |
|
642 |
|
|
643 |
.bo-block { |
|
644 |
margin: 1em 0; |
|
645 |
} |
|
646 |
|
|
647 |
.bo-block + form.quixote { |
|
648 |
border-top: 1px solid #f2f2f2; |
|
649 |
} |
|
650 |
|
|
651 |
#main-content ul#evolutions li { |
|
652 |
background-position: 0 0.9em; |
|
653 |
} |
|
654 |
|
|
655 |
label { |
|
656 |
font-weight: normal; |
|
657 |
} |
|
658 |
|
|
659 |
input[type="text"], |
|
660 |
input[type="email"], |
|
661 |
input[type="password"], |
|
662 |
input[type="number"], |
|
663 |
input[type="tel"], |
|
664 |
input[type="date"], |
|
665 |
select, |
|
666 |
textarea { |
|
667 |
width: 100%; |
|
668 |
z-index: 10; |
|
669 |
position: relative; |
|
670 |
font-family: "robotoslab_regular", Arial, sans-serif; |
|
671 |
} |
|
672 |
|
|
673 |
.widget fieldset { |
|
674 |
padding: 0; |
|
675 |
margin: 0; |
|
676 |
border: none; |
|
677 |
} |
|
678 |
|
|
679 |
.title_form { |
|
680 |
margin: 0; |
|
681 |
background-color: #f2f2f2; |
|
682 |
font-size: 1.42857em; |
|
683 |
font-style: normal; |
|
684 |
font-family: "robotoslab_regular", Arial, sans-serif; |
|
685 |
color: #34567c; |
|
686 |
padding: 0.5em 1em; |
|
687 |
text-transform: none; |
|
688 |
} |
|
689 |
|
|
690 |
.ss-title_form { |
|
691 |
border-left: 1px solid #f2f2f2; |
|
692 |
border-right: 1px solid #f2f2f2; |
|
693 |
padding: 0.75em 1em 0.5em; |
|
694 |
margin: 0; |
|
695 |
} |
|
696 |
|
|
697 |
div[id^="rub"] form.quixote.formulaire .title { |
|
698 |
margin-bottom: .75em; |
|
699 |
color: #363f46; |
|
700 |
font-size: 1.57143em; |
|
701 |
font-weight: normal; |
|
702 |
} |
|
703 |
|
|
704 |
div[id^="rub"] form.quixote.formulaire .title label { |
|
705 |
color: #363f46; |
|
706 |
font-size: 22px; |
|
707 |
} |
|
708 |
|
|
709 |
div[id^="rub"] form.quixote.formulaire .widget { |
|
710 |
border: none; |
|
711 |
padding: 0 0 1em; |
|
712 |
} |
|
713 |
|
|
714 |
div[id^="rub"] form.quixote.formulaire div.SingleSelectHintWidget .title label { |
|
715 |
padding-bottom: 0; |
|
716 |
color: #34567c; |
|
717 |
font-size: 16px; |
|
718 |
} |
|
719 |
|
|
720 |
div[id^="rub"] form.quixote .title { |
|
721 |
color: #34567c; |
|
722 |
font-size: 1em; |
|
723 |
} |
|
724 |
|
|
725 |
div[id^="rub"] form.quixote .title label { |
|
726 |
font-size: 1em; |
|
727 |
} |
|
728 |
|
|
729 |
div[id^="rub"] form.quixote .widget { |
|
730 |
border-left: 1px solid #f2f2f2; |
|
731 |
border-right: 1px solid #f2f2f2; |
|
732 |
padding: 1em; |
|
733 |
} |
|
734 |
|
|
735 |
div[id^="rub"] form.quixote .content .widget { |
|
736 |
border: none; |
|
737 |
padding: 0; |
|
738 |
} |
|
739 |
|
|
740 |
div[id^="rub"] form.quixote div.buttons { |
|
741 |
border-top: 1px solid #f2f2f2; |
|
742 |
} |
|
743 |
|
|
744 |
div[id^="rub"] div.RadiobuttonsWidget, |
|
745 |
div[id^="rub"] div.WcsExtraStringWidget, |
|
746 |
div[id^="rub"] div.SingleSelectHintWidget, |
|
747 |
div[id^="rub"] div.EmailWidget, |
|
748 |
div[id^="rub"] div.FileWithPreviewAndStrongboxWidget { |
|
749 |
position: relative; |
|
750 |
padding: 0.5em 0 0.75em; |
|
751 |
} |
|
752 |
|
|
753 |
div[id^="rub"] div.RadiobuttonsWidget { |
|
754 |
color: #34567c; |
|
755 |
} |
|
756 |
|
|
757 |
div[id^="rub"] div.RadiobuttonsWidget .title, |
|
758 |
div[id^="rub"] div.RadiobuttonsWidget .content { |
|
759 |
display: block; |
|
760 |
} |
|
761 |
|
|
762 |
div[id^="rub"] div.FileWithPreviewAndStrongboxWidget .title, |
|
763 |
div[id^="rub"] div.FileWithPreviewAndStrongboxWidget .content { |
|
764 |
display: inline-block; |
|
765 |
vertical-align: top; |
|
766 |
} |
|
767 |
|
|
768 |
div[id^="rub"] div.FileWithPreviewAndStrongboxWidget .title { |
|
769 |
margin-right: 2%; |
|
770 |
font-weight: normal; |
|
771 |
} |
|
772 |
|
|
773 |
div[id^="rub"] div.FileWithPreviewAndStrongboxWidget p { |
|
774 |
margin: .5em 0 0; |
|
775 |
} |
|
776 |
|
|
777 |
div[id^="rub"] div.FileWithPreviewAndStrongboxWidget + div.FileWithPreviewAndStrongboxWidget:before { |
|
778 |
margin-bottom: 1em; |
|
779 |
display: block; |
|
780 |
content: ""; |
|
781 |
border-bottom: 1px solid #f2f2f2; |
|
782 |
} |
|
783 |
|
|
784 |
.required { |
|
785 |
color: #34567c; |
|
786 |
} |
|
787 |
|
|
788 |
.help { |
|
789 |
padding: .5em; |
|
790 |
margin: .5em 0; |
|
791 |
background-color: #f2f2f2; |
|
792 |
font-size: 12px; |
|
793 |
border-radius: 5px; |
|
794 |
} |
|
795 |
|
|
796 |
.info { |
|
797 |
font-size: 12px; |
|
798 |
} |
|
799 |
|
|
800 |
div.widget { |
|
801 |
margin-bottom: 0; |
|
802 |
} |
|
803 |
|
|
804 |
div.widget div.title { |
|
805 |
color: #363f46; |
|
806 |
font-weight: normal; |
|
807 |
} |
|
808 |
|
|
809 |
div.CheckboxesWidget .content |
|
810 |
div.RadiobuttonsWidget .content label { |
|
811 |
margin-right: .5em; |
|
812 |
} |
|
813 |
|
|
814 |
div.DateWidget input, |
|
815 |
div.EmailWidget input, |
|
816 |
div.StringWidget input, |
|
817 |
div.PasswordWidget input, |
|
818 |
div.WcsExtraStringWidget input, |
|
819 |
div.TextWidget textarea, |
|
820 |
div.SingleSelectHintWidget select { |
|
821 |
border-color: #dadada; |
|
822 |
border-radius: 5px; |
|
823 |
padding: 8px; |
|
824 |
} |
|
825 |
|
|
826 |
div[id^="rub"] div.buttons, |
|
827 |
div.buttons { |
|
828 |
padding-top: 2em; |
|
829 |
margin: 0; |
|
830 |
} |
|
831 |
|
|
832 |
div[id^="rub"] div.buttons:before, |
|
833 |
div[id^="rub"] div.buttons:after, |
|
834 |
div.buttons:before, |
|
835 |
div.buttons:after { |
|
836 |
content: " "; |
|
837 |
display: table; |
|
838 |
} |
|
839 |
|
|
840 |
div[id^="rub"] div.buttons:after, |
|
841 |
div.buttons:after { |
|
842 |
clear: both; |
|
843 |
} |
|
844 |
|
|
845 |
div[id^="rub"] div.buttons button, |
|
846 |
div.buttons button, |
|
847 |
div[id^="rub"] div.buttons input, |
|
848 |
div.buttons input { |
|
849 |
font-family: "robotoslab_regular", Arial, sans-serif; |
|
850 |
margin: 0; |
|
851 |
border: 1px solid #34567c; |
|
852 |
background-color: #FFF; |
|
853 |
border-radius: 5px; |
|
854 |
color: #34567c; |
|
855 |
padding: 0.5em 1.5em; |
|
856 |
height: auto; |
|
857 |
font-weight: normal; |
|
858 |
font-size: 1em; |
|
859 |
} |
|
860 |
|
|
861 |
div[id^="rub"] div.buttons button:hover, |
|
862 |
div[id^="rub"] div.buttons button:focus, |
|
863 |
div.buttons button:hover, |
|
864 |
div.buttons button:focus, |
|
865 |
div[id^="rub"] div.buttons input:hover, |
|
866 |
div[id^="rub"] div.buttons input:focus, |
|
867 |
div.buttons input:hover, |
|
868 |
div.buttons input:focus { |
|
869 |
background-color: #34567c; |
|
870 |
color: #FFF; |
|
871 |
border: 1px solid #34567c; |
|
872 |
box-shadow: none; |
|
873 |
} |
|
874 |
|
|
875 |
div[id^="rub"] div.buttons button[name="submit"], |
|
876 |
div.buttons button[name="submit"], |
|
877 |
div[id^="rub"] div.buttons input[type="submit"][name="submit"], |
|
878 |
div.buttons input[type="submit"][name="submit"] { |
|
879 |
font-weight: normal; |
|
880 |
box-shadow: none; |
|
881 |
} |
|
882 |
|
|
883 |
div[id^="rub"] div.buttons div.SubmitWidget, |
|
884 |
div.buttons div.SubmitWidget { |
|
885 |
border: none; |
|
886 |
padding: 0; |
|
887 |
} |
|
888 |
|
|
889 |
div[id^="rub"] div.buttons div.submit-button, |
|
890 |
div.buttons div.submit-button { |
|
891 |
float: right; |
|
892 |
} |
|
893 |
|
|
894 |
div[id^="rub"] div.buttons div.submit-button button, |
|
895 |
div.buttons div.submit-button button, |
|
896 |
div[id^="rub"] div.buttons div.submit-button input, |
|
897 |
div.buttons div.submit-button input { |
|
898 |
color: #FFF; |
|
899 |
text-transform: uppercase; |
|
900 |
background-color: #34567c; |
|
901 |
background-image: url("img/chevron_white.png"); |
|
902 |
background-repeat: no-repeat; |
|
903 |
background-position: 6.4em center; |
|
904 |
} |
|
905 |
|
|
906 |
div[id^="rub"] div.buttons div.submit-button button:hover, |
|
907 |
div[id^="rub"] div.buttons div.submit-button button:focus, |
|
908 |
div.buttons div.submit-button button:hover, |
|
909 |
div.buttons div.submit-button button:focus, |
|
910 |
div[id^="rub"] div.buttons div.submit-button input:hover, |
|
911 |
div[id^="rub"] div.buttons div.submit-button input:focus, |
|
912 |
div.buttons div.submit-button input:hover, |
|
913 |
div.buttons div.submit-button input:focus { |
|
914 |
background-color: #FFF; |
|
915 |
color: #34567c; |
|
916 |
} |
|
917 |
|
|
918 |
div[id^="rub"] div.buttons div.previous-button, |
|
919 |
div.buttons div.previous-button { |
|
920 |
margin-right: 2em; |
|
921 |
} |
|
922 |
|
|
923 |
div[id^="rub"] div.buttons div.previous-button button, |
|
924 |
div.buttons div.previous-button button, |
|
925 |
div[id^="rub"] div.buttons div.previous-button input, |
|
926 |
div.buttons div.previous-button input { |
|
927 |
background-image: url("img/chevron-back.png"); |
|
928 |
background-repeat: no-repeat; |
|
929 |
background-position: 5px center; |
|
930 |
} |
|
931 |
|
|
932 |
div.validenotice, |
|
933 |
div#receipt-intro { |
|
934 |
padding: 1.5em 2em 1.5em 4em; |
|
935 |
margin: 2em 0; |
|
936 |
background: #deedd6 url("img/picto-valid.png") no-repeat 0.75em center; |
|
937 |
color: #2e742e; |
|
938 |
border: none; |
|
939 |
} |
|
940 |
|
|
941 |
div.errornotice { |
|
942 |
padding: 1.5em 2em 1.5em 4em; |
|
943 |
margin: 2em 0; |
|
944 |
background: #f1ddde url("img/picto-alert.png") no-repeat 0.75em center; |
|
945 |
color: #c22222; |
|
946 |
border: none; |
|
947 |
} |
|
948 |
|
|
949 |
div.error { |
|
950 |
padding: 0; |
|
951 |
margin: 0; |
|
952 |
background: none; |
|
953 |
color: #c22222; |
|
954 |
font-weight: normal; |
|
955 |
} |
|
956 |
|
|
957 |
div.error:before { |
|
958 |
position: absolute; |
|
959 |
background: rgba(194, 34, 34, 0.1); |
|
960 |
display: block; |
|
961 |
top: 0; |
|
962 |
bottom: 0; |
|
963 |
right: 0; |
|
964 |
left: 0; |
|
965 |
width: 100%; |
|
966 |
height: 100%; |
|
967 |
content: ""; |
|
968 |
z-index: 1; |
|
969 |
border: 5px solid #FFF; |
|
970 |
} |
|
971 |
|
|
972 |
.sr-only, |
|
973 |
.visually-hidden { |
|
974 |
position: absolute !important; |
|
975 |
clip: rect(1px 1px 1px 1px); |
|
976 |
/* IE6, IE7 */ |
|
977 |
clip: rect(1px, 1px, 1px, 1px); |
|
978 |
padding: 0 !important; |
|
979 |
border: 0 !important; |
|
980 |
height: 1px !important; |
|
981 |
width: 1px !important; |
|
982 |
overflow: hidden; |
|
983 |
} |
|
984 |
|
|
985 |
html { |
|
986 |
background: none; |
|
987 |
} |
|
988 |
|
|
989 |
body { |
|
990 |
background: none; |
|
991 |
font-size: 14px; |
|
992 |
font-family: "robotoslab_regular", Arial, sans-serif; |
|
993 |
color: #363f46; |
|
994 |
} |
|
995 |
|
|
996 |
.container { |
|
997 |
max-width: 1225px; |
|
998 |
} |
|
999 |
|
|
1000 |
div#page { |
|
1001 |
max-width: 1225px; |
|
1002 |
background: none; |
|
1003 |
} |
|
1004 |
|
|
1005 |
div#member, |
|
1006 |
div#new_member, |
|
1007 |
div#accessibility, |
|
1008 |
div#contact, |
|
1009 |
div#info, |
|
1010 |
div#help, |
|
1011 |
div#rub_agenda, |
|
1012 |
div#rub_annonce, |
|
1013 |
div#rub_consultation, |
|
1014 |
div#rub_service, |
|
1015 |
div#gauche + div#rub_service, |
|
1016 |
div#centre, div#profile { |
|
1017 |
float: none; |
|
1018 |
width: 100%; |
|
1019 |
} |
|
1020 |
|
|
1021 |
.btn-back { |
|
1022 |
clear: both; |
|
1023 |
} |
|
1024 |
|
|
1025 |
.btn-back a { |
|
1026 |
display: inline-block; |
|
1027 |
font-family: "robotoslab_regular", Arial, sans-serif; |
|
1028 |
margin: 1em 0 0; |
|
1029 |
border: 1px solid #34567c; |
|
1030 |
background: #FFF url("img/chevron-back.png") no-repeat 5px center; |
|
1031 |
border-radius: 5px; |
|
1032 |
color: #34567c; |
|
1033 |
padding: 0.5em 1.5em; |
|
1034 |
height: auto; |
|
1035 |
font-weight: normal; |
|
1036 |
font-size: 1em; |
|
1037 |
text-decoration: none; |
|
1038 |
} |
|
1039 |
|
|
1040 |
.btn-back a:hover, .btn-back a:focus { |
|
1041 |
background-color: #34567c; |
|
1042 |
color: #FFF; |
|
1043 |
} |
|
1044 |
|
|
1045 |
div#gauche { |
|
1046 |
float: none; |
|
1047 |
width: 100%; |
|
1048 |
} |
|
1049 |
|
|
1050 |
div#gauche div#side li { |
|
1051 |
display: inline-block; |
|
1052 |
} |
|
1053 |
|
|
1054 |
div#header { |
|
1055 |
background: url("img/bg-header.png") no-repeat top left; |
|
1056 |
} |
|
1057 |
|
|
1058 |
div#top { |
|
1059 |
position: relative; |
|
1060 |
padding-top: 1.2em; |
|
1061 |
} |
|
1062 |
|
|
1063 |
div#top .logo-rf { |
|
1064 |
display: inline-block; |
|
1065 |
width: auto; |
|
1066 |
margin: 0 1.2em 0 2em; |
|
1067 |
vertical-align: middle; |
|
1068 |
} |
|
1069 |
|
|
1070 |
div#top h1 { |
|
1071 |
display: inline-block; |
|
1072 |
padding: 0; |
|
1073 |
margin: 0; |
|
1074 |
font-size: 100%; |
|
1075 |
font-family: "robotoslab_light", Arial, sans-serif; |
|
1076 |
line-height: 1; |
|
1077 |
text-transform: none; |
|
1078 |
vertical-align: middle; |
|
1079 |
} |
|
1080 |
|
|
1081 |
div#top h1 a { |
|
1082 |
color: #34567c; |
|
1083 |
text-decoration: none; |
|
1084 |
} |
|
1085 |
|
|
1086 |
div#top h1 .tt1 { |
|
1087 |
font-size: 1.85714em; |
|
1088 |
} |
|
1089 |
|
|
1090 |
div#top h1 .tt2 { |
|
1091 |
display: block; |
|
1092 |
font-family: "robotoslab_bold", Arial, sans-serif; |
|
1093 |
font-size: 3.14286em; |
|
1094 |
} |
|
1095 |
|
|
1096 |
div#toplinks { |
|
1097 |
background: none; |
|
1098 |
} |
|
1099 |
|
|
1100 |
div#main-content { |
|
1101 |
width: 815px; |
|
1102 |
margin: 45px auto; |
|
1103 |
} |
|
1104 |
|
|
1105 |
.nav-up { |
|
1106 |
clear: both; |
|
1107 |
display: block; |
|
1108 |
border-top: 1px solid #dadada; |
|
1109 |
margin-top: 2em; |
|
1110 |
margin-bottom: 1em; |
|
1111 |
text-align: right; |
|
1112 |
padding-top: 1.5em; |
|
1113 |
} |
|
1114 |
|
|
1115 |
.nav-up a { |
|
1116 |
position: relative; |
|
1117 |
color: #363f46; |
|
1118 |
text-decoration: none; |
|
1119 |
background: url("img/ico-arrow-top.png") no-repeat center right; |
|
1120 |
padding-right: 25px; |
|
1121 |
} |
|
1122 |
|
|
1123 |
.nav-up a span { |
|
1124 |
text-decoration: underline; |
|
1125 |
} |
|
1126 |
|
|
1127 |
.nav-up a:hover, .nav-up a:focus { |
|
1128 |
color: #34567c; |
|
1129 |
} |
|
1130 |
|
|
1131 |
div#footer-wrapper { |
|
1132 |
min-height: auto; |
|
1133 |
background: none; |
|
1134 |
color: #FFF; |
|
1135 |
text-align: center; |
|
1136 |
} |
|
1137 |
|
|
1138 |
div#footer-wrapper a { |
|
1139 |
color: #FFF; |
|
1140 |
} |
|
1141 |
|
|
1142 |
div#footer { |
|
1143 |
max-width: 1225px; |
|
1144 |
padding-top: 10px; |
|
1145 |
padding-bottom: 10px; |
|
1146 |
background: #34567c; |
|
1147 |
} |
|
1148 |
|
|
1149 |
div#footer p { |
|
1150 |
margin-bottom: 0; |
|
1151 |
} |
|
1152 |
|
|
1153 |
@media (max-width: 768px) { |
|
1154 |
div#rub_consultation h2.title_form, |
|
1155 |
div#rub_service h2.title_form, |
|
1156 |
div#rub_annonce h2.title_form, |
|
1157 |
div#rub_agenda h2.title_form, |
|
1158 |
div#profile h2.title_form, |
|
1159 |
div#services-2nd h3.title_form, |
|
1160 |
div#member h2.title_form, |
|
1161 |
div#help h2.title_form, |
|
1162 |
div#info h2.title_form, |
|
1163 |
div#accessibility h2.title_form, |
|
1164 |
div#contact h2.title_form, |
|
1165 |
div#gauche h3.title_form, |
|
1166 |
div.large div#rub_service h3.title_form, |
|
1167 |
div#centre h3.title_form { |
|
1168 |
font-size: 1.14286em; |
|
1169 |
} |
|
1170 |
div[id^="rub"] form.quixote.formulaire .title { |
|
1171 |
font-size: 1.14286em; |
|
1172 |
} |
|
1173 |
div[id^="rub"] form.quixote.formulaire .title label { |
|
1174 |
font-size: 16px; |
|
1175 |
} |
|
1176 |
div#top { |
|
1177 |
font-size: 0.7em; |
|
1178 |
} |
|
1179 |
div#top h1 { |
|
1180 |
width: 70%; |
|
1181 |
vertical-align: top; |
|
1182 |
} |
|
1183 |
div#top .logo-rf { |
|
1184 |
max-width: 20%; |
|
1185 |
vertical-align: top; |
|
1186 |
} |
|
1187 |
div#steps { |
|
1188 |
position: static; |
|
1189 |
width: 100%; |
|
1190 |
font-size: 0.6em; |
|
1191 |
} |
|
1192 |
div#main-content { |
|
1193 |
width: auto; |
|
1194 |
padding: 0 1em; |
|
1195 |
} |
|
1196 |
div[id^="rub"] div.buttons div.SubmitWidget { |
|
1197 |
font-size: 0.8em; |
|
1198 |
} |
|
1199 |
div[id^="rub"] div.buttons div.previous-button { |
|
1200 |
margin-right: .5em; |
|
1201 |
} |
|
1202 |
} |
|
1203 |
|
|
1204 |
@media (max-width: 480px) { |
|
1205 |
div#top { |
|
1206 |
font-size: 0.5em; |
|
1207 |
} |
|
1208 |
div#header { |
|
1209 |
height: auto; |
|
1210 |
padding-bottom: 1em; |
|
1211 |
} |
|
1212 |
div#rub_service div.dataview span.label, |
|
1213 |
div#rub_service div.dataview .value { |
|
1214 |
display: block; |
|
1215 |
width: 100%; |
|
1216 |
text-align: left; |
|
1217 |
} |
|
1218 |
} |
static/minint/sass/_typo.scss | ||
---|---|---|
123 | 123 |
|
124 | 124 |
/*** Citations, code et poesie */ |
125 | 125 |
q { font-style: italic; } |
126 |
blockquote { position: relative; @extend .ico-blockquote; padding-left: 110px; margin: 30px 0; font-size: 1.5em; font-style: italic; font-weight: bold;
|
|
126 |
blockquote { position: relative; padding-left: 110px; margin: 30px 0; font-size: 1.5em; font-style: italic; font-weight: bold; |
|
127 | 127 |
&:before { position: absolute; top:35px; left: 0; font-size: 3em; color: $blue; } |
128 | 128 |
p { margin:0; line-height: 1.2;} |
129 | 129 |
} |
static/minint/style.scss | ||
---|---|---|
1 |
@charset "UTF-8"; |
|
2 | ||
3 |
@import '../includes/utils'; |
|
4 | ||
5 |
html, body { |
|
6 |
margin: 0; |
|
7 |
font-family: arial, sans-serif; |
|
8 |
font-size: 13px; |
|
9 |
height: 100%; } |
|
10 | ||
11 |
a { |
|
12 |
text-decoration: none; } |
|
13 | ||
14 |
a:hover { |
|
15 |
text-decoration: underline; } |
|
16 | ||
17 |
h1, h2, h3 { |
|
18 |
margin-top: 0; } |
|
19 | ||
20 |
div#single-title, #nav, |
|
21 |
#top, h2 { |
|
22 |
font-family: sans-serif; |
|
23 |
font-weight: normal; } |
|
24 | ||
25 |
h3, h4 { |
|
26 |
font-family: sans-serif; |
|
27 |
font-weight: normal; } |
|
28 | ||
29 |
a { |
|
30 |
-webkit-transition: all 200ms ease-out; |
|
31 |
-moz-transition: all 200ms ease-out; |
|
32 |
transition: all 200ms ease-out; } |
|
33 | ||
34 |
/* layout */ |
|
35 |
body { |
|
36 |
overflow-x: hidden; |
|
37 |
background: white; |
|
38 |
margin: 0 auto; } |
|
39 | ||
40 |
div#page { |
|
41 |
min-height: 100%; |
|
42 |
min-height: calc(100% - 75px); } |
|
43 | ||
44 |
div#footer, |
|
45 |
div#page { |
|
46 |
max-width: 1000px; |
|
47 |
margin: 0 auto; } |
|
48 | ||
49 |
div#header { |
|
50 |
background-color: #ffffff; |
|
51 |
width: 100%; |
|
52 |
margin: 0 0 0 0; |
|
53 |
position: relative; |
|
54 |
top: 0px; |
|
55 |
z-index: 0; } |
|
56 | ||
57 |
div#top { |
|
58 |
margin: 0 auto 0 auto; } |
|
59 | ||
60 |
div#top h1 { |
|
61 |
padding-top: 30px; |
|
62 |
margin-left: 20px; |
|
63 |
margin-bottom: 0; |
|
64 |
font-size: 200%; |
|
65 |
font-weight: normal; } |
|
66 | ||
67 |
div#top a img { |
|
68 |
border: 0; } |
|
69 | ||
70 |
div#main-content-wrapper { |
|
71 |
position: relative; |
|
72 |
z-index: 100; |
|
73 |
max-width: 1000px; |
|
74 |
margin: 0px auto 0px auto; } |
|
75 | ||
76 |
div#main-content { |
|
77 |
margin: 0; |
|
78 |
min-height: 300px; } |
|
79 | ||
80 |
div#footer-wrapper { |
|
81 |
background: #666; |
|
82 |
color: white; |
|
83 |
min-height: 60px; } |
|
84 | ||
85 |
div#footer { |
|
86 |
clear: both; |
|
87 |
padding: 0px; |
|
88 |
margin: 10px auto 0 auto; |
|
89 |
position: relative; } |
|
90 | ||
91 |
p#legal { |
|
92 |
font-size: small; |
|
93 |
color: #eee; |
|
94 |
margin: 0; |
|
95 |
margin-top: 5em; |
|
96 |
font-size: 70%; |
|
97 |
display: inline-block; |
|
98 |
padding-top: 5px; } |
|
99 | ||
100 |
#content { |
|
101 |
position: relative; |
|
102 |
margin: 0; |
|
103 |
color: #3a3a3a; } |
|
104 | ||
105 |
div#content a { |
|
106 |
color: #37a7da; } |
|
107 | ||
108 |
div#content a:hover { |
|
109 |
text-decoration: underline; } |
|
110 | ||
111 |
#menu { |
|
112 |
font-size: 130%; |
|
113 |
margin-top: -1px; } |
|
114 | ||
115 |
#menu ul { |
|
116 |
list-style: none; |
|
117 |
margin: 0; |
|
118 |
padding: 10px 0 32px 0; |
|
119 |
-webkit-border-top-right-radius: 5px; |
|
120 |
-moz-border-radius-topright: 5px; |
|
121 |
border-top-right-radius: 5px; } |
|
122 | ||
123 |
#menu li { |
|
124 |
display: inline; |
|
125 |
margin: 0px 10px 0 0; |
|
126 |
padding: 5px; |
|
127 |
background: #37a7da; |
|
128 |
border: 5px solid transparent; |
|
129 |
border-width: 2px 5px; |
|
130 |
-webkit-transition: all .2s ease-in-out; |
|
131 |
-moz-transition: all .2s ease-in-out; |
|
132 |
transition: all .2s ease-in-out; } |
|
133 | ||
134 |
#menu li a { |
|
135 |
color: white; |
|
136 |
text-transform: uppercase; |
|
137 |
white-space: pre; } |
|
138 | ||
139 |
#menu li:hover { |
|
140 |
background-color: #f4bc03; |
|
141 |
border-color: #f4bc03; } |
|
142 | ||
143 |
#menu li:hover a { |
|
144 |
text-decoration: none; } |
|
145 | ||
146 |
#menu li.selected, #menu li.ancestor { |
|
147 |
background: #515151; |
|
148 |
border-color: #515151; } |
|
149 | ||
150 |
#menu li.selected a { |
|
151 |
color: white; } |
|
152 | ||
153 |
#left { |
|
154 |
float: left; |
|
155 |
width: 49.5%; } |
|
156 | ||
157 |
#right { |
|
158 |
float: right; |
|
159 |
width: 49.5%; } |
|
160 | ||
161 |
br.clear { |
|
162 |
clear: both; } |
|
163 | ||
164 |
#error-404, #error-500, #content .block, #password-changed { |
|
165 |
background: white; |
|
166 |
font-size: 110%; |
|
167 |
margin-bottom: 1em; } |
|
168 | ||
169 |
#content .block h2 { |
|
170 |
background: transparent; |
|
171 |
font-weight: normal; |
|
172 |
color: white; |
|
173 |
padding: 6px 10px 6px 10px; |
|
174 |
color: #333; |
|
175 |
font-size: 130%; |
|
176 |
cursor: default; |
|
177 |
/* someday, perhaps, cursor: move */ } |
|
178 | ||
179 |
#content .block h2.feeds { |
|
180 |
background-image: url(Picto-Bulle.png); } |
|
181 | ||
182 |
#content .block h2.newsletters { |
|
183 |
background-image: url(Picto-coeur.png); } |
|
184 | ||
185 |
#content .block h3, |
|
186 |
#content .block p { |
|
187 |
margin: 1ex 10px; |
|
188 |
padding-bottom: 1px; } |
|
189 | ||
190 |
#content .demarches ul, |
|
191 |
#content ul.mes-demarches { |
|
192 |
list-style: none; |
|
193 |
padding-left: 0px; |
|
194 |
margin: 0px; |
|
195 |
-webkit-column-count: 2; |
|
196 |
-moz-column-count: 2; |
|
197 |
column-count: 2; } |
|
198 | ||
199 |
#content ul.mes-demarches a, |
|
200 |
#content .demarches ul a { |
|
201 |
color: inherit; |
|
202 |
font-weight: bold; |
|
203 |
background: transparent url(static/bullet_rouge.png) left center no-repeat; |
|
204 |
padding-left: 10px; } |
|
205 | ||
206 |
#content ul.mes-demarches a:hover, |
|
207 |
#content .demarches ul a:hover { |
|
208 |
color: #37a7da; } |
|
209 | ||
210 |
#content ul.mes-demarches li, |
|
211 |
#content .demarches ul li { |
|
212 |
margin: 1ex 0 10px 1ex; |
|
213 |
padding-left: 10px; |
|
214 |
-webkit-column-break-inside: avoid; |
|
215 |
-moz-column-break-inside: avoid; |
|
216 |
column-break-inside: avoid; } |
|
217 | ||
218 |
#content .demarches .toutes-les-demarches { |
|
219 |
padding: 10px 0 10px 0; |
|
220 |
margin-left: 20px; } |
|
221 | ||
222 |
#content .toutes-les-demarches a { |
|
223 |
background: transparent url(button_orange_eye.png) no-repeat 0px center; |
|
224 |
color: #37a7da; |
|
225 |
text-transform: uppercase; |
|
226 |
padding-left: 30px; |
|
227 |
font-size: 130%; } |
|
228 | ||
229 |
#content .toutes-les-demarches a:hover { |
|
230 |
color: #37a7da; } |
|
231 | ||
232 |
#commune-selector { |
|
233 |
margin-left: 5px; |
|
234 |
margin-bottom: 10px; } |
|
235 | ||
236 |
#content #futurs-demarches { |
|
237 |
overflow-y: hidden; |
|
238 |
margin: 5px; |
|
239 |
padding-bottom: 15px; } |
|
240 | ||
241 |
#content #futurs-demarches.selected { |
|
242 |
display: block; } |
|
243 | ||
244 |
div#single-title { |
|
245 |
border: 1px solid #a5a7aa; |
|
246 |
border-width: 1px 0px; |
|
247 |
font-size: 110%; |
|
248 |
text-align: center; |
|
249 |
padding: 10px 0; } |
|
250 | ||
251 |
body.narrow-page #main-content { |
|
252 |
background: white; |
|
253 |
margin-top: 0; |
|
254 |
padding: 10px 10px 0 10px; } |
|
255 | ||
256 |
body.narrow-page #main-content form div input { |
|
257 |
display: block; |
|
258 |
margin-left: 10px; |
|
259 |
margin-bottom: 2ex; } |
|
260 | ||
261 |
span.helptext { |
|
262 |
color: #666; } |
|
263 | ||
264 |
body.narrow-page div.right { |
|
265 |
width: 30%; |
|
266 |
float: right; |
|
267 |
margin: 1ex auto; } |
|
268 | ||
269 |
body.narrow-page div.right form { |
|
270 |
text-align: left; |
|
271 |
background: white; |
|
272 |
margin: 10px 10px; |
|
273 |
padding: 10px; |
|
274 |
-webkit-border-radius: 4px; |
|
275 |
-moz-border-radius: 4px; |
|
276 |
border-radius: 4px; |
|
277 |
border: 1px solid #ccc; |
|
278 |
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); |
|
279 |
-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); |
|
280 |
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); } |
|
281 | ||
282 |
body.narrow-page div.right form div label { |
|
283 |
font-weight: bold; |
|
284 |
width: 14em; |
|
285 |
display: block; |
|
286 |
float: left; |
|
287 |
padding-top: 3px; } |
|
288 | ||
289 |
body.narrow-page div.right form div input { |
|
290 |
width: 17em; } |
|
291 | ||
292 |
body.narrow-page div.right form div.form-field-required label:after { |
|
293 |
content: ""; } |
|
294 | ||
295 |
body.narrow-page div.right form > input { |
|
296 |
display: block; |
|
297 |
margin: 1em auto 0 auto; |
|
298 |
background: #37a7da; |
|
299 |
color: white; |
|
300 |
border: none; |
|
301 |
padding: 3px 1em; } |
|
302 | ||
303 |
#toplinks { |
|
304 |
background: #ffffff; |
|
305 |
position: relative; |
|
306 |
float: right; |
|
307 |
width: 250px; |
|
308 |
padding: 5px 5px 5px 5px; } |
|
309 | ||
310 |
#toplinks span { |
|
311 |
display: block; |
|
312 |
margin: 0; |
|
313 |
padding: 0; |
|
314 |
color: #888; |
|
315 |
line-height: 20px; |
|
316 |
height: 22px; } |
|
317 | ||
318 |
#toplinks a { |
|
319 |
color: #888; |
|
320 |
border: 1px solid transparent; } |
|
321 | ||
322 |
#toplinks a.logout { |
|
323 |
padding-left: 30px; } |
|
324 | ||
325 |
#toplinks a:hover { |
|
326 |
text-decoration: none; |
|
327 |
color: #222; } |
|
328 | ||
329 |
#toplinks a.restricted { |
|
330 |
color: white; |
|
331 |
float: right; |
|
332 |
padding: 0 1ex; |
|
333 |
border: 1px outset #888; |
|
334 |
background: #37a7da; } |
|
335 | ||
336 |
div#username { |
|
337 |
float: right; |
|
338 |
padding: 5px 5px 5px 5px; |
|
339 |
background: white; |
|
340 |
line-height: 20px; |
|
341 |
height: 22px; |
|
342 |
border: 1px solid white; } |
|
343 | ||
344 |
ul.newsList { |
|
345 |
list-style: none; } |
|
346 | ||
347 |
ul.newsList li.abonne { |
|
348 |
margin: 0; |
|
349 |
padding: 0; } |
|
350 | ||
351 |
.abonne { |
|
352 |
padding-left: 20px; |
|
353 |
background: transparent url(Validation.png) center left no-repeat; } |
|
354 | ||
355 |
.nonAbonne { |
|
356 |
padding-left: 20px; |
|
357 |
background: transparent url(Annulation.png) center left no-repeat; } |
|
358 | ||
359 |
/* page de profil */ |
|
360 |
#my-informations { |
|
361 |
margin-bottom: 15px; |
|
362 |
padding: 0px; } |
|
363 | ||
364 |
#my-informations p { |
|
365 |
padding: 0 5px; } |
|
366 | ||
367 |
#my-informations select, |
|
368 |
#my-informations input { |
|
369 |
margin-left: 10px; |
|
370 |
display: block; } |
|
371 | ||
372 |
/* forms error reporting */ |
|
373 |
.errorlist { |
|
374 |
list-style: none; |
|
375 |
padding-left: 0; |
|
376 |
margin-left: 0; } |
|
377 | ||
378 |
ul.errorlist li { |
|
379 |
display: block; |
|
380 |
color: #f44; } |
|
381 | ||
382 |
.form-field-required label:after { |
|
383 |
content: '*'; |
|
384 |
color: #D90024; } |
|
385 | ||
386 |
ul.errorlist + p { |
|
387 |
margin-top: 0px; } |
|
388 | ||
389 |
.passerelle-register-plugin input + label { |
|
390 |
background: transparent url(Annulation.png) center left no-repeat; } |
|
391 | ||
392 |
.passerelle-register-plugin input:checked + label { |
|
393 |
background: transparent url(Validation.png) center left no-repeat; } |
|
394 | ||
395 |
.passerelle-register-plugin td input { |
|
396 |
display: none; } |
|
397 | ||
398 |
.passerelle-register-plugin td label { |
|
399 |
padding-left: 2em; } |
|
400 | ||
401 |
div.block form { |
|
402 |
padding: 0 1ex; } |
|
403 | ||
404 |
table.announces { |
|
405 |
width: 100%; |
|
406 |
margin-bottom: 1em; } |
|
407 | ||
408 |
table.announces thead td { |
|
409 |
font-weight: bold; } |
|
410 | ||
411 |
table.announces thead th { |
|
412 |
width: 30%; } |
|
413 | ||
414 |
table.announces tbody td { |
|
415 |
text-align: center; } |
|
416 | ||
417 |
table.announces tbody th { |
|
418 |
width: 35%; |
|
419 |
text-align: left; |
|
420 |
font-weight: normal; } |
|
421 | ||
422 |
.chapeau { |
|
423 |
font-style: italic; |
|
424 |
font-size: 110%; } |
|
425 | ||
426 |
/* mon compte */ |
|
427 |
#my-informations-form { |
|
428 |
width: 90%; |
|
429 |
padding-bottom: 1em; } |
|
430 | ||
431 |
#my-informations-form input[type~=text] { |
|
432 |
width: 100%; } |
|
433 | ||
434 |
#id_edit-profile-email_wrap, #id_edit-profile-address_wrap { |
|
435 |
clear: both; } |
|
436 | ||
437 |
#id_edit-profile-first_name_wrap, #id_edit-profile-phone_wrap, #id_edit-profile-postal_code_wrap { |
|
438 |
width: 45%; |
|
439 |
float: left; } |
|
440 | ||
441 |
#id_edit-profile-last_name_wrap, #id_edit-profile-mobile_wrap, #id_edit-profile-city_wrap { |
|
442 |
width: 45%; |
|
443 |
float: right; } |
|
444 | ||
445 |
.clear { |
|
446 |
clear: both; } |
|
447 | ||
448 |
#id_new_password1_help_text, #id_password1_help_text { |
|
449 |
font-style: italic; |
|
450 |
font-size: 90%; |
|
451 |
color: red; } |
|
452 | ||
453 |
/* saml post page */ |
|
454 |
.post-redirect { |
|
455 |
background: white; } |
|
456 | ||
457 |
#messages li { |
|
458 |
list-style-type: none; |
|
459 |
padding: 10px; |
|
460 |
color: white; } |
|
461 | ||
462 |
#messages { |
|
463 |
position: absolute; |
|
464 |
top: 120px; |
|
465 |
left: 1200px; } |
|
466 | ||
467 |
#messages.messages-login { |
|
468 |
position: static; } |
|
469 | ||
470 |
#messages.messages-login li { |
|
471 |
margin: 0px; |
|
472 |
margin-left: 100px; |
|
473 |
margin-right: 100px; } |
|
474 | ||
475 |
#messages li.warning { |
|
476 |
border: 1px solid #DB771F; |
|
477 |
background: #37a7da; } |
|
478 | ||
479 |
#messages li.error { |
|
480 |
border: 1px solid #DB771F; |
|
481 |
background: #DB1F28; } |
|
482 | ||
483 |
#messages li.info { |
|
484 |
border: 1px solid #301F91; |
|
485 |
background: #1F8091; } |
|
486 | ||
487 |
/* registration form */ |
|
488 |
img.captcha { |
|
489 |
float: left; } |
|
490 | ||
491 |
#id_captcha_1 { |
|
492 |
width: 13em; } |
|
493 | ||
494 |
h1#logo a { |
|
495 |
color: #028; } |
|
496 | ||
497 |
#nav h3 { |
|
498 |
display: none; } |
|
499 | ||
500 |
#nav { |
|
501 |
list-style: none; |
|
502 |
margin: 10px 20px 12px 20px; |
|
503 |
padding-top: 7px; |
|
504 |
font-size: 110%; |
|
505 |
position: relative; } |
|
506 | ||
507 |
#nav ul { |
|
508 |
margin: 0; |
|
509 |
padding: 0; |
|
510 |
border: 1px solid #a5a7aa; |
|
511 |
border-width: 1px 0px; } |
|
512 | ||
513 |
#nav li { |
|
514 |
display: inline-block; } |
|
515 | ||
516 |
#nav a { |
|
517 |
color: #404041; |
|
518 |
text-decoration: none; |
|
519 |
display: inline-block; |
|
520 |
padding: 1ex 1em; } |
|
521 | ||
522 |
#nav li.selected:after, |
|
523 |
#nav li.ancestor:after, |
|
524 |
#nav li a:hover, |
|
525 |
#nav li.selected a, |
|
526 |
#nav li.ancestor a { |
|
527 |
color: #e0007a; } |
|
528 | ||
529 |
#nav div.cell { |
|
530 |
position: absolute; |
|
531 |
top: 0; |
|
532 |
right: 0; } |
|
533 | ||
534 |
#content div.cell, |
|
535 |
div.block { |
|
536 |
text-align: left; |
|
537 |
background: white; |
|
538 |
margin: 10px 10px; |
|
539 |
padding: 10px; |
|
540 |
-webkit-border-radius: 4px; |
|
541 |
-moz-border-radius: 4px; |
|
542 |
border-radius: 4px; |
|
543 |
border: 1px solid #ccc; } |
|
544 | ||
545 |
input[type="email"], |
|
546 |
input[type="text"], |
|
547 |
input[type="password"] { |
|
548 |
border: 1px solid #aaa; |
|
549 |
padding: 5px 10px; |
|
550 |
border-radius: 2px; |
|
551 |
-moz-border-radius: 2px; |
|
552 |
-webkit-border-radius: 2px; |
|
553 |
color: black; |
|
554 |
-webkit-transition: background 200ms ease-out; |
|
555 |
-moz-transition: background 200ms ease-out; |
|
556 |
transition: background 200ms ease-out; |
|
557 |
display: block; } |
|
558 | ||
559 |
input[type="email"]:focus, |
|
560 |
input[type="text"]:focus, |
|
561 |
input[type="password"]:focus { |
|
562 |
border: 1px solid #888; |
|
563 |
background: white; } |
|
564 | ||
565 |
div#registration { |
|
566 |
width: 40em; |
|
567 |
text-align: justify; |
|
568 |
margin: 2em auto; } |
|
569 | ||
570 |
div#registration form { |
|
571 |
margin: 2em 0; } |
|
572 | ||
573 |
div#registration label { |
|
574 |
display: block; |
|
575 |
width: 15em; |
|
576 |
float: left; |
|
577 |
text-align: right; |
|
578 |
padding-right: 1em; |
|
579 |
color: #777; } |
|
580 | ||
581 |
div#registration ul.errorlist { |
|
582 |
margin: 0; |
|
583 |
padding-left: 16em; } |
|
584 | ||
585 |
div#registration input[type="submit"] { |
|
586 |
margin-left: 17em; } |
|
587 | ||
588 |
#toplinks { |
|
589 |
background: #ffffff; |
|
590 |
position: absolute; |
|
591 |
top: 2em; |
|
592 |
right: 0; |
|
593 |
width: 40%; |
|
594 |
padding: 5px 5px 5px 5px; |
|
595 |
text-align: right; } |
|
596 | ||
597 |
#toplinks span.logged-in { |
|
598 |
background: none; |
|
599 |
border: none; |
|
600 |
text-align: right; } |
|
601 | ||
602 |
#toplinks span.logged-in .connected-user { |
|
603 |
display: inline-block; |
|
604 |
padding-right: 1em; |
|
605 |
color: #888; } |
|
606 | ||
607 |
#toplinks a { |
|
608 |
color: #555; |
|
609 |
border: 1px solid transparent; } |
|
610 | ||
611 |
#toplinks a:hover { |
|
612 |
text-decoration: none; |
|
613 |
color: #222; } |
|
614 | ||
615 |
#toplinks a.restricted { |
|
616 |
color: white; |
|
617 |
float: right; |
|
618 |
padding: 0.5ex 1ex; |
|
619 |
border: 1px outset #888; |
|
620 |
background: #672290; |
|
621 |
position: absolute; |
|
622 |
top: -2em; |
|
623 |
right: 3px; } |
|
624 | ||
625 |
#toplinks a.logout { |
|
626 |
padding: 1px; } |
|
627 | ||
628 |
.narrow-page #main-content { |
|
629 |
width: 30em; |
|
630 |
margin: 0 auto; } |
|
631 | ||
632 |
div#login-page { |
|
633 |
margin-top: 1em; } |
|
634 | ||
635 |
#login-methods { |
|
636 |
width: 48%; |
|
637 |
float: left; } |
|
638 | ||
639 |
#welcome-text { |
|
640 |
width: 48%; |
|
641 |
float: right; } |
|
642 | ||
643 |
#login-beid { |
|
644 |
margin-top: 2em; |
|
645 |
background: url(beid_image_mini.png) top left no-repeat; |
|
646 |
padding-top: 120px; } |
|
647 | ||
648 |
div#footer div.cell.test-banner { |
|
649 |
position: fixed; |
|
650 |
top: 2em; |
|
651 |
right: -5em; |
|
652 |
background: red; |
|
653 |
width: 15em; |
|
654 |
z-index: 1000; |
|
655 |
transform: rotate(45deg); |
|
656 |
transform-origin: center center; |
|
657 |
text-align: center; |
|
658 |
border-radius: 10px; } |
|
659 | ||
660 |
div#footer div.cell.test-banner p { |
|
661 |
margin: 0; } |
|
662 | ||
663 |
a#publik-portal-agent { |
|
664 |
z-index: 10000; |
|
665 |
position: absolute; |
|
666 |
top: 0px; |
|
667 |
right: 5px; |
|
668 |
background: white; |
|
669 |
color: #888; |
|
670 |
padding: 5px 10px; |
|
671 |
border: 1px solid #888; |
|
672 |
border-width: 0 1px 1px 1px; } |
|
673 | ||
674 |
/* icons styles */ |
|
675 |
[class^="icon-"]:after, [class*=" icon-"]:after, |
|
676 |
[class^="icon-"]:before, [class*=" icon-"]:before { |
|
677 |
font-family: FontAwesome; |
|
678 |
font-weight: normal; |
|
679 |
font-style: normal; |
|
680 |
display: inline-block; |
|
681 |
text-decoration: none; } |
|
682 | ||
683 |
a[class^="icon-"], a[class*=" icon-"] { |
|
684 |
display: inline-block; |
|
685 |
text-decoration: none; |
|
686 |
border: none; |
|
687 |
color: #FF7800; } |
|
688 | ||
689 |
button#nav-button { |
|
690 |
display: none; } |
|
691 | ||
692 |
#nav-skip a { |
|
693 |
position: absolute; |
|
694 |
left: -7000px; } |
|
695 | ||
696 |
#nav-skip a:focus { |
|
697 |
left: 0; } |
|
698 | ||
699 |
div#page { |
|
700 |
max-width: 1060px; } |
|
701 | ||
702 |
div#header { |
|
703 |
height: 135px; } |
|
704 | ||
705 |
div#top h1 { |
|
706 |
padding-top: 50px; |
|
707 |
padding-left: 140px; |
|
708 |
font-size: 160%; |
|
709 |
font-weight: normal; } |
|
710 | ||
711 |
div#top h1 a { |
|
712 |
color: white; } |
|
713 | ||
714 |
#nav { |
|
715 |
margin-top: 0; |
|
716 |
margin-left: 0; } |
|
717 | ||
718 |
#nav ul { |
|
719 |
border: none; |
|
720 |
margin: 0; } |
|
721 | ||
722 |
#nav li { |
|
723 |
margin: 0; |
|
724 |
width: 8em; |
|
725 |
display: inline-block; |
|
726 |
text-align: center; |
|
727 |
padding: 0 1ex; |
|
728 |
border-right: 1px outset white; } |
|
729 | ||
730 |
#nav li a { |
|
731 |
color: #494949; |
|
732 |
display: inline-block; |
|
733 |
width: 100%; } |
|
734 | ||
735 |
#nav li.selected a { |
|
736 |
color: #222; } |
|
737 | ||
738 |
#nav li a:hover { |
|
739 |
background: white; |
|
740 |
color: #222; } |
|
741 | ||
742 |
#nav li:after { |
|
743 |
content: none; } |
|
744 | ||
745 |
div#main-content { |
|
746 |
margin-top: 20px; } |
|
747 | ||
748 |
#content div.cell { |
|
749 |
border: none; } |
|
750 | ||
751 |
#toplinks { |
|
752 |
top: 0; |
|
753 |
background: rgba(255, 255, 255, 0.6); |
|
754 |
width: 442px; } |
|
755 | ||
756 |
div#footer-wrapper { |
|
757 |
color: #444; } |
|
758 | ||
759 |
div#footer { |
|
760 |
padding-top: 30px; |
|
761 |
padding-bottom: 20px; } |
|
762 | ||
763 |
.widget { |
|
764 |
position: relative; } |
|
765 | ||
766 |
form.quixote h4 { |
|
767 |
margin: 0px; |
|
768 |
background-color: #F2F2F2; |
|
769 |
font-size: 1.42857em; |
|
770 |
font-style: normal; |
|
771 |
font-family: "robotoslab_regular",Arial,sans-serif; |
|
772 |
color: #34567C; |
|
773 |
padding: 0.5em 1em; |
|
774 |
text-transform: none; } |
|
775 | ||
776 |
#steps { |
|
777 |
display: none; } |
|
778 | ||
779 |
div.widget-with-error input, |
|
780 |
div.widget-with-error textarea, |
|
781 |
div.widget-with-error label { |
|
782 |
position: relative; |
|
783 |
z-index: 10; } |
|
784 | ||
785 |
div.widget-prefilled div.message { |
|
786 |
display: none; } |
|
787 | ||
788 |
#nav { |
|
789 |
display: none; } |
|
790 | ||
791 |
.fileinfo .remove { |
|
792 |
position: relative; |
|
793 |
z-index: 100; } |
|
794 |
- |