1 | @charset "UTF-8"; |
---|
2 | /** -------------------------------------------------- |
---|
3 | Start |
---|
4 | --------------------------------------------------- */ |
---|
5 | /* largeur des paddings et border compris dans "width" */ |
---|
6 | *, |
---|
7 | *:before, |
---|
8 | *:after { |
---|
9 | box-sizing: border-box; } |
---|
10 | |
---|
11 | html { |
---|
12 | font-size: 100%; |
---|
13 | -ms-text-size-adjust: 100%; |
---|
14 | -webkit-text-size-adjust: 100%; |
---|
15 | margin: 0; |
---|
16 | padding: 0; } |
---|
17 | |
---|
18 | body { |
---|
19 | margin: 0; |
---|
20 | padding: 0; } |
---|
21 | |
---|
22 | a { |
---|
23 | background: transparent; } |
---|
24 | a:focus { |
---|
25 | outline: thin dotted; } |
---|
26 | a:active, a:hover { |
---|
27 | outline: none; } |
---|
28 | a img { |
---|
29 | border: none; } |
---|
30 | |
---|
31 | q, |
---|
32 | cite { |
---|
33 | font-style: italic; } |
---|
34 | |
---|
35 | q:before, |
---|
36 | q:after { |
---|
37 | content: ""; } |
---|
38 | |
---|
39 | sup, |
---|
40 | sub { |
---|
41 | font-size: .75em; |
---|
42 | line-height: 0; |
---|
43 | position: relative; |
---|
44 | vertical-align: baseline; } |
---|
45 | |
---|
46 | sup { |
---|
47 | top: -0.5em; } |
---|
48 | |
---|
49 | sub { |
---|
50 | bottom: -0.25em; } |
---|
51 | |
---|
52 | abbr[title] { |
---|
53 | border-bottom: 1px dotted; |
---|
54 | cursor: help; } |
---|
55 | |
---|
56 | b, |
---|
57 | strong { |
---|
58 | font-weight: bold; |
---|
59 | font-size: 0.9375em; } |
---|
60 | |
---|
61 | small { |
---|
62 | font-size: 80%; } |
---|
63 | |
---|
64 | dfn { |
---|
65 | font-style: italic; } |
---|
66 | |
---|
67 | hr { |
---|
68 | box-sizing: content-box; |
---|
69 | height: 0; } |
---|
70 | |
---|
71 | mark { |
---|
72 | background: #ff0; |
---|
73 | color: #000; } |
---|
74 | |
---|
75 | code, |
---|
76 | kbd, |
---|
77 | pre, |
---|
78 | samp { |
---|
79 | font-family: monospace, serif; |
---|
80 | font-size: 1em; } |
---|
81 | |
---|
82 | pre { |
---|
83 | white-space: pre-wrap; } |
---|
84 | |
---|
85 | fieldset { |
---|
86 | margin: 0; |
---|
87 | padding: 0; |
---|
88 | border: none; } |
---|
89 | |
---|
90 | input, |
---|
91 | button, |
---|
92 | select { |
---|
93 | vertical-align: middle; } |
---|
94 | |
---|
95 | button, |
---|
96 | input, |
---|
97 | select, |
---|
98 | textarea { |
---|
99 | font-family: inherit; |
---|
100 | font-size: 100%; |
---|
101 | margin: 0; } |
---|
102 | |
---|
103 | button, |
---|
104 | input { |
---|
105 | line-height: normal; } |
---|
106 | |
---|
107 | button, |
---|
108 | html input[type="button"], |
---|
109 | input[type="reset"], |
---|
110 | input[type="submit"] { |
---|
111 | -webkit-appearance: button; |
---|
112 | cursor: pointer; } |
---|
113 | |
---|
114 | button[disabled], |
---|
115 | html input[disabled] { |
---|
116 | cursor: default; } |
---|
117 | |
---|
118 | input[type="checkbox"], |
---|
119 | input[type="radio"] { |
---|
120 | padding: 0; |
---|
121 | border: none; } |
---|
122 | |
---|
123 | input[type="search"] { |
---|
124 | -webkit-appearance: textfield; } |
---|
125 | |
---|
126 | input[type="search"]::-webkit-search-cancel-button, |
---|
127 | input[type="search"]::-webkit-search-decoration { |
---|
128 | -webkit-appearance: none; } |
---|
129 | |
---|
130 | button::-moz-focus-inner, |
---|
131 | input::-moz-focus-inner { |
---|
132 | border: 0; |
---|
133 | padding: 0; } |
---|
134 | |
---|
135 | textarea { |
---|
136 | overflow: auto; |
---|
137 | vertical-align: top; } |
---|
138 | |
---|
139 | table { |
---|
140 | border-collapse: collapse; |
---|
141 | margin-bottom: 1.5em; } |
---|
142 | |
---|
143 | td, |
---|
144 | th { |
---|
145 | padding: 1px; |
---|
146 | vertical-align: top; |
---|
147 | text-align: left; } |
---|
148 | |
---|
149 | td:first-child, |
---|
150 | th:first-child { |
---|
151 | empty-cells: hide; } |
---|
152 | |
---|
153 | /* scripts */ |
---|
154 | body > script { |
---|
155 | display: none !important; } |
---|
156 | |
---|
157 | /* HTML5 for old browsers */ |
---|
158 | article, |
---|
159 | aside, |
---|
160 | details, |
---|
161 | figcaption, |
---|
162 | figure, |
---|
163 | footer, |
---|
164 | header, |
---|
165 | hgroup, |
---|
166 | main, |
---|
167 | nav, |
---|
168 | section, |
---|
169 | summary { |
---|
170 | display: block; } |
---|
171 | |
---|
172 | audio, |
---|
173 | canvas, |
---|
174 | video { |
---|
175 | display: inline-block; } |
---|
176 | |
---|
177 | audio:not([controls]) { |
---|
178 | display: none; |
---|
179 | height: 0; } |
---|
180 | |
---|
181 | figure { |
---|
182 | margin: 0; } |
---|
183 | |
---|
184 | [hidden], |
---|
185 | template { |
---|
186 | display: none; } |
---|
187 | |
---|
188 | svg:not(:root) { |
---|
189 | overflow: hidden; } |
---|
190 | |
---|
191 | /* Headings reset */ |
---|
192 | h1, |
---|
193 | h2, |
---|
194 | h3, |
---|
195 | h4, |
---|
196 | h5, |
---|
197 | h6 { |
---|
198 | font-size: 1em; |
---|
199 | font-weight: normal; |
---|
200 | margin: 0; } |
---|
201 | |
---|
202 | /* Screen-reader only */ |
---|
203 | .visually-hidden { |
---|
204 | border: 0; |
---|
205 | clip: rect(0 0 0 0); |
---|
206 | clip-path: inset(50%); |
---|
207 | height: 1px; |
---|
208 | margin: -1px; |
---|
209 | overflow: hidden; |
---|
210 | padding: 0; |
---|
211 | position: absolute; |
---|
212 | width: 1px; |
---|
213 | white-space: nowrap; } |
---|
214 | .visually-hidden:focus, .visually-hidden:active { |
---|
215 | clip: auto; |
---|
216 | clip-path: none; |
---|
217 | height: auto; |
---|
218 | overflow: visible; |
---|
219 | position: static; |
---|
220 | width: auto; |
---|
221 | white-space: normal; } |
---|
222 | |
---|
223 | /** -------------------------------------------------- |
---|
224 | Colors |
---|
225 | --------------------------------------------------- */ |
---|
226 | /** -------------------------------------------------- |
---|
227 | Common rules |
---|
228 | --------------------------------------------------- */ |
---|
229 | /* Typographie */ |
---|
230 | :root { |
---|
231 | --html-font-size: 62.5%; } |
---|
232 | |
---|
233 | html { |
---|
234 | font-size: 62.5%; |
---|
235 | font-size: var(--html-font-size); } |
---|
236 | |
---|
237 | body { |
---|
238 | color: #323232; |
---|
239 | background: #fff; |
---|
240 | font-size: 1.4rem; |
---|
241 | line-height: 1.5; |
---|
242 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } |
---|
243 | @media screen and (max-width: 26.5em) { |
---|
244 | body.responsive-font { |
---|
245 | font-size: 1.2rem; |
---|
246 | line-height: 1.3; } } |
---|
247 | @media screen and (min-width: 120em) { |
---|
248 | body.responsive-font { |
---|
249 | font-size: 1.6rem; |
---|
250 | line-height: 1.5; } } |
---|
251 | @media screen and (min-width: 26.5em) and (max-width: 120em) { |
---|
252 | body.responsive-font { |
---|
253 | font-size: calc( 1.2rem + 0.4 * (100vw - 42.4rem) / (192 - 42.4)); |
---|
254 | line-height: calc( 1.3em + (1.5 - 1.3) * (100vw - 42.4rem) / (192 - 42.4)); } } |
---|
255 | |
---|
256 | @media screen and (max-width: 26.5em) { |
---|
257 | #wrapper { |
---|
258 | font-size: 1.2em; } } |
---|
259 | |
---|
260 | h2, |
---|
261 | h3, |
---|
262 | .as_h3, |
---|
263 | h4, |
---|
264 | .as_h4, |
---|
265 | h5, |
---|
266 | h6 { |
---|
267 | margin-top: 0; |
---|
268 | margin-bottom: 1em; } |
---|
269 | |
---|
270 | h2 { |
---|
271 | color: #676e78; |
---|
272 | font-size: 1.5em; |
---|
273 | font-weight: normal; |
---|
274 | line-height: 1.25; |
---|
275 | padding: 0 0 1.5em; } |
---|
276 | |
---|
277 | h3, |
---|
278 | .as_h3 { |
---|
279 | color: #d33800; |
---|
280 | font-size: 1.34em; |
---|
281 | font-weight: normal; |
---|
282 | line-height: 1.5; |
---|
283 | margin-top: 1em; } |
---|
284 | |
---|
285 | h4, |
---|
286 | .as_h4 { |
---|
287 | color: #676e78; |
---|
288 | font-size: 1.16em; |
---|
289 | line-height: 1.5; } |
---|
290 | |
---|
291 | h5 { |
---|
292 | color: #676e78; |
---|
293 | font-size: 1em; |
---|
294 | line-height: 1.5; |
---|
295 | font-weight: bold; } |
---|
296 | |
---|
297 | h6 { |
---|
298 | color: #676e78; |
---|
299 | font-size: 1em; |
---|
300 | line-height: 1.5; } |
---|
301 | |
---|
302 | /** -------------------------------------------------- |
---|
303 | Layout |
---|
304 | --------------------------------------------------- */ |
---|
305 | #dotclear-admin { |
---|
306 | display: flex; |
---|
307 | min-height: 100vh; |
---|
308 | flex-direction: column; } |
---|
309 | |
---|
310 | #header { |
---|
311 | color: #fff; |
---|
312 | background: #676e78; |
---|
313 | border-bottom: 4px solid #a2cbe9; |
---|
314 | width: 99.99%; |
---|
315 | /* Bugfix Chrome >= 49.0.2623.108 */ |
---|
316 | display: table; |
---|
317 | position: relative; } |
---|
318 | |
---|
319 | h1, |
---|
320 | #top-info-blog, |
---|
321 | #top-info-user { |
---|
322 | display: table-cell; |
---|
323 | padding: 8px 0; |
---|
324 | margin: 0; |
---|
325 | font-size: 1em; |
---|
326 | vertical-align: top; } |
---|
327 | |
---|
328 | #wrapper { |
---|
329 | background: #fff; |
---|
330 | position: relative; |
---|
331 | padding-top: 1.5em; |
---|
332 | float: left; |
---|
333 | width: 100%; |
---|
334 | z-index: 10; |
---|
335 | flex: 1; } |
---|
336 | |
---|
337 | .with-js #wrapper { |
---|
338 | padding-top: 0; } |
---|
339 | |
---|
340 | #main { |
---|
341 | width: 100%; |
---|
342 | float: right; |
---|
343 | margin-left: -14em; |
---|
344 | margin-top: 0; } |
---|
345 | |
---|
346 | #content { |
---|
347 | background: #fff; |
---|
348 | margin: 0 0 0 14em; |
---|
349 | padding: .5em 1.5em .75em 2.5em; } |
---|
350 | |
---|
351 | #main-menu { |
---|
352 | background: #f3f3f3; |
---|
353 | width: 14em; |
---|
354 | float: left; |
---|
355 | margin: 0; |
---|
356 | padding-top: .5em; |
---|
357 | padding-bottom: 1em; |
---|
358 | overflow: hidden; } |
---|
359 | |
---|
360 | #footer { |
---|
361 | background-color: #fff; |
---|
362 | border-top: 1px solid #cbced1; |
---|
363 | clear: both; |
---|
364 | position: relative; |
---|
365 | padding: .5em 0 .5em 1em; |
---|
366 | text-align: left; } |
---|
367 | |
---|
368 | /* to hide main-menu */ |
---|
369 | #collapser { |
---|
370 | background: #c9c9c9; |
---|
371 | position: absolute; |
---|
372 | top: 0; |
---|
373 | left: 14em; |
---|
374 | width: 10px; |
---|
375 | height: 100%; |
---|
376 | overflow: hidden; |
---|
377 | display: block; |
---|
378 | border-right: 0; |
---|
379 | border-bottom: 0; |
---|
380 | z-index: 1; |
---|
381 | transition: none; } |
---|
382 | #collapser:hover, #collapser:focus { |
---|
383 | background: #a2cbe9; } |
---|
384 | .hide-mm #collapser { |
---|
385 | background: #a2cbe9; } |
---|
386 | .hide-mm #collapser:hover, .hide-mm #collapser:focus { |
---|
387 | background: #c9c9c9; } |
---|
388 | |
---|
389 | .expand-mm { |
---|
390 | display: none; } |
---|
391 | |
---|
392 | /* if main-menu is hidden */ |
---|
393 | .hide-mm #main { |
---|
394 | margin-left: 0; } |
---|
395 | .hide-mm #content { |
---|
396 | margin-left: 10px; } |
---|
397 | .hide-mm #content > h2 { |
---|
398 | margin-left: calc(-1em - 10px); } |
---|
399 | .hide-mm #main-menu { |
---|
400 | display: none; } |
---|
401 | .hide-mm #collapser { |
---|
402 | left: 0; } |
---|
403 | .hide-mm .collapse-mm { |
---|
404 | display: none; } |
---|
405 | .hide-mm .expand-mm { |
---|
406 | display: block; } |
---|
407 | |
---|
408 | #wrapper.hide-mm { |
---|
409 | background: #fff; } |
---|
410 | |
---|
411 | /* -------------------------------------------------------------- layout: two-cols */ |
---|
412 | .two-cols { |
---|
413 | position: static; } |
---|
414 | .two-cols .col { |
---|
415 | width: 48%; |
---|
416 | margin-left: 2%; |
---|
417 | float: left; } |
---|
418 | .two-cols .col:first-child { |
---|
419 | margin-left: 0; |
---|
420 | margin-right: 2%; } |
---|
421 | .two-cols .col:last-child { |
---|
422 | margin-left: 2%; |
---|
423 | margin-right: 0; } |
---|
424 | .two-cols .col70 { |
---|
425 | width: 68%; |
---|
426 | margin-left: 0; |
---|
427 | float: left; } |
---|
428 | .two-cols .col70.last-col { |
---|
429 | margin-left: 2%; |
---|
430 | margin-right: 0; } |
---|
431 | .two-cols .col30 { |
---|
432 | width: 28%; |
---|
433 | margin-left: 2%; |
---|
434 | float: left; } |
---|
435 | .two-cols .col30.first-col { |
---|
436 | margin-left: 0; |
---|
437 | margin-right: 2%; } |
---|
438 | .two-cols table { |
---|
439 | width: 90%; } |
---|
440 | |
---|
441 | /* -------------------------------------------------------------- layout: three-cols */ |
---|
442 | .three-cols { |
---|
443 | position: static; } |
---|
444 | .three-cols .col { |
---|
445 | width: 32.3%; |
---|
446 | float: left; |
---|
447 | margin-left: 1%; } |
---|
448 | .three-cols .col:first-child { |
---|
449 | margin-left: 0; } |
---|
450 | |
---|
451 | /* ------------------------------------------------- layout: optionnal one/two/three-boxes */ |
---|
452 | .one-box { |
---|
453 | text-align: justify; } |
---|
454 | |
---|
455 | .two-boxes { |
---|
456 | width: 48.5%; } |
---|
457 | |
---|
458 | .three-boxes { |
---|
459 | width: 30%; } |
---|
460 | |
---|
461 | .two-boxes, |
---|
462 | .three-boxes { |
---|
463 | display: inline-block; |
---|
464 | vertical-align: top; |
---|
465 | margin: 0 1.5% 1em; |
---|
466 | text-align: left; } |
---|
467 | |
---|
468 | .two-boxes:nth-of-type(odd), |
---|
469 | .three-boxes:nth-of-type(3n+1) { |
---|
470 | margin-left: 0; } |
---|
471 | |
---|
472 | .two-boxes:nth-of-type(even), |
---|
473 | .three-boxes:nth-of-type(3n) { |
---|
474 | margin-right: 0; } |
---|
475 | |
---|
476 | /* ---------------------------------------------------------------- layout: popups */ |
---|
477 | .popup h1 { |
---|
478 | color: #fff; |
---|
479 | background: #676e78; |
---|
480 | display: block; |
---|
481 | width: 100%; |
---|
482 | margin: 0; |
---|
483 | font-size: 1.5em; |
---|
484 | text-indent: 1em; |
---|
485 | line-height: 1.5em; |
---|
486 | font-weight: normal; } |
---|
487 | .popup #wrapper { |
---|
488 | display: block; |
---|
489 | float: none; |
---|
490 | width: 100%; |
---|
491 | margin: 0; |
---|
492 | padding: 0; |
---|
493 | background-position: 0 0; } |
---|
494 | .popup #main { |
---|
495 | margin: 0; |
---|
496 | padding: 0; } |
---|
497 | .popup #content { |
---|
498 | margin: 0; |
---|
499 | padding: 1em; } |
---|
500 | .popup #content h2 { |
---|
501 | margin: 0 0 1em 0; |
---|
502 | padding: 0; } |
---|
503 | .popup #footer p { |
---|
504 | border: none; } |
---|
505 | |
---|
506 | /* -------------------------------------------------------- layout: classes de complément */ |
---|
507 | .constrained { |
---|
508 | margin: 0; |
---|
509 | padding: 0; |
---|
510 | border: none; |
---|
511 | background: transparent; } |
---|
512 | |
---|
513 | .table { |
---|
514 | display: table; } |
---|
515 | |
---|
516 | .cell { |
---|
517 | display: table-cell; |
---|
518 | vertical-align: top; } |
---|
519 | |
---|
520 | .clear { |
---|
521 | clear: both; } |
---|
522 | |
---|
523 | .lclear { |
---|
524 | clear: left; } |
---|
525 | |
---|
526 | .clearer { |
---|
527 | height: 1px; |
---|
528 | font-size: 1px; } |
---|
529 | |
---|
530 | /* Micro clearfix thx to Nicolas Gallagher */ |
---|
531 | .clearfix:before, |
---|
532 | .clearfix:after { |
---|
533 | content: " "; |
---|
534 | display: table; } |
---|
535 | |
---|
536 | .clearfix:after { |
---|
537 | clear: both; } |
---|
538 | |
---|
539 | .box { |
---|
540 | display: inline-block; |
---|
541 | vertical-align: top; |
---|
542 | margin: 0 10px 10px; |
---|
543 | text-align: left; |
---|
544 | flex: 1 1 auto; } |
---|
545 | .box.small { |
---|
546 | flex-basis: 312px; } |
---|
547 | .box.medium { |
---|
548 | flex-basis: 644px; } |
---|
549 | .box.large { |
---|
550 | width: 100%; } |
---|
551 | |
---|
552 | .odd { |
---|
553 | margin-left: 0; } |
---|
554 | |
---|
555 | .even { |
---|
556 | margin-right: 0; } |
---|
557 | |
---|
558 | /* ------------------------------------------------------------------------------------ |
---|
559 | UN POIL DE MEDIA QUERIES |
---|
560 | ------------------------------------------------------------------------------------ */ |
---|
561 | @media screen and (max-width: 80em) { |
---|
562 | #header { |
---|
563 | display: block; |
---|
564 | width: 100%; |
---|
565 | text-align: right; } |
---|
566 | #header h1, |
---|
567 | #header h1 a { |
---|
568 | width: 120px; |
---|
569 | margin: 0; } |
---|
570 | |
---|
571 | h1 { |
---|
572 | width: 19.5em; |
---|
573 | display: inline-block; |
---|
574 | vertical-align: top; |
---|
575 | margin-right: 1em; } |
---|
576 | |
---|
577 | #top-info-blog { |
---|
578 | display: inline-block; |
---|
579 | vertical-align: top; |
---|
580 | margin-right: 1em; } |
---|
581 | #top-info-blog #switchblog { |
---|
582 | max-width: 16em; } |
---|
583 | #top-info-blog a { |
---|
584 | margin-left: 2em; } |
---|
585 | |
---|
586 | #top-info-user { |
---|
587 | display: block; |
---|
588 | width: 100%; } |
---|
589 | |
---|
590 | #collapser { |
---|
591 | left: 17em; } |
---|
592 | |
---|
593 | #main { |
---|
594 | margin-left: -17em; } |
---|
595 | |
---|
596 | #content { |
---|
597 | margin: 0 0 0 17em; } |
---|
598 | |
---|
599 | #main-menu { |
---|
600 | width: 17em; } |
---|
601 | |
---|
602 | .three-boxes, |
---|
603 | .three-boxes .box, |
---|
604 | .two-cols .col70, |
---|
605 | .two-cols .col30 { |
---|
606 | width: 100%; |
---|
607 | margin-left: 0; |
---|
608 | margin-right: 0; } } |
---|
609 | @media screen and (max-width: 48em) { |
---|
610 | #dashboard-boxes .box.medium, |
---|
611 | .box.medium, |
---|
612 | #dashboard-boxes .box.small, |
---|
613 | .box.small, |
---|
614 | #dashboard-boxes .box.large, |
---|
615 | .box.large { |
---|
616 | width: 95%; |
---|
617 | margin: 10px auto; } } |
---|
618 | @media screen and (max-width: 44em) { |
---|
619 | #help-button { |
---|
620 | height: 26px; |
---|
621 | width: 26px; |
---|
622 | margin: 0; |
---|
623 | overflow: hidden; } |
---|
624 | |
---|
625 | #content.with-help #help-button { |
---|
626 | top: 10em; } |
---|
627 | |
---|
628 | .one-box, |
---|
629 | .two-boxes, |
---|
630 | .box, |
---|
631 | .two-cols .col { |
---|
632 | width: 96%; |
---|
633 | margin-left: 0; |
---|
634 | margin-right: 0; } } |
---|
635 | @media screen and (max-width: 38em) { |
---|
636 | #header h1, |
---|
637 | #header h1 a { |
---|
638 | width: 42px !important; |
---|
639 | height: 42px; } |
---|
640 | |
---|
641 | #wrapper, |
---|
642 | #main, |
---|
643 | #main-menu { |
---|
644 | display: block; |
---|
645 | float: none; |
---|
646 | width: 100%; |
---|
647 | margin: 0; } |
---|
648 | |
---|
649 | #main-menu a { |
---|
650 | display: block; |
---|
651 | width: 100%; } |
---|
652 | #main-menu h3 a { |
---|
653 | display: inline; } |
---|
654 | |
---|
655 | #content, |
---|
656 | .hide-mm #content { |
---|
657 | margin: 0; } |
---|
658 | |
---|
659 | #collapser { |
---|
660 | display: none; } |
---|
661 | |
---|
662 | #main #content > h2 { |
---|
663 | margin: 0 -.25em 1em; } |
---|
664 | |
---|
665 | #dashboard-boxes .box.medium, |
---|
666 | .box.medium, |
---|
667 | #dashboard-boxes .box.small, |
---|
668 | .box.small, |
---|
669 | #dashboard-boxes .box.large, |
---|
670 | .box.large { |
---|
671 | width: 95%; |
---|
672 | margin: 10px auto; } |
---|
673 | |
---|
674 | .cell, |
---|
675 | #filters-form .cell { |
---|
676 | display: inline-block; |
---|
677 | vertical-align: bottom; } |
---|
678 | |
---|
679 | .pseudo-tabs li { |
---|
680 | display: block; |
---|
681 | float: left; |
---|
682 | width: 50%; } } |
---|
683 | @media screen and (max-width: 26.5em) { |
---|
684 | #top-info-blog label, |
---|
685 | .nomobile { |
---|
686 | display: none; } |
---|
687 | |
---|
688 | #top-info-blog { |
---|
689 | margin-bottom: .5em; |
---|
690 | max-width: 75%; } |
---|
691 | #top-info-blog select { |
---|
692 | margin-bottom: .5em; } |
---|
693 | |
---|
694 | #content.with-help #help-button { |
---|
695 | top: 10em; |
---|
696 | right: 28rem; } |
---|
697 | #content.with-help #help { |
---|
698 | width: 28rem; } |
---|
699 | |
---|
700 | p.top-add { |
---|
701 | margin-bottom: .5em; } |
---|
702 | |
---|
703 | .part-tabs ul { |
---|
704 | margin: 1em 0; } |
---|
705 | |
---|
706 | .part-tabs li a { |
---|
707 | display: block; |
---|
708 | width: 100%; } |
---|
709 | |
---|
710 | #icons p { |
---|
711 | width: 9em; } |
---|
712 | |
---|
713 | .media-item { |
---|
714 | width: 90%; } |
---|
715 | |
---|
716 | #theme-new, |
---|
717 | #theme-activate, |
---|
718 | #theme-deactivate { |
---|
719 | margin-left: 0; |
---|
720 | margin-right: 0; } |
---|
721 | |
---|
722 | .box.current-theme { |
---|
723 | margin: 5px; |
---|
724 | width: 100%; } |
---|
725 | |
---|
726 | .current-theme .module-sshot img { |
---|
727 | margin: 0; |
---|
728 | float: none; |
---|
729 | max-width: 100%; } |
---|
730 | |
---|
731 | table .maximal { |
---|
732 | min-width: 14em; } |
---|
733 | |
---|
734 | .pseudo-tabs li { |
---|
735 | display: block; |
---|
736 | width: 100%; |
---|
737 | float: none; } } |
---|
738 | /** -------------------------------------------------- |
---|
739 | Elements |
---|
740 | --------------------------------------------------- */ |
---|
741 | /* ------------------------------------------------------------------ titres */ |
---|
742 | /* fil d'ariane */ |
---|
743 | #content > h2 { |
---|
744 | padding: 0 1em .5em 1em; |
---|
745 | margin: 0 -1em 1em -1em; |
---|
746 | background: #fff; |
---|
747 | border-bottom: 1px solid #868686; } |
---|
748 | |
---|
749 | /* page courante dans le fil d'ariane */ |
---|
750 | .page-title { |
---|
751 | color: #d30e60; } |
---|
752 | .page-title img { |
---|
753 | padding-left: .5em; |
---|
754 | vertical-align: middle; } |
---|
755 | |
---|
756 | /* autres titres */ |
---|
757 | #main-menu h3 { |
---|
758 | font-weight: bold; } |
---|
759 | |
---|
760 | .fieldset h3, |
---|
761 | .fieldset h4, |
---|
762 | .pretty-title { |
---|
763 | color: #d33800; |
---|
764 | font-size: 1em; |
---|
765 | font-weight: bold; } |
---|
766 | |
---|
767 | .fieldset h3 { |
---|
768 | font-size: 1.17em; } |
---|
769 | |
---|
770 | .fieldset h3.smart-title, |
---|
771 | .fieldset h4.smart-title, |
---|
772 | .smart-title { |
---|
773 | font-size: 1em; |
---|
774 | text-transform: uppercase; |
---|
775 | font-weight: bold; |
---|
776 | color: #323232; } |
---|
777 | |
---|
778 | #entry-sidebar h5 { |
---|
779 | font-weight: normal; |
---|
780 | color: #323232; } |
---|
781 | |
---|
782 | .entry-status img.img_select_option { |
---|
783 | padding-left: 4px; |
---|
784 | vertical-align: -1px; } |
---|
785 | |
---|
786 | h4 label, |
---|
787 | h5 label { |
---|
788 | color: #323232; } |
---|
789 | |
---|
790 | h2:first-child, |
---|
791 | h3:first-child, |
---|
792 | h4:first-child, |
---|
793 | h5:first-child, |
---|
794 | ul:first-child, |
---|
795 | p:first-child { |
---|
796 | margin-top: 0; } |
---|
797 | |
---|
798 | /* ---------------------------------------------------------------- tableaux */ |
---|
799 | /* Pour autoriser le scroll sur les petites largeurs |
---|
800 | envelopper les tableaux dans une div.table-outer */ |
---|
801 | .table-outer { |
---|
802 | width: 100%; |
---|
803 | overflow: auto; } |
---|
804 | |
---|
805 | table { |
---|
806 | font-size: 1em; |
---|
807 | border-collapse: collapse; |
---|
808 | margin: 0 0 1em 0; |
---|
809 | width: 100%; } |
---|
810 | |
---|
811 | caption { |
---|
812 | color: #323232; |
---|
813 | font-weight: bold; |
---|
814 | text-align: left; |
---|
815 | margin-bottom: .5em; } |
---|
816 | |
---|
817 | th:not(.module-name) { |
---|
818 | border-width: 1px 0 1px 0; |
---|
819 | border-style: solid; |
---|
820 | border-color: #dbdbdb; |
---|
821 | background: #f3f3f3; |
---|
822 | padding: .4em 1em .4em .5em; |
---|
823 | vertical-align: top; |
---|
824 | text-align: left; } |
---|
825 | |
---|
826 | td, th.module-name { |
---|
827 | font-weight: normal; |
---|
828 | border-width: 0 0 1px 0; |
---|
829 | border-style: solid; |
---|
830 | border-color: #ececec; |
---|
831 | padding: .4em 1em .4em .5em; |
---|
832 | vertical-align: top; } |
---|
833 | |
---|
834 | /* ---------------------------------------------------------- autres balises */ |
---|
835 | p { |
---|
836 | margin: 0 0 1em 0; } |
---|
837 | |
---|
838 | hr { |
---|
839 | height: 1px; |
---|
840 | border-width: 1px 0 0; |
---|
841 | border-color: #dbdbdb; |
---|
842 | background: #dbdbdb; |
---|
843 | border-style: solid; } |
---|
844 | hr.clearer { |
---|
845 | clear: both; } |
---|
846 | |
---|
847 | pre, |
---|
848 | code, |
---|
849 | #debug { |
---|
850 | font: 100% "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace; } |
---|
851 | |
---|
852 | code { |
---|
853 | color: #323232; |
---|
854 | background: #fefacd; } |
---|
855 | |
---|
856 | pre { |
---|
857 | white-space: pre; |
---|
858 | white-space: -moz-pre-wrap; |
---|
859 | white-space: pre-wrap; |
---|
860 | white-space: pre-line; |
---|
861 | word-wrap: break-word; } |
---|
862 | |
---|
863 | abbr { |
---|
864 | cursor: help; } |
---|
865 | |
---|
866 | input, |
---|
867 | textarea, |
---|
868 | select, |
---|
869 | option, |
---|
870 | optgroup, |
---|
871 | legend, |
---|
872 | label { |
---|
873 | font-size: 1em; } |
---|
874 | |
---|
875 | /* ------------------------------------------------------------------ liens */ |
---|
876 | a, |
---|
877 | a:link, |
---|
878 | a:visited { |
---|
879 | color: #2373a8; |
---|
880 | text-decoration: none; |
---|
881 | border-bottom: 1px dotted #868686; |
---|
882 | background-color: inherit; |
---|
883 | outline: 0; } |
---|
884 | a img, |
---|
885 | a:link img, |
---|
886 | a:visited img { |
---|
887 | border: none; |
---|
888 | background: initial; } |
---|
889 | |
---|
890 | a:hover, |
---|
891 | a:active { |
---|
892 | border-bottom-style: solid; } |
---|
893 | |
---|
894 | h1 a:link, |
---|
895 | h1 a:visited { |
---|
896 | border: none; } |
---|
897 | |
---|
898 | .discrete a { |
---|
899 | color: #323232; } |
---|
900 | |
---|
901 | a:link { |
---|
902 | transition: .5s; } |
---|
903 | |
---|
904 | a:focus, |
---|
905 | a:focus img { |
---|
906 | outline: 2px solid #bee74b; |
---|
907 | border-bottom: none; |
---|
908 | text-decoration: none; } |
---|
909 | |
---|
910 | a.outgoing img, .outgoing-js { |
---|
911 | width: .75em; |
---|
912 | filter: contrast(50%); } |
---|
913 | #header a.outgoing img, #header .outgoing-js { |
---|
914 | width: 1.25em; |
---|
915 | padding: 0 0 0 .5em; |
---|
916 | vertical-align: initial; |
---|
917 | filter: contrast(100%); } |
---|
918 | |
---|
919 | input[type=text], |
---|
920 | input[type=color], |
---|
921 | input[type=email], |
---|
922 | input[type=url], |
---|
923 | input[type=datetime], |
---|
924 | input[type=date], |
---|
925 | input[type=time], |
---|
926 | input[type=file], |
---|
927 | input[type=number], |
---|
928 | input[type=password], |
---|
929 | input[type=submit], |
---|
930 | input[type=button], |
---|
931 | input[type=reset], |
---|
932 | a.button, button, textarea, select, legend { |
---|
933 | max-width: 100%; } |
---|
934 | |
---|
935 | input[type=text], |
---|
936 | input[type=color], |
---|
937 | input[type=email], |
---|
938 | input[type=url], |
---|
939 | input[type=datetime], |
---|
940 | input[type=date], |
---|
941 | input[type=time], |
---|
942 | input[type=file], |
---|
943 | input[type=number], |
---|
944 | input[type=password], |
---|
945 | input[type=submit], |
---|
946 | input[type=button], |
---|
947 | input[type=reset], |
---|
948 | a.button, button, textarea, legend { |
---|
949 | border-radius: 3px; } |
---|
950 | |
---|
951 | form { |
---|
952 | display: block; |
---|
953 | margin: 0; |
---|
954 | padding: 0; } |
---|
955 | |
---|
956 | fieldset { |
---|
957 | display: block; |
---|
958 | margin: 1em 0; |
---|
959 | padding: 1em 0.5em; |
---|
960 | border-width: 1px 0; |
---|
961 | border-style: solid; |
---|
962 | border-color: #cbced1; |
---|
963 | background: #fff; } |
---|
964 | fieldset:focus-within { |
---|
965 | background-color: #ededed; } |
---|
966 | |
---|
967 | input[type=text], |
---|
968 | input[type=color], |
---|
969 | input[type=email], |
---|
970 | input[type=url], |
---|
971 | input[type=datetime], |
---|
972 | input[type=date], |
---|
973 | input[type=time], |
---|
974 | input[type=file], |
---|
975 | input[type=number], |
---|
976 | textarea { |
---|
977 | font-family: inherit; |
---|
978 | font-size: 100%; } |
---|
979 | |
---|
980 | legend { |
---|
981 | padding: 0.2em 0.6em; |
---|
982 | border-width: 1px; |
---|
983 | border-style: solid; |
---|
984 | border-color: #676e78; |
---|
985 | background: #fff; |
---|
986 | margin-bottom: 0.5em; } |
---|
987 | |
---|
988 | label .maximal, textarea.maximal, input.maximal, select.maximal { |
---|
989 | width: 99%; } |
---|
990 | |
---|
991 | input[type=text], |
---|
992 | input[type=password], |
---|
993 | input[type=color], |
---|
994 | input[type=email], |
---|
995 | input[type=url], |
---|
996 | input[type=datetime], |
---|
997 | input[type=date], |
---|
998 | input[type=time], |
---|
999 | input[type=file], |
---|
1000 | input[type=number], |
---|
1001 | textarea, select, input:not([type=file]):invalid, input:not([type=file]):invalid:placeholder-shown { |
---|
1002 | color: #000; |
---|
1003 | box-shadow: 1px 1px 2px #f3f3f3 inset; |
---|
1004 | padding: 3px; |
---|
1005 | vertical-align: top; } |
---|
1006 | |
---|
1007 | input[type=text], |
---|
1008 | input[type=password], |
---|
1009 | input[type=color], |
---|
1010 | input[type=email], |
---|
1011 | input[type=url], |
---|
1012 | input[type=datetime], |
---|
1013 | input[type=date], |
---|
1014 | input[type=time], |
---|
1015 | input[type=file], |
---|
1016 | input[type=number], |
---|
1017 | textarea, input:not([type=file]):invalid, input:not([type=file]):invalid:placeholder-shown { |
---|
1018 | background: #f9f9f9; |
---|
1019 | border-width: 1px; |
---|
1020 | border-style: solid; |
---|
1021 | border-color: #dbdbdb; } |
---|
1022 | |
---|
1023 | input[type=file] { |
---|
1024 | color: #323232; |
---|
1025 | background: #fff; } |
---|
1026 | |
---|
1027 | input:invalid:not(:required), textarea:invalid:not(:required), select:invalid:not(:required), input:not([type=file]):invalid:not(:focus):not(:required) { |
---|
1028 | color: #000; |
---|
1029 | box-shadow: 0 0 0 3px rgba(174, 50, 59, 0.3); } |
---|
1030 | |
---|
1031 | input:invalid:not(:required), textarea:invalid:not(:required), input:not([type=file]):invalid:not(:focus):not(:required) { |
---|
1032 | border: 1px solid #ae323b; |
---|
1033 | background: #ffbaba; } |
---|
1034 | |
---|
1035 | input:focus, textarea:focus { |
---|
1036 | border-color: #bee74b; } |
---|
1037 | |
---|
1038 | textarea { |
---|
1039 | padding: 2px 0; } |
---|
1040 | textarea.maximal { |
---|
1041 | resize: vertical; } |
---|
1042 | .area textarea { |
---|
1043 | display: block; |
---|
1044 | width: 100%; |
---|
1045 | resize: vertical; } |
---|
1046 | |
---|
1047 | select { |
---|
1048 | padding: 2px 0; |
---|
1049 | vertical-align: middle; } |
---|
1050 | |
---|
1051 | @media not all and (min-resolution: 0.001dpcm) { |
---|
1052 | @supports (-webkit-appearance: none) { |
---|
1053 | /* Safari 10.1+ only (https://browserstrangeness.bitbucket.io/css_hacks.html#webkit) */ |
---|
1054 | select { |
---|
1055 | font-size: initial; } } } |
---|
1056 | select.l10n option { |
---|
1057 | padding-left: 16px; } |
---|
1058 | |
---|
1059 | option.avail10n { |
---|
1060 | background: transparent url(../images/check-on.png) no-repeat 0 50%; } |
---|
1061 | |
---|
1062 | input[type=text], |
---|
1063 | input[type=color], |
---|
1064 | input[type=email], |
---|
1065 | input[type=url], |
---|
1066 | input[type=datetime], |
---|
1067 | input[type=date], |
---|
1068 | input[type=time], |
---|
1069 | input[type=number], |
---|
1070 | input[type=password], |
---|
1071 | textarea { |
---|
1072 | margin-right: .3em; } |
---|
1073 | |
---|
1074 | input[type=checkbox], input[type=radio], input[type=file] { |
---|
1075 | border: none; |
---|
1076 | margin: 0 .33em 0 0; |
---|
1077 | padding: 0; |
---|
1078 | background: transparent; } |
---|
1079 | |
---|
1080 | input + input[type=checkbox] { |
---|
1081 | margin-left: .33em; } |
---|
1082 | |
---|
1083 | a input { |
---|
1084 | margin-right: .33em; } |
---|
1085 | |
---|
1086 | input[type=file] { |
---|
1087 | margin-top: .3em; |
---|
1088 | margin-bottom: .3em; } |
---|
1089 | |
---|
1090 | optgroup { |
---|
1091 | font-weight: bold; |
---|
1092 | font-style: normal; } |
---|
1093 | |
---|
1094 | option { |
---|
1095 | font-weight: normal; } |
---|
1096 | |
---|
1097 | label, label span { |
---|
1098 | display: block; } |
---|
1099 | |
---|
1100 | label.ib, input.ib { |
---|
1101 | display: inline-block; } |
---|
1102 | |
---|
1103 | label.classic { |
---|
1104 | display: inline; } |
---|
1105 | |
---|
1106 | label.classic input, label span input, label.classic select, label span select { |
---|
1107 | display: inline; } |
---|
1108 | |
---|
1109 | label.required { |
---|
1110 | font-weight: bold; } |
---|
1111 | |
---|
1112 | label.required abbr { |
---|
1113 | color: #ae323b; |
---|
1114 | font-size: 1.3em; |
---|
1115 | text-decoration: none; } |
---|
1116 | |
---|
1117 | label.bold { |
---|
1118 | text-transform: uppercase; |
---|
1119 | font-weight: bold; |
---|
1120 | margin-top: 2em; } |
---|
1121 | |
---|
1122 | label.area, p.area { |
---|
1123 | width: inherit !important; } |
---|
1124 | |
---|
1125 | p.field { |
---|
1126 | position: relative; } |
---|
1127 | p.field label { |
---|
1128 | display: inline-block; |
---|
1129 | width: 14em; } |
---|
1130 | p.field.wide label { |
---|
1131 | width: 21em; } |
---|
1132 | p.field input, p.field select { |
---|
1133 | display: inline-block; } |
---|
1134 | |
---|
1135 | .form-note, .form-stats { |
---|
1136 | font-style: italic; |
---|
1137 | font-weight: normal; |
---|
1138 | color: #676e78; } |
---|
1139 | |
---|
1140 | p.form-note, p.form-stats { |
---|
1141 | margin-top: -.7em; } |
---|
1142 | |
---|
1143 | span.form-note, span.form-stats { |
---|
1144 | text-transform: none; } |
---|
1145 | |
---|
1146 | .missing { |
---|
1147 | background-color: inherit; |
---|
1148 | animation-name: kf-missing; |
---|
1149 | animation-duration: 1s; } |
---|
1150 | |
---|
1151 | @keyframes kf-missing { |
---|
1152 | 50% { |
---|
1153 | background-color: #ffbaba; } } |
---|
1154 | .focus { |
---|
1155 | background-color: inherit; |
---|
1156 | animation-name: kf-focus; |
---|
1157 | animation-duration: 1s; } |
---|
1158 | |
---|
1159 | @keyframes kf-focus { |
---|
1160 | 50% { |
---|
1161 | background-color: #bee74b; } } |
---|
1162 | .no-more-info { |
---|
1163 | display: none; } |
---|
1164 | |
---|
1165 | /* Removes inner padding and border in FF3+ - Knacss */ |
---|
1166 | button::-moz-focus-inner, |
---|
1167 | input[type=button]::-moz-focus-inner, |
---|
1168 | input[type=reset]::-moz-focus-inner, |
---|
1169 | input[type=submit]::-moz-focus-inner { |
---|
1170 | border: 0; |
---|
1171 | padding: 0; } |
---|
1172 | |
---|
1173 | /* tous les boutons */ |
---|
1174 | button, |
---|
1175 | a.button, |
---|
1176 | input[type=button], |
---|
1177 | input[type=reset], |
---|
1178 | input[type=submit] { |
---|
1179 | border: 1px solid #cbced1; |
---|
1180 | font-family: inherit; |
---|
1181 | padding: 3px 10px; |
---|
1182 | line-height: normal !important; |
---|
1183 | display: inline-block; |
---|
1184 | font-size: 100%; |
---|
1185 | text-align: center; |
---|
1186 | text-decoration: none; |
---|
1187 | cursor: pointer; |
---|
1188 | position: relative; |
---|
1189 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); |
---|
1190 | border-style: solid; |
---|
1191 | border-width: 1px; } |
---|
1192 | |
---|
1193 | a.button { |
---|
1194 | vertical-align: middle; } |
---|
1195 | |
---|
1196 | /* validation */ |
---|
1197 | input[type=submit], |
---|
1198 | button[type=submit], |
---|
1199 | a.button.submit, |
---|
1200 | button.submit, |
---|
1201 | input.button.start { |
---|
1202 | color: #fff; |
---|
1203 | background-color: #25a6e1; |
---|
1204 | background-image: linear-gradient(to bottom, #25a6e1, #188bc0); |
---|
1205 | border-color: #25a6e1; } |
---|
1206 | |
---|
1207 | input[type=submit]:hover, |
---|
1208 | input[type=submit]:focus, |
---|
1209 | button[type=submit]:hover, |
---|
1210 | button[type=submit]:focus, |
---|
1211 | input.button.start:hover, |
---|
1212 | input.button.start:focus, |
---|
1213 | button.submit:hover, |
---|
1214 | button.submit:focus, |
---|
1215 | a.button.submit:hover, |
---|
1216 | a.button.submit:focus { |
---|
1217 | background-color: #188bc0; |
---|
1218 | background-image: linear-gradient(to bottom, #188bc0, #25a6e1); |
---|
1219 | border-color: #188bc0; } |
---|
1220 | |
---|
1221 | /* suppression, reset, "neutres" fond gris */ |
---|
1222 | button, |
---|
1223 | input[type=button], |
---|
1224 | input.button, |
---|
1225 | input[type=reset], |
---|
1226 | input[type=submit].reset, |
---|
1227 | input.reset, |
---|
1228 | input[type=submit].delete, |
---|
1229 | input.delete, |
---|
1230 | a.button, |
---|
1231 | a.button.delete, |
---|
1232 | a.button.reset { |
---|
1233 | color: #000; |
---|
1234 | background-color: #eaeaea; |
---|
1235 | background-image: linear-gradient(to bottom, #f9f9f9, #eaeaea); |
---|
1236 | background-repeat: repeat-x; |
---|
1237 | border-color: #cbced1; } |
---|
1238 | |
---|
1239 | button:hover, |
---|
1240 | input[type=button]:hover, |
---|
1241 | input.button:hover, |
---|
1242 | button:focus, |
---|
1243 | input[type=button]:focus, |
---|
1244 | input.button:focus, |
---|
1245 | input[type=reset]:hover, |
---|
1246 | input[type=submit].reset:hover, |
---|
1247 | input.reset:hover, |
---|
1248 | input[type=reset]:focus, |
---|
1249 | input[type=submit].reset:focus, |
---|
1250 | input.reset:focus, |
---|
1251 | input[type=submit].delete:hover, |
---|
1252 | input.delete:hover, |
---|
1253 | input[type=submit].delete:focus, |
---|
1254 | input.delete:focus, |
---|
1255 | a.button.delete:hover, |
---|
1256 | a.button.reset:hover, |
---|
1257 | a.button:hover, |
---|
1258 | a.button.delete:focus, |
---|
1259 | a.button.reset:focus, |
---|
1260 | a.button:focus { |
---|
1261 | background-color: #dadada; |
---|
1262 | background-image: linear-gradient(to bottom, #eaeaea, #dadada); |
---|
1263 | background-repeat: repeat-x; |
---|
1264 | border-color: #cbced1; } |
---|
1265 | |
---|
1266 | /* suppression */ |
---|
1267 | input[type=submit].delete, |
---|
1268 | input.delete, |
---|
1269 | button[type=submit].delete, |
---|
1270 | button.delete, |
---|
1271 | a.button.delete { |
---|
1272 | color: #ae323b; } |
---|
1273 | |
---|
1274 | input[type=submit].delete:hover, |
---|
1275 | input.delete:hover, |
---|
1276 | button[type=submit].delete:hover, |
---|
1277 | button.delete:hover, |
---|
1278 | a.button.delete:hover, |
---|
1279 | input[type=submit].delete:focus, |
---|
1280 | input.delete:focus, |
---|
1281 | button[type=submit].delete:focus, |
---|
1282 | button.delete:focus, |
---|
1283 | a.button.delete:focus { |
---|
1284 | color: #fff; |
---|
1285 | background-color: #b33630; |
---|
1286 | background-image: linear-gradient(to bottom, #dc5f59, #b33630); |
---|
1287 | background-repeat: repeat-x; |
---|
1288 | border-color: #dc5f59; } |
---|
1289 | |
---|
1290 | #info-box a.button, |
---|
1291 | #info-box button { |
---|
1292 | padding: 0 .5em; |
---|
1293 | margin-left: 2em; } |
---|
1294 | |
---|
1295 | .button.add, |
---|
1296 | button.add { |
---|
1297 | color: #000; |
---|
1298 | background-color: #bee74b; |
---|
1299 | background-image: linear-gradient(to bottom, #bee74b, #9bca1c); |
---|
1300 | border-color: #bee74b; |
---|
1301 | padding: .33em 1.33em .5em; } |
---|
1302 | |
---|
1303 | .button.add:hover, |
---|
1304 | .button.add:active, |
---|
1305 | .button.add:focus, |
---|
1306 | button.add:hover, |
---|
1307 | button.add:active, |
---|
1308 | button.add:focus { |
---|
1309 | background-color: #9bca1c; |
---|
1310 | background-image: linear-gradient(to bottom, #9bca1c, #bee74b); |
---|
1311 | border-color: #9bca1c; } |
---|
1312 | |
---|
1313 | .button-add:focus { |
---|
1314 | outline: dotted 1px; } |
---|
1315 | |
---|
1316 | /* paragraphe pour bouton Nouveau bidule */ |
---|
1317 | p.top-add { |
---|
1318 | text-align: right; |
---|
1319 | margin: 0; } |
---|
1320 | |
---|
1321 | /* disabled */ |
---|
1322 | input.disabled, |
---|
1323 | input[type=submit].disabled, |
---|
1324 | button.disabled, |
---|
1325 | button[type=submit].disabled { |
---|
1326 | color: #676e78; |
---|
1327 | background: #f3f3f3; |
---|
1328 | border: 1px solid #cbced1; } |
---|
1329 | |
---|
1330 | input.disabled:hover, |
---|
1331 | input[type=submit].disabled:hover, |
---|
1332 | button.disabled:hover, |
---|
1333 | button[type=submit].disabled:hover { |
---|
1334 | color: #676e78; |
---|
1335 | background: #ececec; |
---|
1336 | border: 1px solid #cbced1; } |
---|
1337 | |
---|
1338 | /* Boutons javascript (dépliage/repliage, …) */ |
---|
1339 | .void-btn { |
---|
1340 | border: none; |
---|
1341 | border-radius: 0; |
---|
1342 | padding: 0; } |
---|
1343 | |
---|
1344 | input.details-cmd { |
---|
1345 | font-size: 0.9em; |
---|
1346 | border: none; |
---|
1347 | border-radius: 0; |
---|
1348 | padding: 0; |
---|
1349 | margin: 0 5px 0 0; |
---|
1350 | color: currentColor; |
---|
1351 | background: transparent; } |
---|
1352 | input.details-cmd:hover, input.details-cmd:focus { |
---|
1353 | background: transparent; |
---|
1354 | color: #bee74b; } |
---|
1355 | |
---|
1356 | /* specific buttons */ |
---|
1357 | .checkbox-helper, |
---|
1358 | #gototop, |
---|
1359 | .metaGetList, |
---|
1360 | .metaGetMore, |
---|
1361 | a.checkbox-helper, |
---|
1362 | a#gototop, |
---|
1363 | a.metaGetList, |
---|
1364 | a.metaGetMore { |
---|
1365 | font-size: 0.825em; |
---|
1366 | color: #323232; |
---|
1367 | background: #fff; |
---|
1368 | box-shadow: none; |
---|
1369 | border: 1px solid #676e78; |
---|
1370 | margin-bottom: .25em; |
---|
1371 | text-align: center; } |
---|
1372 | .checkbox-helper:hover, |
---|
1373 | #gototop:hover, |
---|
1374 | .metaGetList:hover, |
---|
1375 | .metaGetMore:hover, |
---|
1376 | a.checkbox-helper:hover, |
---|
1377 | a#gototop:hover, |
---|
1378 | a.metaGetList:hover, |
---|
1379 | a.metaGetMore:hover { |
---|
1380 | background: #a2cbe9; |
---|
1381 | box-shadow: none; |
---|
1382 | border: 1px solid #676e78; } |
---|
1383 | |
---|
1384 | #gototop { |
---|
1385 | display: none; |
---|
1386 | z-index: 1000; |
---|
1387 | position: fixed; |
---|
1388 | bottom: 0; |
---|
1389 | right: .5em; |
---|
1390 | width: 10em; |
---|
1391 | padding: .25em; |
---|
1392 | border-radius: .25em; } |
---|
1393 | #gototop a, |
---|
1394 | #gototop a:link, |
---|
1395 | #gototop a:hover, |
---|
1396 | #gototop a:active { |
---|
1397 | color: #323232; |
---|
1398 | background: transparent; |
---|
1399 | border: none; } |
---|
1400 | |
---|
1401 | .metaRemove, |
---|
1402 | .addMeta button:not(.metaGetMore), |
---|
1403 | .addMeta a:not(.metaGetMore) { |
---|
1404 | border: none; |
---|
1405 | border-radius: 0; |
---|
1406 | padding: 0; |
---|
1407 | color: #000; |
---|
1408 | background: transparent; } |
---|
1409 | |
---|
1410 | .addMeta button:not(.metaGetMore), |
---|
1411 | .addMeta a:not(.metaGetMore) { |
---|
1412 | box-shadow: initial; |
---|
1413 | margin-bottom: 2px; } |
---|
1414 | .addMeta button:not(.metaGetMore):hover, .addMeta button:not(.metaGetMore):focus, |
---|
1415 | .addMeta a:not(.metaGetMore):hover, |
---|
1416 | .addMeta a:not(.metaGetMore):focus { |
---|
1417 | color: #000; |
---|
1418 | background: #abd0eb; } |
---|
1419 | |
---|
1420 | .warn, |
---|
1421 | .warning, |
---|
1422 | .info { |
---|
1423 | font-style: normal; |
---|
1424 | padding: .2em .66em .2em; |
---|
1425 | text-indent: 24px; |
---|
1426 | display: inline-block; |
---|
1427 | line-height: 1.5em; |
---|
1428 | border-radius: 3px; } |
---|
1429 | |
---|
1430 | .info { |
---|
1431 | color: #323232; |
---|
1432 | background: #d9edf7 url(msg-info.png) no-repeat 0.3em 0.3em; |
---|
1433 | border: 1px solid #bce8f1; } |
---|
1434 | |
---|
1435 | .warn, |
---|
1436 | .warning { |
---|
1437 | color: #323232; |
---|
1438 | background: #fefacd url(msg-warning.png) no-repeat 0.3em 0.3em; |
---|
1439 | border: 1px solid #ffd478; } |
---|
1440 | |
---|
1441 | div.warn, |
---|
1442 | div.warning, |
---|
1443 | div.info { |
---|
1444 | display: block; |
---|
1445 | padding: 1em 1em .33em 1em; |
---|
1446 | margin-bottom: 1em; } |
---|
1447 | |
---|
1448 | span.warn, |
---|
1449 | span.warning, |
---|
1450 | span.info { |
---|
1451 | padding-top: 1px; |
---|
1452 | padding-bottom: 1px; |
---|
1453 | background-position: .3em .2em; } |
---|
1454 | |
---|
1455 | .error, |
---|
1456 | .message, |
---|
1457 | .static-msg, |
---|
1458 | .success, |
---|
1459 | .warning-msg { |
---|
1460 | padding: 1em 0.5em 0.5em 48px; |
---|
1461 | margin-bottom: 1em; |
---|
1462 | border-radius: 8px; |
---|
1463 | box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.1); } |
---|
1464 | |
---|
1465 | p.error, |
---|
1466 | p.message, |
---|
1467 | p.static-msg, |
---|
1468 | p.success, |
---|
1469 | p.warning-msg { |
---|
1470 | padding-top: 1em; |
---|
1471 | padding-bottom: 1em; |
---|
1472 | margin-top: .5em; } |
---|
1473 | |
---|
1474 | .error { |
---|
1475 | background: #ffbaba url(msg-error.png) no-repeat 0.7em 0.7em; |
---|
1476 | color: #000; |
---|
1477 | animation-name: kf-error; |
---|
1478 | animation-duration: .5s; } |
---|
1479 | |
---|
1480 | @keyframes kf-error { |
---|
1481 | 0% { |
---|
1482 | background-color: #fefacd; } |
---|
1483 | 100% { |
---|
1484 | background-color: #ffbaba; } } |
---|
1485 | .message, |
---|
1486 | .static-msg { |
---|
1487 | color: #fff; |
---|
1488 | background: #676e78 url(msg-std.png) no-repeat 0.7em 0.7em; } |
---|
1489 | |
---|
1490 | .message { |
---|
1491 | animation-name: kf-message; |
---|
1492 | animation-duration: .5s; } |
---|
1493 | |
---|
1494 | @keyframes kf-message { |
---|
1495 | 0% { |
---|
1496 | background-color: #cbced1; } |
---|
1497 | 100% { |
---|
1498 | background-color: #676e78; } } |
---|
1499 | .message a, |
---|
1500 | .static-msg a, |
---|
1501 | .message h3, |
---|
1502 | .static-msg h3 { |
---|
1503 | color: #fff; } |
---|
1504 | |
---|
1505 | .success { |
---|
1506 | color: #000; } |
---|
1507 | |
---|
1508 | .success { |
---|
1509 | background: #bee74b url(msg-success.png) no-repeat 0.7em 0.7em; |
---|
1510 | animation-name: kf-success; |
---|
1511 | animation-duration: .5s; } |
---|
1512 | |
---|
1513 | @keyframes kf-success { |
---|
1514 | 0% { |
---|
1515 | background-color: #9bca1c; } |
---|
1516 | 100% { |
---|
1517 | background-color: #bee74b; } } |
---|
1518 | .warning-msg { |
---|
1519 | color: #323232; |
---|
1520 | background: #ffd478 url(msg-warning.png) no-repeat 0.7em 0.7em; |
---|
1521 | border: 1px solid #ffd478; |
---|
1522 | animation-name: kf-warning; |
---|
1523 | animation-duration: .5s; } |
---|
1524 | |
---|
1525 | @keyframes kf-warning { |
---|
1526 | 0% { |
---|
1527 | background-color: #fefacd; } |
---|
1528 | 100% { |
---|
1529 | background-color: #ffd478; } } |
---|
1530 | .success a, |
---|
1531 | .warning-msg a, |
---|
1532 | .info a { |
---|
1533 | color: #323232; } |
---|
1534 | |
---|
1535 | .close-notice-parent { |
---|
1536 | display: flex; |
---|
1537 | justify-content: space-between; } |
---|
1538 | .close-notice-parent ul, .close-notice-parent p + p { |
---|
1539 | flex: 1; } |
---|
1540 | .close-notice-parent p + p { |
---|
1541 | padding-left: .25em; } |
---|
1542 | |
---|
1543 | .close-notice { |
---|
1544 | background: none; |
---|
1545 | border: none; |
---|
1546 | border-radius: 0; |
---|
1547 | box-shadow: none; |
---|
1548 | padding-left: 1em; } |
---|
1549 | .close-notice:hover, .close-notice:focus { |
---|
1550 | background: none; } |
---|
1551 | |
---|
1552 | .dc-update { |
---|
1553 | padding: 1em 48px 0.5em 48px; |
---|
1554 | margin-bottom: 1em; |
---|
1555 | border-radius: 8px; |
---|
1556 | color: #000; |
---|
1557 | background: #a2cbe9 url(msg-success.png) no-repeat 0.7em 0.7em; |
---|
1558 | box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.1); } |
---|
1559 | .dc-update h3 { |
---|
1560 | margin-top: 0; |
---|
1561 | color: #000; } |
---|
1562 | .dc-update p { |
---|
1563 | display: inline-block; |
---|
1564 | vertical-align: middle; } |
---|
1565 | .dc-update a { |
---|
1566 | color: #000; |
---|
1567 | margin-right: 1em; } |
---|
1568 | .dc-update a.button { |
---|
1569 | padding: .5em 1em; } |
---|
1570 | |
---|
1571 | .updt-info a { |
---|
1572 | margin-left: 2em; |
---|
1573 | border-color: #000; |
---|
1574 | font-weight: bold; } |
---|
1575 | |
---|
1576 | body.ajax-loader #header { |
---|
1577 | border-bottom-color: #92b7d2; |
---|
1578 | transition: border-bottom-color .3s ease; } |
---|
1579 | body.ajax-loader #collapser { |
---|
1580 | background-color: #92b7d2; |
---|
1581 | transition: background-color .3s ease; } |
---|
1582 | |
---|
1583 | /** -------------------------------------------------- |
---|
1584 | Components |
---|
1585 | --------------------------------------------------- */ |
---|
1586 | /* prelude */ |
---|
1587 | #prelude { |
---|
1588 | line-height: 1.5; |
---|
1589 | margin: 0; |
---|
1590 | padding: 0; |
---|
1591 | overflow: hidden; |
---|
1592 | position: absolute; |
---|
1593 | top: 3em; |
---|
1594 | left: 0; |
---|
1595 | background: #a2cbe9; |
---|
1596 | width: 100%; |
---|
1597 | z-index: 100; } |
---|
1598 | #prelude li { |
---|
1599 | list-style-type: none; |
---|
1600 | margin: 0; |
---|
1601 | background: transparent; |
---|
1602 | display: inline; } |
---|
1603 | #prelude li a { |
---|
1604 | padding: 3px 16px 3px 8px; |
---|
1605 | color: #323232; |
---|
1606 | background: #a2cbe9; |
---|
1607 | text-decoration: underline; } |
---|
1608 | #prelude li a:hover, #prelude li a:focus { |
---|
1609 | background: #fff; } |
---|
1610 | |
---|
1611 | /* si le prélude est affiché on repousse les trucs dessous */ |
---|
1612 | #wrapper.with-prelude { |
---|
1613 | padding-top: 1em; } |
---|
1614 | |
---|
1615 | #help-button.with-prelude, |
---|
1616 | #collapser.with-prelude { |
---|
1617 | top: 1em; } |
---|
1618 | |
---|
1619 | /* header global h1, form#top-info-blog, ul#top-info-user */ |
---|
1620 | #header a { |
---|
1621 | color: #fff; } |
---|
1622 | #header img { |
---|
1623 | vertical-align: middle; |
---|
1624 | padding-left: .5em; } |
---|
1625 | |
---|
1626 | /* h1 */ |
---|
1627 | h1 { |
---|
1628 | text-indent: 100%; |
---|
1629 | width: 16.5em; } |
---|
1630 | h1 a { |
---|
1631 | position: absolute; |
---|
1632 | top: 0; |
---|
1633 | left: 0; |
---|
1634 | width: 150px; |
---|
1635 | height: 36px; |
---|
1636 | color: #fff; |
---|
1637 | background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px; |
---|
1638 | transition: none; } |
---|
1639 | h1 a:hover, h1 a:focus { |
---|
1640 | background-position: 0 -94px; |
---|
1641 | background-color: transparent; |
---|
1642 | transition: none; } |
---|
1643 | h1 a:link { |
---|
1644 | transition-timing-function: ease-in-out; } |
---|
1645 | |
---|
1646 | /* top-info-blog */ |
---|
1647 | #top-info-blog select { |
---|
1648 | max-width: 20em; } |
---|
1649 | #top-info-blog a { |
---|
1650 | margin-left: 1.5em; } |
---|
1651 | #top-info-blog input[type=submit] { |
---|
1652 | background: #25a6e1; |
---|
1653 | border-color: #cbced1; |
---|
1654 | margin-left: .33em; } |
---|
1655 | #top-info-blog input[type=submit]:hover { |
---|
1656 | color: #fff; |
---|
1657 | background: #188bc0; } |
---|
1658 | #top-info-blog p { |
---|
1659 | display: inline-block; |
---|
1660 | margin: 0; } |
---|
1661 | |
---|
1662 | /* top-info-user */ |
---|
1663 | #top-info-user { |
---|
1664 | padding-right: .5em; |
---|
1665 | list-style-type: none; |
---|
1666 | text-align: right; } |
---|
1667 | #top-info-user li { |
---|
1668 | display: inline-block; |
---|
1669 | margin-left: .5em; |
---|
1670 | padding-left: .5em; |
---|
1671 | border-left: 1px solid #868686; } |
---|
1672 | #top-info-user li:first-child { |
---|
1673 | border-left: none; } |
---|
1674 | #top-info-user a.active { |
---|
1675 | border-width: 0; |
---|
1676 | border-radius: 4px; |
---|
1677 | margin: 0; |
---|
1678 | padding: 2px 8px 3px; |
---|
1679 | color: #d33800; |
---|
1680 | background-color: #f3f3f3; |
---|
1681 | font-weight: bold; } |
---|
1682 | |
---|
1683 | /* ------------------------------------------------------------------------------------ |
---|
1684 | UN POIL DE MEDIA QUERIES |
---|
1685 | ------------------------------------------------------------------------------------ */ |
---|
1686 | @media screen and (max-width: 26.5em) { |
---|
1687 | h1, |
---|
1688 | h1 a { |
---|
1689 | padding: 0; } } |
---|
1690 | @media screen and (max-width: 38em) { |
---|
1691 | h1 a:link { |
---|
1692 | background: transparent url(dc_logos/b-dotclear120.png) no-repeat -270px 6px; } |
---|
1693 | |
---|
1694 | h1 a:hover, |
---|
1695 | h1 a:focus { |
---|
1696 | background: url(dc_logos/b-dotclear120.png) no-repeat -270px -94px; } } |
---|
1697 | #main-menu div:last-child { |
---|
1698 | border-bottom: none; } |
---|
1699 | #main-menu h3 { |
---|
1700 | margin: 0; |
---|
1701 | padding: 10px 0 10px 8px; |
---|
1702 | color: #676e78; |
---|
1703 | font-size: 1.15em; } |
---|
1704 | #main-menu a { |
---|
1705 | color: #323232; |
---|
1706 | border-bottom-color: #cbced1; } |
---|
1707 | #main-menu ul { |
---|
1708 | margin: 0 0 1.5em 0; |
---|
1709 | padding: 0; |
---|
1710 | list-style: none; } |
---|
1711 | #main-menu ul li { |
---|
1712 | display: block; |
---|
1713 | margin: 0.5em 0 0; |
---|
1714 | padding: 4px 0 1px 32px; |
---|
1715 | background-repeat: no-repeat; |
---|
1716 | background-position: 8px .3em; } |
---|
1717 | #main-menu ul li:first-child { |
---|
1718 | margin-top: 0; } |
---|
1719 | #main-menu .active { |
---|
1720 | background-color: #fff; |
---|
1721 | font-weight: bold; } |
---|
1722 | #main-menu .active a { |
---|
1723 | border-bottom: none; |
---|
1724 | color: #d30e60; } |
---|
1725 | |
---|
1726 | #favorites-menu, |
---|
1727 | #blog-menu, |
---|
1728 | #system-menu, |
---|
1729 | #plugins-menu { |
---|
1730 | border-bottom: 1px dashed #a2cbe9; } |
---|
1731 | |
---|
1732 | #favorites-menu h3 { |
---|
1733 | font-variant: small-caps; |
---|
1734 | padding-top: .2em; } |
---|
1735 | |
---|
1736 | #search-menu { |
---|
1737 | padding: 4px 0 0 4px; |
---|
1738 | font-size: .91em; } |
---|
1739 | #search-menu p { |
---|
1740 | width: 95%; |
---|
1741 | margin: 0 0 .5em 0; } |
---|
1742 | #search-menu input[type="submit"] { |
---|
1743 | float: right; } |
---|
1744 | |
---|
1745 | #qx { |
---|
1746 | width: 75%; |
---|
1747 | background: transparent url(search.svg) no-repeat 0 center; |
---|
1748 | text-indent: 20px; } |
---|
1749 | |
---|
1750 | .part-tabs ul { |
---|
1751 | padding: .5em 0 0 1em; |
---|
1752 | border-bottom: 1px solid #c9c9c9; |
---|
1753 | line-height: 1.8; } |
---|
1754 | .part-tabs li { |
---|
1755 | list-style: none; |
---|
1756 | margin: 0; |
---|
1757 | display: inline; } |
---|
1758 | .part-tabs li:first-child a { |
---|
1759 | border-top-left-radius: 3px; } |
---|
1760 | .part-tabs li:last-child a { |
---|
1761 | border-top-right-radius: 3px; } |
---|
1762 | .part-tabs li a { |
---|
1763 | padding: .33em 1.5em; |
---|
1764 | margin-right: -1px; |
---|
1765 | border: 1px solid #c9c9c9; |
---|
1766 | border-bottom: none; |
---|
1767 | text-decoration: none; |
---|
1768 | color: #323232; |
---|
1769 | background-color: #f3f3f3; |
---|
1770 | display: inline-block; } |
---|
1771 | .part-tabs li a:hover, .part-tabs li a:focus { |
---|
1772 | color: #323232; |
---|
1773 | background: #fff; |
---|
1774 | border-bottom-color: #fff; } |
---|
1775 | .part-tabs li a:link { |
---|
1776 | transition: unset; } |
---|
1777 | .part-tabs li.part-tabs-active a { |
---|
1778 | color: #d33800; |
---|
1779 | background: #fff; |
---|
1780 | font-weight: bold; |
---|
1781 | border-bottom-color: #fff; } |
---|
1782 | |
---|
1783 | .multi-part { |
---|
1784 | padding-left: 1em; } |
---|
1785 | |
---|
1786 | .pseudo-tabs { |
---|
1787 | margin: -.75em 0 2em 0; |
---|
1788 | border-bottom: 1px solid #c9c9c9; |
---|
1789 | display: table; |
---|
1790 | width: 100%; |
---|
1791 | padding: 0; |
---|
1792 | line-height: 24px; |
---|
1793 | border-collapse: collapse; } |
---|
1794 | .pseudo-tabs li { |
---|
1795 | display: table-cell; |
---|
1796 | border-width: 0 1px; |
---|
1797 | border-style: solid; |
---|
1798 | border-color: #c9c9c9; |
---|
1799 | padding: 0; |
---|
1800 | margin: 0; |
---|
1801 | text-align: center; } |
---|
1802 | .pseudo-tabs a { |
---|
1803 | display: block; |
---|
1804 | font-weight: bold; |
---|
1805 | padding: 0 24px; |
---|
1806 | border-bottom: none; } |
---|
1807 | .pseudo-tabs a:hover, .pseudo-tabs a:focus { |
---|
1808 | background-color: #f3f3f3; |
---|
1809 | color: #323232; } |
---|
1810 | .pseudo-tabs a.active { |
---|
1811 | background-color: #fff; |
---|
1812 | color: #d33800; } |
---|
1813 | |
---|
1814 | /* contextual help */ |
---|
1815 | #help { |
---|
1816 | margin-top: 4em; |
---|
1817 | background: #f3f3f3; |
---|
1818 | z-index: 100; |
---|
1819 | clear: both; |
---|
1820 | padding: 0 1em; } |
---|
1821 | #content.with-help #help { |
---|
1822 | display: block; |
---|
1823 | position: absolute; |
---|
1824 | top: 0; |
---|
1825 | right: 0; |
---|
1826 | width: 32rem; |
---|
1827 | border-left: 2px solid #ffd478; |
---|
1828 | border-top: 2px solid #ffd478; |
---|
1829 | margin-top: 0; |
---|
1830 | padding: .5em 0 0 0; |
---|
1831 | overflow: auto; } |
---|
1832 | |
---|
1833 | #help-button { |
---|
1834 | background: transparent url(help-mini.png) no-repeat 6px center; |
---|
1835 | position: absolute; |
---|
1836 | top: 0; |
---|
1837 | right: 0; |
---|
1838 | padding: 0 1.5em 0 30px; |
---|
1839 | cursor: pointer; |
---|
1840 | color: #2373a8; |
---|
1841 | line-height: 3; } |
---|
1842 | #help-button.floatable { |
---|
1843 | border-top: 2px solid #c9c9c9; |
---|
1844 | border-left: 2px solid #c9c9c9; |
---|
1845 | border-bottom: 2px solid #c9c9c9; |
---|
1846 | border-bottom-left-radius: 1em; |
---|
1847 | border-top-left-radius: 1em; |
---|
1848 | background-color: #f3f3f3; |
---|
1849 | position: fixed; |
---|
1850 | top: 10px; |
---|
1851 | -webkit-transform: translateZ(0); } |
---|
1852 | .no-js #help-button { |
---|
1853 | top: 1em; } |
---|
1854 | #help-button span { |
---|
1855 | padding: .5em 0 .1em 0; } |
---|
1856 | #content.with-help #help-button { |
---|
1857 | right: 32rem; |
---|
1858 | background-color: #f3f3f3; |
---|
1859 | position: fixed; |
---|
1860 | top: 6em; |
---|
1861 | z-index: 100; |
---|
1862 | border-top: 2px solid #ffd478; |
---|
1863 | border-left: 2px solid #ffd478; |
---|
1864 | border-bottom: 2px solid #ffd478; |
---|
1865 | border-bottom-left-radius: 1em; |
---|
1866 | border-top-left-radius: 1em; } |
---|
1867 | |
---|
1868 | .help-box { |
---|
1869 | display: none; } |
---|
1870 | .help-box ul { |
---|
1871 | padding-left: 20px; |
---|
1872 | margin-left: 0; } |
---|
1873 | |
---|
1874 | #content.with-help .help-content { |
---|
1875 | padding: 0 1em 1em; } |
---|
1876 | .help-content dt { |
---|
1877 | font-weight: bold; |
---|
1878 | color: #676e78; |
---|
1879 | margin: 0; } |
---|
1880 | .help-content dd { |
---|
1881 | margin: 0.3em 0 1.5em 0; } |
---|
1882 | |
---|
1883 | /* lien d'aide générale dans le help content */ |
---|
1884 | #helplink p { |
---|
1885 | padding: 0 0 0 .5em; } |
---|
1886 | |
---|
1887 | #footer p { |
---|
1888 | margin: 0; |
---|
1889 | padding: 0 1em; |
---|
1890 | font-size: 1em; } |
---|
1891 | #footer a:hover span.tooltip { |
---|
1892 | padding: 10px; |
---|
1893 | color: #910ed3; |
---|
1894 | height: auto; |
---|
1895 | width: auto; |
---|
1896 | left: 0; |
---|
1897 | bottom: 0; |
---|
1898 | background: rgba(255, 255, 255, 0.9); |
---|
1899 | z-index: 99; |
---|
1900 | font-family: monospace; |
---|
1901 | text-align: left; |
---|
1902 | border-top: 1px solid #910ed3; |
---|
1903 | border-right: 1px solid #910ed3; |
---|
1904 | border-radius: 0 2em 0 0; } |
---|
1905 | |
---|
1906 | span.credit { |
---|
1907 | font-size: 1em; |
---|
1908 | font-weight: normal; } |
---|
1909 | |
---|
1910 | span.tooltip { |
---|
1911 | position: absolute; |
---|
1912 | padding: 0; |
---|
1913 | border: 0; |
---|
1914 | height: 1px; |
---|
1915 | width: 1px; |
---|
1916 | overflow: hidden; } |
---|
1917 | |
---|
1918 | /** -------------------------------------------------- |
---|
1919 | Tables and Filters |
---|
1920 | --------------------------------------------------- */ |
---|
1921 | table .maximal { |
---|
1922 | overflow: hidden; |
---|
1923 | text-overflow: ellipsis; |
---|
1924 | max-width: 1px; } |
---|
1925 | table .maximal, table.maximal { |
---|
1926 | width: 100%; } |
---|
1927 | table .minimal { |
---|
1928 | width: 1px; } |
---|
1929 | table .nowrap { |
---|
1930 | white-space: nowrap; |
---|
1931 | vertical-align: top; } |
---|
1932 | table .count { |
---|
1933 | text-align: right; |
---|
1934 | padding-right: 1.5em; } |
---|
1935 | |
---|
1936 | th.first input { |
---|
1937 | padding-right: 34px; } |
---|
1938 | |
---|
1939 | th img, |
---|
1940 | tr.line img { |
---|
1941 | vertical-align: middle; } |
---|
1942 | th img.expand, |
---|
1943 | tr.line img.expand { |
---|
1944 | margin-right: 6px; |
---|
1945 | margin-bottom: -2px; } |
---|
1946 | |
---|
1947 | tr.line p { |
---|
1948 | margin: 0; } |
---|
1949 | tr.line input, |
---|
1950 | tr.line select { |
---|
1951 | vertical-align: middle; |
---|
1952 | box-shadow: none; } |
---|
1953 | tr.line select { |
---|
1954 | width: 6em; } |
---|
1955 | tr.line input[type=text] { |
---|
1956 | background: #fff; } |
---|
1957 | tr.line:hover { |
---|
1958 | background: #f3f3f3; } |
---|
1959 | tr.line:focus-within { |
---|
1960 | background-color: #ededed; } |
---|
1961 | |
---|
1962 | td.status { |
---|
1963 | vertical-align: middle; } |
---|
1964 | td.status a { |
---|
1965 | border: none; } |
---|
1966 | |
---|
1967 | .noborder td, |
---|
1968 | td.noborder, |
---|
1969 | .noborder th, |
---|
1970 | th.noborder { |
---|
1971 | border-width: 0 0 1px 0; |
---|
1972 | border-color: #dbdbdb; |
---|
1973 | line-height: 2em; |
---|
1974 | padding-bottom: 0; } |
---|
1975 | |
---|
1976 | .noborder p { |
---|
1977 | margin-bottom: 0; } |
---|
1978 | |
---|
1979 | table.posts-list { |
---|
1980 | min-width: 50%; } |
---|
1981 | |
---|
1982 | table.settings, |
---|
1983 | table.prefs { |
---|
1984 | margin-bottom: 3em; } |
---|
1985 | table.settings th:first-child, |
---|
1986 | table.prefs th:first-child { |
---|
1987 | width: 20%; } |
---|
1988 | table.settings th + th, |
---|
1989 | table.prefs th + th { |
---|
1990 | width: 30%; } |
---|
1991 | table.settings th + th + th, |
---|
1992 | table.prefs th + th + th { |
---|
1993 | width: 10%; } |
---|
1994 | table.settings th:last-child, |
---|
1995 | table.prefs th:last-child { |
---|
1996 | width: 40%; } |
---|
1997 | |
---|
1998 | /* js */ |
---|
1999 | td.expand { |
---|
2000 | padding: 1em; } |
---|
2001 | td.expand td { |
---|
2002 | border-bottom: none; } |
---|
2003 | |
---|
2004 | .handle { |
---|
2005 | padding: 0; } |
---|
2006 | |
---|
2007 | .handler { |
---|
2008 | cursor: move; |
---|
2009 | background: transparent url(drag.png) no-repeat 0 50%; |
---|
2010 | padding-left: 15px; } |
---|
2011 | |
---|
2012 | a.form-control { |
---|
2013 | display: none; |
---|
2014 | color: #000; } |
---|
2015 | a.form-control::before { |
---|
2016 | content: "►"; |
---|
2017 | margin-right: 5px; } |
---|
2018 | a.form-control.open::before { |
---|
2019 | content: "▼"; } |
---|
2020 | |
---|
2021 | #filters-form { |
---|
2022 | border: 1px solid #a2cbe9; |
---|
2023 | border-radius: .3em; |
---|
2024 | margin-bottom: 2em; |
---|
2025 | padding: .5em 1em 0; } |
---|
2026 | #filters-form .table { |
---|
2027 | width: 100%; |
---|
2028 | padding: 0; |
---|
2029 | margin-bottom: 1em; |
---|
2030 | margin-top: .5em; } |
---|
2031 | #filters-form .cell { |
---|
2032 | padding: 0 2em 0 0; } |
---|
2033 | #filters-form .filters-sibling-cell { |
---|
2034 | padding-top: 3.8em; } |
---|
2035 | #filters-form .filters-options { |
---|
2036 | padding-left: 2em; |
---|
2037 | border-left: 1px solid #c9c9c9; } |
---|
2038 | #filters-form select { |
---|
2039 | width: 14em; |
---|
2040 | vertical-align: middle; } |
---|
2041 | #filters-form h4 { |
---|
2042 | margin-top: 0; |
---|
2043 | margin-bottom: 2em; } |
---|
2044 | #filters-form label.ib, |
---|
2045 | #filters-form span.ib { |
---|
2046 | width: 7em; } |
---|
2047 | #filters-form label.ibw, |
---|
2048 | #filters-form span.ibw { |
---|
2049 | width: 9em; |
---|
2050 | display: inline-block; } |
---|
2051 | #filters-form:focus-within { |
---|
2052 | background-color: #ededed; } |
---|
2053 | |
---|
2054 | span.ib { |
---|
2055 | width: 7em; } |
---|
2056 | |
---|
2057 | span.ibw { |
---|
2058 | width: 9em; |
---|
2059 | display: inline-block; } |
---|
2060 | |
---|
2061 | /** -------------------------------------------------- |
---|
2062 | Pages |
---|
2063 | --------------------------------------------------- */ |
---|
2064 | #login-screen { |
---|
2065 | display: block; |
---|
2066 | width: 20em; |
---|
2067 | margin: 1.5em auto 0; |
---|
2068 | font-size: 1.16em; } |
---|
2069 | #login-screen h1 { |
---|
2070 | text-indent: -2000px; |
---|
2071 | background: transparent url(dc_logos/w-dotclear240.png) no-repeat top left; |
---|
2072 | height: 66px; |
---|
2073 | width: 20em; |
---|
2074 | margin-bottom: .5em; |
---|
2075 | margin-left: 0; } |
---|
2076 | #login-screen .fieldset { |
---|
2077 | border: 1px solid #9bca1c; |
---|
2078 | padding: 1em 1em 0 1em; |
---|
2079 | background: #fff; |
---|
2080 | margin-bottom: 0; |
---|
2081 | margin-top: 1em; } |
---|
2082 | #login-screen input[type=text], |
---|
2083 | #login-screen input[type=color], |
---|
2084 | #login-screen input[type=email], |
---|
2085 | #login-screen input[type=url], |
---|
2086 | #login-screen input[type=datetime], |
---|
2087 | #login-screen input[type=date], |
---|
2088 | #login-screen input[type=time], |
---|
2089 | #login-screen input[type=file], |
---|
2090 | #login-screen input[type=number], |
---|
2091 | #login-screen input[type=password], |
---|
2092 | #login-screen input[type=submit], |
---|
2093 | #login-screen input[type=text]:focus, |
---|
2094 | #login-screen input[type=color]:focus, |
---|
2095 | #login-screen input[type=email]:focus, |
---|
2096 | #login-screen input[type=url]:focus, |
---|
2097 | #login-screen input[type=datetime]:focus, |
---|
2098 | #login-screen input[type=date]:focus, |
---|
2099 | #login-screen input[type=time]:focus, |
---|
2100 | #login-screen input[type=file]:focus, |
---|
2101 | #login-screen input[type=number]:focus, |
---|
2102 | #login-screen input[type=password]:focus, |
---|
2103 | #login-screen input[type=submit]:focus { |
---|
2104 | width: 100%; |
---|
2105 | margin: 0; |
---|
2106 | padding: 5px 3px; } |
---|
2107 | #login-screen input.login, |
---|
2108 | #login-screen input.login:focus { |
---|
2109 | padding-top: 6px; |
---|
2110 | padding-bottom: 6px; |
---|
2111 | font-size: 1em; } |
---|
2112 | #login-screen input.details-cmd { |
---|
2113 | width: auto; |
---|
2114 | margin: 0 5px 0 0; |
---|
2115 | padding: 0; } |
---|
2116 | #login-screen #issue { |
---|
2117 | margin-left: 1.33em; |
---|
2118 | font-size: .91em; } |
---|
2119 | #login-screen #issue p:first-child { |
---|
2120 | text-align: right; } |
---|
2121 | #login-screen #issue strong { |
---|
2122 | font-weight: normal; } |
---|
2123 | |
---|
2124 | #dashboard-main { |
---|
2125 | text-align: center; } |
---|
2126 | |
---|
2127 | /* raccourcis */ |
---|
2128 | #icons { |
---|
2129 | display: flex; |
---|
2130 | flex-wrap: wrap; |
---|
2131 | justify-content: center; } |
---|
2132 | #icons p { |
---|
2133 | width: 13em; |
---|
2134 | text-align: center; |
---|
2135 | margin: 1em 0 2em; } |
---|
2136 | #icons a, #icons a:link, #icons a:visited, #icons a:hover, #icons a:focus { |
---|
2137 | border-bottom-width: 0; |
---|
2138 | text-decoration: none; } |
---|
2139 | #icons a span { |
---|
2140 | color: #323232; |
---|
2141 | border-bottom: 1px dotted #868686; } |
---|
2142 | #icons a img { |
---|
2143 | padding: 1.5em; |
---|
2144 | background-color: #f9f9f9; |
---|
2145 | border-radius: 8px; |
---|
2146 | border: 1px solid #dbdbdb; |
---|
2147 | display: inline-block; |
---|
2148 | filter: contrast(100%); } |
---|
2149 | #icons a:focus { |
---|
2150 | outline: 0; } |
---|
2151 | #icons a:focus span { |
---|
2152 | border: 2px solid #bee74b; } |
---|
2153 | #icons a:focus img, #icons a:hover img { |
---|
2154 | background: #bee74b; |
---|
2155 | outline: 0; |
---|
2156 | border-color: #dbdbdb; } |
---|
2157 | #icons a:focus span, #icons a:hover span { |
---|
2158 | border-bottom-style: solid; } |
---|
2159 | |
---|
2160 | /* billet rapide */ |
---|
2161 | #quick { |
---|
2162 | padding: 1em; |
---|
2163 | max-width: 72em; |
---|
2164 | margin: 0 auto; |
---|
2165 | background: #f3f3f3; |
---|
2166 | border: 1px solid #dbdbdb; |
---|
2167 | text-align: left; } |
---|
2168 | #quick h3 { |
---|
2169 | margin-bottom: 0.2em; |
---|
2170 | font-size: 1.2em; } |
---|
2171 | #quick p.qinfo { |
---|
2172 | margin: -.7em -1em 1em; |
---|
2173 | background: #d9edf7 url(msg-info.png) no-repeat 0.2em 0.2em; |
---|
2174 | border: 1px solid #bce8f1; |
---|
2175 | padding: .2em 1em .1em 24px; |
---|
2176 | color: #323232; } |
---|
2177 | #quick #new_cat, |
---|
2178 | #quick .q-cat, |
---|
2179 | #quick .q-cat label { |
---|
2180 | display: inline-block; |
---|
2181 | vertical-align: top; |
---|
2182 | margin-right: 1em; |
---|
2183 | margin-top: 0; } |
---|
2184 | #quick .q-cat label { |
---|
2185 | margin-right: .3em; } |
---|
2186 | #quick #new_cat { |
---|
2187 | margin-bottom: 2em; } |
---|
2188 | |
---|
2189 | /* modules additionnels */ |
---|
2190 | #dashboard-boxes { |
---|
2191 | margin: 1em auto 1em; |
---|
2192 | padding-top: 2em; |
---|
2193 | display: flex; |
---|
2194 | flex-wrap: wrap; |
---|
2195 | justify-content: center; } |
---|
2196 | #dashboard-boxes .box { |
---|
2197 | padding: 10px; |
---|
2198 | border: 1px solid #cbced1; |
---|
2199 | border-radius: 3px; |
---|
2200 | min-height: 200px; |
---|
2201 | margin: 10px; |
---|
2202 | text-align: left; } |
---|
2203 | |
---|
2204 | .db-items, |
---|
2205 | .db-contents { |
---|
2206 | display: flex; |
---|
2207 | flex-wrap: wrap; |
---|
2208 | justify-content: center; |
---|
2209 | flex: 1 1 auto; } |
---|
2210 | .db-items img, |
---|
2211 | .db-contents img { |
---|
2212 | vertical-align: middle; } |
---|
2213 | .db-items ul, |
---|
2214 | .db-contents ul { |
---|
2215 | display: block; |
---|
2216 | padding-left: 1.5em; |
---|
2217 | list-style: square; } |
---|
2218 | .db-items li, |
---|
2219 | .db-contents li { |
---|
2220 | margin: 0.25em 0 0 0; } |
---|
2221 | |
---|
2222 | .no-js .outgoing img { |
---|
2223 | display: none; } |
---|
2224 | |
---|
2225 | .dc-box { |
---|
2226 | background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; } |
---|
2227 | |
---|
2228 | #news dt { |
---|
2229 | font-weight: bold; |
---|
2230 | margin: 0 0 0.4em 0; } |
---|
2231 | #news dd { |
---|
2232 | margin: 0 0 1em 0; } |
---|
2233 | #news dd p { |
---|
2234 | margin: 0.2em 0 0 0; } |
---|
2235 | |
---|
2236 | #media_img_title_pattern { |
---|
2237 | margin-right: 1em; } |
---|
2238 | |
---|
2239 | #part-users > div { |
---|
2240 | display: flex; |
---|
2241 | flex-wrap: wrap; |
---|
2242 | justify-content: left; } |
---|
2243 | |
---|
2244 | .user-perm { |
---|
2245 | margin: 0 1em 1em 0; |
---|
2246 | background: transparent url(user.png) no-repeat 0.5em 0.5em; |
---|
2247 | width: 20em; |
---|
2248 | border: 1px solid #cbced1; |
---|
2249 | border-radius: .5em; |
---|
2250 | padding: 0 1em .5em; } |
---|
2251 | .user-perm h4, |
---|
2252 | .user-perm h5, |
---|
2253 | .user-perm p, |
---|
2254 | .user-perm ul, |
---|
2255 | .user-perm li { |
---|
2256 | margin: .5em 0 .33em; |
---|
2257 | padding: 0; } |
---|
2258 | .user-perm h4 { |
---|
2259 | padding-left: 28px; } |
---|
2260 | .user-perm h5 { |
---|
2261 | margin: 1em 0 0 0; } |
---|
2262 | .user-perm li { |
---|
2263 | margin-left: 1em; |
---|
2264 | padding-left: 0; } |
---|
2265 | .user-perm.user_super { |
---|
2266 | border-color: #bee74b; |
---|
2267 | background-color: rgba(217, 237, 247, 0.5); } |
---|
2268 | |
---|
2269 | li.user_super, |
---|
2270 | li.user_admin { |
---|
2271 | margin-left: 0; |
---|
2272 | padding-left: 20px; |
---|
2273 | list-style: none; |
---|
2274 | background: transparent url(../images/superadmin.png) no-repeat 0 0.3em; } |
---|
2275 | |
---|
2276 | li.user_admin { |
---|
2277 | background-image: url(../images/admin.png); } |
---|
2278 | |
---|
2279 | /* pour les alignements verticaux */ |
---|
2280 | #theme-new, |
---|
2281 | #theme-activate, |
---|
2282 | #theme-deactivate, |
---|
2283 | #theme-update { |
---|
2284 | margin-left: -10px; |
---|
2285 | margin-right: -10px; } |
---|
2286 | |
---|
2287 | .box.theme { |
---|
2288 | margin: 5px; |
---|
2289 | padding: 10px 10px 5px 10px; |
---|
2290 | border: 1px solid #dbdbdb; |
---|
2291 | position: relative; } |
---|
2292 | .box.theme:hover { |
---|
2293 | background: #f3f3f3; } |
---|
2294 | .box.theme input { |
---|
2295 | margin-bottom: 1em; } |
---|
2296 | |
---|
2297 | .module-name, |
---|
2298 | .module-name label { |
---|
2299 | margin-bottom: .5em; |
---|
2300 | color: #676e78; } |
---|
2301 | |
---|
2302 | .module-sshot { |
---|
2303 | text-align: center; } |
---|
2304 | .module-sshot img { |
---|
2305 | padding: 5px; |
---|
2306 | background: #f3f3f3; |
---|
2307 | box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.1); |
---|
2308 | border: 3px solid #fff; |
---|
2309 | max-width: 100%; } |
---|
2310 | |
---|
2311 | .module-actions { |
---|
2312 | margin-top: 1em; } |
---|
2313 | |
---|
2314 | .bloc-toggler { |
---|
2315 | text-align: right; } |
---|
2316 | .bloc-toggler img { |
---|
2317 | opacity: .4; } |
---|
2318 | .bloc-toggler img:hover { |
---|
2319 | opacity: 1; } |
---|
2320 | .bloc-toggler a:focus img { |
---|
2321 | opacity: 1; } |
---|
2322 | |
---|
2323 | span.module-version:before { |
---|
2324 | content: "- "; } |
---|
2325 | |
---|
2326 | .toggle-bloc .mod-more { |
---|
2327 | display: block; |
---|
2328 | margin-left: 0; } |
---|
2329 | |
---|
2330 | .module-name input[type="checkbox"] { |
---|
2331 | margin-bottom: 0; } |
---|
2332 | |
---|
2333 | /** |
---|
2334 | Les screenshots des thèmes ont deux tailles possibles : |
---|
2335 | - dans Ajouter des thèmes : 240px (+ 10 padding image + 20 padding boîte + 6 bordure + 2 ombrage = 278) |
---|
2336 | - dans Thèmes installés : 280px (+ 10 padding-image + 20 padding-boîte + 2 ombrage = 318) |
---|
2337 | On adapte largeur et hauteur en fonction |
---|
2338 | */ |
---|
2339 | #theme-new .box.theme, |
---|
2340 | #theme-update .box.theme { |
---|
2341 | /* Ajouter un thème */ |
---|
2342 | width: 278px; |
---|
2343 | min-height: 275px; } |
---|
2344 | |
---|
2345 | #theme-new .module-sshot img { |
---|
2346 | /* Pour ceux qui n'ont pas de miniature on contraint l'image */ |
---|
2347 | max-width: 240px; |
---|
2348 | max-height: 210px; |
---|
2349 | overflow: hidden; } |
---|
2350 | |
---|
2351 | #theme-deactivate .box.theme { |
---|
2352 | /* Thèmes désactivés */ |
---|
2353 | width: 278px; } |
---|
2354 | #theme-deactivate .box.theme:hover { |
---|
2355 | background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; } |
---|
2356 | |
---|
2357 | #theme-activate .box.theme { |
---|
2358 | /* Thèmes installés */ |
---|
2359 | width: 318px; |
---|
2360 | min-height: 304px; |
---|
2361 | max-width: 100%; } |
---|
2362 | |
---|
2363 | /* si js est là, les infos viennent par dessus le screenshot */ |
---|
2364 | .with-js #theme-new .module-infos.toggle-bloc, |
---|
2365 | .with-js #theme-new .module-actions.toggle-bloc { |
---|
2366 | position: absolute; |
---|
2367 | left: 10px; |
---|
2368 | width: 239px; |
---|
2369 | margin: 0; |
---|
2370 | padding: 10px; |
---|
2371 | background: #f3f3f3; } |
---|
2372 | .with-js #theme-new .module-infos.toggle-bloc { |
---|
2373 | top: 128px; |
---|
2374 | height: 80px; |
---|
2375 | border-top: 1px solid #ececec; } |
---|
2376 | .with-js #theme-new .module-actions.toggle-bloc { |
---|
2377 | top: 208px; |
---|
2378 | height: 40px; |
---|
2379 | border-bottom: 1px solid #ececec; } |
---|
2380 | |
---|
2381 | .with-js .module-sshot:hover { |
---|
2382 | cursor: pointer; } |
---|
2383 | |
---|
2384 | /* mise en forme pour la boîte du thème courant */ |
---|
2385 | .box.current-theme { |
---|
2386 | /* Thème courant */ |
---|
2387 | width: 646px; |
---|
2388 | margin: 5px; |
---|
2389 | padding: 20px 18px 6px; |
---|
2390 | background: #f3f3f3; |
---|
2391 | border: 1px solid #ececec; |
---|
2392 | border-radius: .5em; |
---|
2393 | min-height: 326px; |
---|
2394 | box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.1); |
---|
2395 | position: relative; } |
---|
2396 | .box.current-theme .module-sshot:hover { |
---|
2397 | cursor: auto; } |
---|
2398 | .box.current-theme .module-sshot img { |
---|
2399 | float: left; |
---|
2400 | margin-right: 2em; |
---|
2401 | border: 9px solid #fff; |
---|
2402 | padding: 5px; |
---|
2403 | max-width: 308px; |
---|
2404 | max-height: 273px; } |
---|
2405 | .box.current-theme .module-name { |
---|
2406 | color: #d33800; |
---|
2407 | font-size: 1.5em; |
---|
2408 | margin-bottom: 1em; } |
---|
2409 | .box.current-theme .module-actions { |
---|
2410 | display: flex; |
---|
2411 | flex-wrap: wrap; } |
---|
2412 | |
---|
2413 | .current-actions { |
---|
2414 | width: auto; |
---|
2415 | overflow: hidden; |
---|
2416 | padding-top: 2em; |
---|
2417 | background: transparent url(../images/minus-theme.png) no-repeat left top; } |
---|
2418 | |
---|
2419 | #categories { |
---|
2420 | margin: 1em 0; } |
---|
2421 | #categories ul { |
---|
2422 | list-style: none; |
---|
2423 | margin-top: 2em; |
---|
2424 | padding: 0; } |
---|
2425 | #categories ul ul { |
---|
2426 | margin-right: 2em; |
---|
2427 | margin-left: 2em; } |
---|
2428 | #categories .placeholder { |
---|
2429 | outline: 1px dashed #2373a8; |
---|
2430 | min-height: 2.5em; } |
---|
2431 | |
---|
2432 | .cat-line { |
---|
2433 | position: relative; |
---|
2434 | margin: .66em 0; |
---|
2435 | padding: .66em 1em; |
---|
2436 | border: 1px solid #cbced1; |
---|
2437 | border-radius: 3px; } |
---|
2438 | .cat-line label { |
---|
2439 | margin-right: .25em; } |
---|
2440 | .cat-line label a { |
---|
2441 | font-weight: bold; } |
---|
2442 | .cat-line p, |
---|
2443 | .cat-line label { |
---|
2444 | margin: 0; |
---|
2445 | display: inline-block; } |
---|
2446 | .cat-line .cat-line { |
---|
2447 | border: 1px solid #dbdbdb; } |
---|
2448 | |
---|
2449 | p.cat-title { |
---|
2450 | margin-right: 1em; } |
---|
2451 | |
---|
2452 | .cat-nb-posts a { |
---|
2453 | color: #323232; } |
---|
2454 | |
---|
2455 | .cat-url { |
---|
2456 | padding-left: 1em; } |
---|
2457 | |
---|
2458 | .cat-buttons { |
---|
2459 | float: right; |
---|
2460 | margin-top: -.2em; |
---|
2461 | font-size: .91em; } |
---|
2462 | .cat-buttons select { |
---|
2463 | padding: 1px 2px 3px 2px; |
---|
2464 | margin-right: .25em; } |
---|
2465 | .cat-buttons .reset { |
---|
2466 | padding-left: 4px; |
---|
2467 | padding-right: 4px; } |
---|
2468 | |
---|
2469 | .cat-actions { |
---|
2470 | line-height: 2; } |
---|
2471 | |
---|
2472 | #del_cat { |
---|
2473 | width: 100%; } |
---|
2474 | |
---|
2475 | .media-file-mode a { |
---|
2476 | border-bottom: none; } |
---|
2477 | .media-file-mode img { |
---|
2478 | margin-right: 1em; } |
---|
2479 | |
---|
2480 | span.media-file-mode { |
---|
2481 | margin-right: 1em; } |
---|
2482 | |
---|
2483 | .media-item { |
---|
2484 | position: relative; |
---|
2485 | border: 1px solid #dbdbdb; |
---|
2486 | margin: 9px; |
---|
2487 | padding: 10px 12px 6px; |
---|
2488 | width: 320px; |
---|
2489 | display: inline-block; |
---|
2490 | vertical-align: top; |
---|
2491 | min-height: 140px; |
---|
2492 | word-wrap: break-word; } |
---|
2493 | .media-item p { |
---|
2494 | margin: 0 0 .5em; } |
---|
2495 | .media-item object { |
---|
2496 | margin-top: .5em; } |
---|
2497 | .media-item ul { |
---|
2498 | display: block; |
---|
2499 | list-style: none; |
---|
2500 | margin: 0; |
---|
2501 | padding: 0; } |
---|
2502 | .media-item audio { |
---|
2503 | width: 100%; |
---|
2504 | margin-top: .5em; } |
---|
2505 | |
---|
2506 | a.media-icon { |
---|
2507 | display: block; |
---|
2508 | border-bottom: none; |
---|
2509 | margin: 0 auto; } |
---|
2510 | |
---|
2511 | .media-icon img { |
---|
2512 | display: block; } |
---|
2513 | |
---|
2514 | a.media-flag { |
---|
2515 | border-bottom: none; } |
---|
2516 | |
---|
2517 | .media-flag img { |
---|
2518 | float: left; |
---|
2519 | margin-right: .5em; } |
---|
2520 | |
---|
2521 | .media-link { |
---|
2522 | font-size: 1.1em; } |
---|
2523 | |
---|
2524 | .media-action-box { |
---|
2525 | position: relative; |
---|
2526 | margin: 3em 3em 1em 1em; |
---|
2527 | display: inline-block; |
---|
2528 | vertical-align: top; } |
---|
2529 | |
---|
2530 | li.media-action { |
---|
2531 | display: block; |
---|
2532 | position: absolute; |
---|
2533 | top: 4px; |
---|
2534 | right: 8px; |
---|
2535 | height: 16px; } |
---|
2536 | li.media-action a { |
---|
2537 | border: none; } |
---|
2538 | li.media-action a.attach-media { |
---|
2539 | margin-right: 5px; } |
---|
2540 | li.media-action form { |
---|
2541 | display: inline; } |
---|
2542 | li.media-action input { |
---|
2543 | border: none; } |
---|
2544 | |
---|
2545 | #entry-sidebar .media-item { |
---|
2546 | width: 100%; |
---|
2547 | min-height: 0; |
---|
2548 | padding: 4px; |
---|
2549 | margin: .33em 0; } |
---|
2550 | |
---|
2551 | .folders-group .media-item { |
---|
2552 | min-height: 70px; } |
---|
2553 | .folders-group .media-item p { |
---|
2554 | margin-bottom: 0; } |
---|
2555 | |
---|
2556 | .media-folder { |
---|
2557 | background: transparent; |
---|
2558 | border-color: #ececec; |
---|
2559 | border-left-width: 8px; } |
---|
2560 | .media-folder .media-link { |
---|
2561 | font-size: 1.125em; |
---|
2562 | margin-left: 2em; |
---|
2563 | color: #676e78; |
---|
2564 | border-bottom: none; } |
---|
2565 | |
---|
2566 | tr.media-folder { |
---|
2567 | background: transparent; } |
---|
2568 | tr.media-folder .media-link { |
---|
2569 | margin-left: 0; } |
---|
2570 | |
---|
2571 | .media-folder-up { |
---|
2572 | border-color: transparent; |
---|
2573 | padding-bottom: 6px; } |
---|
2574 | |
---|
2575 | .medias-delete, |
---|
2576 | .medias-select { |
---|
2577 | text-align: right; } |
---|
2578 | |
---|
2579 | .media-recent { |
---|
2580 | float: left; |
---|
2581 | margin-right: 2em; } |
---|
2582 | |
---|
2583 | #media-fav-dir { |
---|
2584 | border-bottom: none; } |
---|
2585 | #media-fav-dir img { |
---|
2586 | vertical-align: middle; } |
---|
2587 | |
---|
2588 | /* upload multiple */ |
---|
2589 | .enhanced_uploader .choose_files, |
---|
2590 | .enhanced_uploader .cancel, |
---|
2591 | .enhanced_uploader .clean, |
---|
2592 | .enhanced_uploader .start { |
---|
2593 | margin-right: .4em; } |
---|
2594 | .enhanced_uploader #upfile { |
---|
2595 | visibility: hidden; |
---|
2596 | width: 0; |
---|
2597 | height: 0; |
---|
2598 | margin: 0; |
---|
2599 | opacity: 0; |
---|
2600 | filter: alpha(opacity=0); |
---|
2601 | cursor: pointer; } |
---|
2602 | .enhanced_uploader .button.choose_files { |
---|
2603 | display: inline-block; } |
---|
2604 | .enhanced_uploader .max-size { |
---|
2605 | display: block; } |
---|
2606 | .enhanced_uploader .one-file { |
---|
2607 | display: none; } |
---|
2608 | .enhanced_uploader p.clear { |
---|
2609 | padding-top: 1em; |
---|
2610 | margin-bottom: 1em; } |
---|
2611 | |
---|
2612 | .button.clean, |
---|
2613 | .button.cancel, |
---|
2614 | .button.choose_files { |
---|
2615 | display: none; } |
---|
2616 | |
---|
2617 | label span.one-file { |
---|
2618 | display: inline; } |
---|
2619 | |
---|
2620 | #add-file-f p.clear { |
---|
2621 | margin-top: 1em; |
---|
2622 | margin-bottom: 0; |
---|
2623 | clear: both; } |
---|
2624 | |
---|
2625 | .files { |
---|
2626 | list-style-type: none; |
---|
2627 | margin-left: 0; |
---|
2628 | padding-left: 0; |
---|
2629 | border-bottom: 1px solid #dbdbdb; } |
---|
2630 | .files li { |
---|
2631 | margin-left: 0; |
---|
2632 | padding-left: 0; } |
---|
2633 | |
---|
2634 | .upload-msg { |
---|
2635 | font-weight: bold; } |
---|
2636 | .upload-msg.upload-error { |
---|
2637 | color: #ae323b; } |
---|
2638 | |
---|
2639 | .upload-files { |
---|
2640 | padding: 0 0.5em; |
---|
2641 | margin: 1em 0; } |
---|
2642 | |
---|
2643 | .upload-file { |
---|
2644 | margin: 0; |
---|
2645 | padding: .3em 0; |
---|
2646 | border-top: 1px solid #dbdbdb; |
---|
2647 | position: relative; } |
---|
2648 | |
---|
2649 | .upload-fileinfo { |
---|
2650 | margin-left: 0; } |
---|
2651 | .upload-fileinfo input { |
---|
2652 | position: absolute; |
---|
2653 | top: .5em; |
---|
2654 | right: .5em; } |
---|
2655 | .upload-fileinfo span { |
---|
2656 | padding-right: 8px; } |
---|
2657 | .upload-fileinfo .upload-filecancel { |
---|
2658 | display: block; |
---|
2659 | padding-right: 0; |
---|
2660 | margin-top: 3px; |
---|
2661 | width: 20px; |
---|
2662 | height: 20px; |
---|
2663 | background: transparent url("cancel.png") no-repeat left top; |
---|
2664 | text-indent: -1000px; |
---|
2665 | cursor: pointer; |
---|
2666 | float: left; } |
---|
2667 | |
---|
2668 | .upload-filemsg { |
---|
2669 | font-weight: bold; |
---|
2670 | color: #fff; } |
---|
2671 | .upload-filemsg.upload-error { |
---|
2672 | color: #ae323b; } |
---|
2673 | |
---|
2674 | .upload-progress { |
---|
2675 | padding: .3em 0; } |
---|
2676 | .upload-progress div { |
---|
2677 | width: 0; |
---|
2678 | height: 1.2em; |
---|
2679 | font-weight: bold; |
---|
2680 | line-height: 1.2em; |
---|
2681 | text-align: right; |
---|
2682 | background: #556f0f url(loader.png) repeat-x left top; |
---|
2683 | color: #fff; |
---|
2684 | border-radius: 3px; } |
---|
2685 | |
---|
2686 | div.template-upload { |
---|
2687 | clear: both; } |
---|
2688 | |
---|
2689 | .queue-message { |
---|
2690 | font-weight: bold; } |
---|
2691 | |
---|
2692 | #media-icon { |
---|
2693 | float: left; } |
---|
2694 | |
---|
2695 | .near-icon { |
---|
2696 | margin-left: 70px; |
---|
2697 | margin-bottom: 3em; } |
---|
2698 | |
---|
2699 | #media-details ul { |
---|
2700 | display: block; |
---|
2701 | margin-left: 0; |
---|
2702 | padding: 0; } |
---|
2703 | #media-details li { |
---|
2704 | list-style: square inside; |
---|
2705 | margin: 0; |
---|
2706 | padding: 0; } |
---|
2707 | |
---|
2708 | #media-original-image { |
---|
2709 | overflow: auto; } |
---|
2710 | #media-original-image.overheight { |
---|
2711 | height: 500px; } |
---|
2712 | |
---|
2713 | .modules td.module-actions, .modules td.module-icon { |
---|
2714 | vertical-align: middle; } |
---|
2715 | .modules td.module-icon img:last-child { |
---|
2716 | width: 16px; |
---|
2717 | height: 16px; } |
---|
2718 | .modules td.module-icon img.expand { |
---|
2719 | margin-bottom: 3px; } |
---|
2720 | .modules td.module-distrib img { |
---|
2721 | display: block; |
---|
2722 | float: right; } |
---|
2723 | |
---|
2724 | .modules tr.expand, |
---|
2725 | .modules td.expand { |
---|
2726 | background: #f3f3f3; |
---|
2727 | border-color: #a2cbe9; } |
---|
2728 | |
---|
2729 | .modules tr.expand td:first-child { |
---|
2730 | font-weight: bold; |
---|
2731 | background: #f3f3f3; } |
---|
2732 | |
---|
2733 | .modules td.expand { |
---|
2734 | padding: 0 0 1em; } |
---|
2735 | .modules td.expand div { |
---|
2736 | display: inline-block; |
---|
2737 | vertical-align: top; |
---|
2738 | margin-right: 3em; } |
---|
2739 | |
---|
2740 | .modules dt { |
---|
2741 | font-weight: bold; } |
---|
2742 | |
---|
2743 | .modules a.module-details { |
---|
2744 | background: transparent url(search.svg) no-repeat 0 center; |
---|
2745 | padding: 4px 4px 0 20px; } |
---|
2746 | .modules a.module-support { |
---|
2747 | background: transparent url(help12.png) no-repeat 2px center; |
---|
2748 | padding: 4px 4px 0 20px; } |
---|
2749 | .modules a.module-config { |
---|
2750 | background: transparent url(settings.png) no-repeat 2px 6px; |
---|
2751 | padding: 4px 4px 0 18px; } |
---|
2752 | |
---|
2753 | #m_search { |
---|
2754 | background: transparent url(search.svg) no-repeat 0 center; |
---|
2755 | padding-left: 20px; } |
---|
2756 | |
---|
2757 | .mod-more { |
---|
2758 | padding-top: .5em; } |
---|
2759 | .mod-more, |
---|
2760 | .mod-more li { |
---|
2761 | margin: .25em 0 0 1em; |
---|
2762 | padding: 0; |
---|
2763 | list-style-type: none; } |
---|
2764 | |
---|
2765 | #plugin-update td { |
---|
2766 | vertical-align: baseline; } |
---|
2767 | |
---|
2768 | #entry-form { |
---|
2769 | display: flex; |
---|
2770 | flex-wrap: wrap; } |
---|
2771 | |
---|
2772 | #entry-wrapper { |
---|
2773 | flex-grow: 1; |
---|
2774 | width: calc(100% - 19em); } |
---|
2775 | @media screen and (max-width: 80em) { |
---|
2776 | #entry-wrapper { |
---|
2777 | width: 100%; } } |
---|
2778 | |
---|
2779 | #entry-content { |
---|
2780 | margin-left: 0; } |
---|
2781 | @media screen and (min-width: 80.01em) { |
---|
2782 | #entry-content { |
---|
2783 | padding-right: 3em; } } |
---|
2784 | @media screen and (max-width: 38em) { |
---|
2785 | #entry-content { |
---|
2786 | padding-right: 1em; } } |
---|
2787 | @media screen and (max-width: 26.5em) { |
---|
2788 | #entry-content { |
---|
2789 | padding-right: 0; } } |
---|
2790 | |
---|
2791 | #entry-sidebar { |
---|
2792 | display: flex; |
---|
2793 | flex-wrap: wrap; |
---|
2794 | flex-direction: column; } |
---|
2795 | @media screen and (max-width: 80em) { |
---|
2796 | #entry-sidebar { |
---|
2797 | flex-direction: row; } } |
---|
2798 | @media screen and (max-width: 38em) { |
---|
2799 | #entry-sidebar { |
---|
2800 | padding-right: 1em; } } |
---|
2801 | #entry-sidebar h4 { |
---|
2802 | font-size: 1.08em; |
---|
2803 | margin-top: .3em; |
---|
2804 | border-bottom: 1px solid #676e78; } |
---|
2805 | #entry-sidebar select { |
---|
2806 | width: 100%; } |
---|
2807 | #entry-sidebar input#post_position { |
---|
2808 | width: 4em; } |
---|
2809 | |
---|
2810 | .sb-box { |
---|
2811 | width: 18em; |
---|
2812 | margin-bottom: 1em; |
---|
2813 | margin-right: 1em; |
---|
2814 | padding: .5em 1em; |
---|
2815 | background-color: #f3f3f3; } |
---|
2816 | .sb-box:focus-within { |
---|
2817 | background-color: #ededed; } |
---|
2818 | |
---|
2819 | #tb_excerpt { |
---|
2820 | width: 100%; } |
---|
2821 | |
---|
2822 | .fav-list { |
---|
2823 | list-style-type: none; |
---|
2824 | margin-left: 0; |
---|
2825 | padding-left: 0; } |
---|
2826 | #my-favs .fav-list { |
---|
2827 | border-top: 1px solid #ececec; } |
---|
2828 | .fav-list li { |
---|
2829 | margin-left: 0; |
---|
2830 | padding-left: 0; |
---|
2831 | padding-top: 3px; |
---|
2832 | padding-bottom: 3px; |
---|
2833 | position: relative; } |
---|
2834 | #my-favs .fav-list li { |
---|
2835 | line-height: 2; |
---|
2836 | border-bottom: 1px solid #ececec; |
---|
2837 | padding-top: 3px; |
---|
2838 | padding-bottom: 3px; |
---|
2839 | position: relative; } |
---|
2840 | #my-favs:focus-within .fav-list li { |
---|
2841 | border-bottom-color: #dbdbdb; } |
---|
2842 | .fav-list li span.zoom { |
---|
2843 | display: none; } |
---|
2844 | .fav-list li:hover span.zoom { |
---|
2845 | display: block; |
---|
2846 | position: absolute; |
---|
2847 | bottom: 0; |
---|
2848 | left: 10em; |
---|
2849 | background-color: #f3f3f3; |
---|
2850 | border: 1px solid #dbdbdb; |
---|
2851 | padding: .2em; |
---|
2852 | border-radius: .5em; } |
---|
2853 | .fav-list img { |
---|
2854 | vertical-align: middle; |
---|
2855 | margin-right: .2em; } |
---|
2856 | |
---|
2857 | #my-favs { |
---|
2858 | border-color: #9ac123; } |
---|
2859 | #my-favs input.position { |
---|
2860 | margin: 0 0 .4em .2em; } |
---|
2861 | |
---|
2862 | #available-favs input, |
---|
2863 | #available-favs label, |
---|
2864 | #available-favs label span { |
---|
2865 | white-space: normal; |
---|
2866 | display: inline; } |
---|
2867 | #available-favs label span.zoom { |
---|
2868 | display: none; } |
---|
2869 | #available-favs li:hover label span.zoom { |
---|
2870 | display: block; |
---|
2871 | position: absolute; |
---|
2872 | bottom: 0; |
---|
2873 | left: 10em; |
---|
2874 | background-color: #f3f3f3; |
---|
2875 | border: 1px solid #dbdbdb; |
---|
2876 | padding: .2em; |
---|
2877 | border-radius: .5em; } |
---|
2878 | |
---|
2879 | #user-options label.ib { |
---|
2880 | display: inline-block; |
---|
2881 | width: 14em; |
---|
2882 | padding-right: 1em; } |
---|
2883 | |
---|
2884 | .blog-perm { |
---|
2885 | margin-top: 2em; |
---|
2886 | padding-top: 2em; |
---|
2887 | font-weight: bold; } |
---|
2888 | |
---|
2889 | .ul-perm { |
---|
2890 | list-style-type: square; |
---|
2891 | margin-left: 0; |
---|
2892 | padding-left: 3.5em; |
---|
2893 | margin-bottom: 0; } |
---|
2894 | |
---|
2895 | .add-perm { |
---|
2896 | padding-top: .5em; |
---|
2897 | padding-left: 2.5em; |
---|
2898 | margin-left: 0; } |
---|
2899 | |
---|
2900 | .guideline #content h2 { |
---|
2901 | color: #d33800; |
---|
2902 | padding: 2em 0 0 0; |
---|
2903 | margin: 1em 0; |
---|
2904 | font-size: 2em; } |
---|
2905 | .guideline #content h2:first-child { |
---|
2906 | margin-top: 0; |
---|
2907 | padding-top: .5em; } |
---|
2908 | .guideline h3 { |
---|
2909 | margin-top: 2em; } |
---|
2910 | .guideline .dc-update h3 { |
---|
2911 | margin-top: 0; } |
---|
2912 | .guideline .one-box .box { |
---|
2913 | border: 1px solid #dbdbdb; |
---|
2914 | padding: 2px .5em; } |
---|
2915 | .guideline #main-menu ul { |
---|
2916 | margin: 0; |
---|
2917 | padding: 0; |
---|
2918 | font-weight: normal; } |
---|
2919 | .guideline #main-menu li { |
---|
2920 | padding-left: 1em; } |
---|
2921 | |
---|
2922 | /** -------------------------------------------------- |
---|
2923 | Misc |
---|
2924 | --------------------------------------------------- */ |
---|
2925 | /* jQuery Autocomplete plugin */ |
---|
2926 | .ac_results { |
---|
2927 | padding: 0px; |
---|
2928 | background-color: #fff; |
---|
2929 | border: 1px dotted #ffd478; |
---|
2930 | overflow: hidden; |
---|
2931 | z-index: 99999; } |
---|
2932 | .ac_results ul { |
---|
2933 | width: 100%; |
---|
2934 | list-style-position: outside; |
---|
2935 | list-style: none; |
---|
2936 | padding: 0; |
---|
2937 | margin: 0; } |
---|
2938 | .ac_results li { |
---|
2939 | margin: 0px; |
---|
2940 | padding: 2px 5px; |
---|
2941 | cursor: default; |
---|
2942 | display: block; |
---|
2943 | font-size: 1em; |
---|
2944 | line-height: 16px; |
---|
2945 | overflow: hidden; } |
---|
2946 | |
---|
2947 | .ac_loading { |
---|
2948 | background: transparent url("loader.gif") right center no-repeat; } |
---|
2949 | |
---|
2950 | .ac_odd { |
---|
2951 | background-color: #fff; } |
---|
2952 | |
---|
2953 | .ac_over { |
---|
2954 | color: #fff; |
---|
2955 | background-color: #2373a8; } |
---|
2956 | |
---|
2957 | /* password indicator */ |
---|
2958 | .pw-table { |
---|
2959 | display: table; |
---|
2960 | margin-bottom: 1em; } |
---|
2961 | |
---|
2962 | .pw-cell { |
---|
2963 | display: table-cell; |
---|
2964 | margin-bottom: 1em; } |
---|
2965 | |
---|
2966 | #pwindicator { |
---|
2967 | display: table-cell; |
---|
2968 | vertical-align: bottom; |
---|
2969 | padding-left: 1.5em; |
---|
2970 | height: 3.8em; } |
---|
2971 | #pwindicator .bar { |
---|
2972 | height: 6px; |
---|
2973 | margin-bottom: 4px; } |
---|
2974 | |
---|
2975 | .pw-very-weak .bar { |
---|
2976 | background: #c44d58; |
---|
2977 | width: 30px; } |
---|
2978 | |
---|
2979 | .pw-weak .bar { |
---|
2980 | background: #e1732c; |
---|
2981 | width: 60px; } |
---|
2982 | |
---|
2983 | .pw-mediocre .bar { |
---|
2984 | background: #ff9900; |
---|
2985 | width: 90px; } |
---|
2986 | |
---|
2987 | .pw-strong .bar { |
---|
2988 | background: #cdad12; |
---|
2989 | width: 120px; } |
---|
2990 | |
---|
2991 | .pw-very-strong .bar { |
---|
2992 | background: #9ac123; |
---|
2993 | width: 150px; } |
---|
2994 | |
---|
2995 | /* ------------------------------------------------------------------ navigation */ |
---|
2996 | /* selects accès rapide */ |
---|
2997 | .anchor-nav { |
---|
2998 | background: #fff; |
---|
2999 | padding: 4px 1em; } |
---|
3000 | .anchor-nav label { |
---|
3001 | vertical-align: bottom; } |
---|
3002 | |
---|
3003 | /* nav links */ |
---|
3004 | .nav_prevnext { |
---|
3005 | margin-bottom: 2em; |
---|
3006 | color: #fff; } |
---|
3007 | |
---|
3008 | .nav_prevnext a, |
---|
3009 | a.back { |
---|
3010 | color: #2373a8; |
---|
3011 | border: 1px solid #dbdbdb; |
---|
3012 | padding: 2px 1.5em; |
---|
3013 | border-radius: .75em; |
---|
3014 | background-color: #f3f3f3; } |
---|
3015 | |
---|
3016 | a.back:before { |
---|
3017 | content: "\ab\a0"; } |
---|
3018 | |
---|
3019 | a.onblog_link { |
---|
3020 | color: #323232; |
---|
3021 | float: right; |
---|
3022 | border: 1px solid #ececec; |
---|
3023 | padding: 2px 1.5em; |
---|
3024 | border-radius: .75em; |
---|
3025 | background-color: #ececec; |
---|
3026 | box-shadow: 0 1px 1px rgba(50, 50, 50, 0.3); } |
---|
3027 | |
---|
3028 | /* Pagination */ |
---|
3029 | .pager { |
---|
3030 | margin: 2em 0 1em 0; |
---|
3031 | clear: left; } |
---|
3032 | .pager ul { |
---|
3033 | list-style-type: none; |
---|
3034 | margin: 0; |
---|
3035 | padding: 0; } |
---|
3036 | .pager li, |
---|
3037 | .pager input { |
---|
3038 | display: inline-block; |
---|
3039 | vertical-align: middle; |
---|
3040 | margin: 0 .33em 0 0; |
---|
3041 | padding: 0; |
---|
3042 | text-align: center; } |
---|
3043 | .pager .btn { |
---|
3044 | border: 1px solid #dbdbdb; |
---|
3045 | background-color: #f3f3f3; |
---|
3046 | color: #2373a8; |
---|
3047 | border-radius: 3px; |
---|
3048 | overflow: hidden; } |
---|
3049 | .pager .btn.no-link { |
---|
3050 | border-color: #dbdbdb; |
---|
3051 | background-color: #fff; |
---|
3052 | padding: 1px 3px 0; } |
---|
3053 | .pager .active { |
---|
3054 | padding: 4px 12px; |
---|
3055 | color: #676e78; } |
---|
3056 | .pager .direct-access { |
---|
3057 | margin-left: 2em; } |
---|
3058 | .pager .direct-access input[type=text] { |
---|
3059 | border: 1px solid #dbdbdb; |
---|
3060 | padding: 3px 8px; |
---|
3061 | margin-left: .25em; |
---|
3062 | background-color: #fff; } |
---|
3063 | .pager .direct-access input[type=submit] { |
---|
3064 | padding: 3px 6px; } |
---|
3065 | .pager a { |
---|
3066 | display: block; |
---|
3067 | padding: 1px 3px 0; |
---|
3068 | border: none; } |
---|
3069 | .pager a:hover, .pager a:focus { |
---|
3070 | background-color: #dbdbdb; } |
---|
3071 | |
---|
3072 | .index .btn.no-link, |
---|
3073 | .index a { |
---|
3074 | padding: 2px 8px 3px; |
---|
3075 | font-variant: small-caps; } |
---|
3076 | .index li { |
---|
3077 | margin-bottom: 3px; } |
---|
3078 | .index a { |
---|
3079 | font-weight: bold; } |
---|
3080 | .index .btn.no-link { |
---|
3081 | color: #c9c9c9; } |
---|
3082 | .index .active { |
---|
3083 | padding: 4px 8px; |
---|
3084 | color: #fff; |
---|
3085 | background: #676e78; |
---|
3086 | border-radius: 3px; |
---|
3087 | font-variant: small-caps; } |
---|
3088 | |
---|
3089 | /* Etapes */ |
---|
3090 | .step { |
---|
3091 | display: inline-block; |
---|
3092 | float: left; |
---|
3093 | margin: 3px 10px 2px 0; |
---|
3094 | padding: 5px .5em; |
---|
3095 | color: #676e78; |
---|
3096 | background: #f3f3f3; |
---|
3097 | border: 1px solid #cbced1; |
---|
3098 | border-radius: 3px; |
---|
3099 | font-weight: bold; } |
---|
3100 | |
---|
3101 | /* ------------------------------------------------------------------------- indicateurs */ |
---|
3102 | .mark-attach { |
---|
3103 | display: inline-block; |
---|
3104 | box-sizing: border-box; |
---|
3105 | width: 12px; |
---|
3106 | height: 12px; |
---|
3107 | padding-left: 12px; |
---|
3108 | background: url("../images/attach.svg") no-repeat; |
---|
3109 | filter: hue-rotate(300deg) saturate(0.64); } |
---|
3110 | |
---|
3111 | /* ---------------------------------------------------------------- utilisables partout */ |
---|
3112 | .legible { |
---|
3113 | font-size: 1.16em; |
---|
3114 | max-width: 62em; } |
---|
3115 | |
---|
3116 | .fieldset { |
---|
3117 | background: #fff; |
---|
3118 | border: 1px solid #cbced1; |
---|
3119 | border-radius: 3px; |
---|
3120 | padding: 1em .7em .5em; |
---|
3121 | margin-bottom: 1em; } |
---|
3122 | .fieldset h3 { |
---|
3123 | margin-top: 0; } |
---|
3124 | .fieldset:focus-within { |
---|
3125 | background-color: #ededed; } |
---|
3126 | |
---|
3127 | .right, |
---|
3128 | .txt-right { |
---|
3129 | text-align: right; } |
---|
3130 | |
---|
3131 | .txt-center { |
---|
3132 | text-align: center; } |
---|
3133 | |
---|
3134 | .txt-left { |
---|
3135 | text-align: left; } |
---|
3136 | |
---|
3137 | .no-margin, |
---|
3138 | label.no-margin { |
---|
3139 | margin-top: 0; |
---|
3140 | margin-bottom: 0; } |
---|
3141 | |
---|
3142 | .vertical-separator { |
---|
3143 | margin-top: 2em; } |
---|
3144 | |
---|
3145 | p.clear.vertical-separator { |
---|
3146 | padding-top: 2em; } |
---|
3147 | |
---|
3148 | .border-top { |
---|
3149 | border-top: 1px solid #868686; |
---|
3150 | padding-top: 1em; |
---|
3151 | margin-top: 1em; } |
---|
3152 | |
---|
3153 | .grid { |
---|
3154 | background: transparent repeat url("grid.png") 0 0; } |
---|
3155 | |
---|
3156 | ul.nice { |
---|
3157 | margin: 1em 0; |
---|
3158 | padding: 0 0 0 2em; |
---|
3159 | list-style: square; } |
---|
3160 | ul.nice li { |
---|
3161 | margin: 0; |
---|
3162 | padding: 0; } |
---|
3163 | |
---|
3164 | ul.from-left { |
---|
3165 | list-style-type: none; |
---|
3166 | padding-left: 0; |
---|
3167 | margin: 1em 0; } |
---|
3168 | ul.from-left > li { |
---|
3169 | margin-top: 1em; |
---|
3170 | margin-bottom: 1em; } |
---|
3171 | ul.from-left ul { |
---|
3172 | list-style-type: square; } |
---|
3173 | |
---|
3174 | .offline { |
---|
3175 | color: #676e78; } |
---|
3176 | |
---|
3177 | /* caché pour tout le monde */ |
---|
3178 | .hide, |
---|
3179 | .button.hide { |
---|
3180 | display: none !important; } |
---|
3181 | |
---|
3182 | /* Caché sauf pour les revues d'écran */ |
---|
3183 | .hidden, |
---|
3184 | .with-js .out-of-screen-if-js { |
---|
3185 | position: absolute !important; |
---|
3186 | clip: rect(1px 1px 1px 1px); |
---|
3187 | /* IE6, IE7 */ |
---|
3188 | clip: rect(1px, 1px, 1px, 1px); |
---|
3189 | padding: 0 !important; |
---|
3190 | border: 0 !important; |
---|
3191 | height: 1px !important; |
---|
3192 | width: 1px !important; |
---|
3193 | overflow: hidden; } |
---|
3194 | |
---|
3195 | /* caché si js est inactif */ |
---|
3196 | .no-js .hidden-if-no-js { |
---|
3197 | display: none; } |
---|
3198 | |
---|
3199 | /* caché si js est actif */ |
---|
3200 | .with-js .hidden-if-js { |
---|
3201 | display: none; } |
---|
3202 | |
---|
3203 | /* ---------------------------------------------- Couleurs ajoutées via javascript |
---|
3204 | /* color-picker.js */ |
---|
3205 | .color-color-picker { |
---|
3206 | border: 1px solid #000; |
---|
3207 | width: 195px; |
---|
3208 | background: #fff; } |
---|
3209 | |
---|
3210 | /* _media_item.js */ |
---|
3211 | .color-div { |
---|
3212 | border: 1px solid #c9c9c9; } |
---|
3213 | |
---|
3214 | /* ------------------------------------------------------------------------------------ |
---|
3215 | UN POIL DE MEDIA QUERIES |
---|
3216 | ------------------------------------------------------------------------------------ */ |
---|
3217 | @media screen and (max-width: 80em) { |
---|
3218 | #header, |
---|
3219 | h1 { |
---|
3220 | background: #323232; } |
---|
3221 | |
---|
3222 | #top-info-user { |
---|
3223 | background: #676e78; } |
---|
3224 | #top-info-user a.active { |
---|
3225 | color: #fff; |
---|
3226 | background: #868686; } |
---|
3227 | |
---|
3228 | #wrapper { |
---|
3229 | background: #fff; } } |
---|
3230 | @media screen and (max-width: 44em) { |
---|
3231 | #help-button { |
---|
3232 | background-color: #a2cbe9; |
---|
3233 | padding: 0; |
---|
3234 | font-size: .83em; |
---|
3235 | line-height: 68px; } } |
---|
3236 | @media screen and (max-width: 38em) { |
---|
3237 | h1 a:link { |
---|
3238 | border-right: 1px solid #c9c9c9; } |
---|
3239 | h1 a:hover, h1 a:focus { |
---|
3240 | border-right: 1px solid #c9c9c9; } |
---|
3241 | |
---|
3242 | #dashboard-main { |
---|
3243 | padding: 0; } |
---|
3244 | |
---|
3245 | #content, |
---|
3246 | .hide-mm #content { |
---|
3247 | padding: 0 .5em !important; } |
---|
3248 | |
---|
3249 | #main #content > h2 { |
---|
3250 | padding: 6px 30px 4px .5em; } |
---|
3251 | |
---|
3252 | .cell, |
---|
3253 | #filters-form .cell { |
---|
3254 | border: none; |
---|
3255 | padding: 1em; } |
---|
3256 | |
---|
3257 | .pseudo-tabs li { |
---|
3258 | border-top: 1px solid #c9c9c9; |
---|
3259 | padding: .25em; } |
---|
3260 | .pseudo-tabs li:first-child, .pseudo-tabs li:nth-of-type(2) { |
---|
3261 | border-top: none; } } |
---|
3262 | @media screen and (max-width: 26.5em) { |
---|
3263 | h1, |
---|
3264 | h1 a { |
---|
3265 | border-right: #323232 !important; } |
---|
3266 | |
---|
3267 | #content.with-help #help { |
---|
3268 | font-size: 1.2rem; } |
---|
3269 | |
---|
3270 | p.top-add { |
---|
3271 | text-align: center; } |
---|
3272 | |
---|
3273 | .multi-part { |
---|
3274 | padding-left: 0; } |
---|
3275 | |
---|
3276 | .part-tabs ul { |
---|
3277 | padding: 0 .5em; } |
---|
3278 | |
---|
3279 | #icons p { |
---|
3280 | padding: 1em .25em; } |
---|
3281 | |
---|
3282 | .box.current-theme { |
---|
3283 | padding: 10px; } |
---|
3284 | |
---|
3285 | th, |
---|
3286 | td { |
---|
3287 | padding: 0.3em 1em 0.3em 0; } |
---|
3288 | |
---|
3289 | .pseudo-tabs li { |
---|
3290 | border-top: 1px solid #c9c9c9 !important; } |
---|
3291 | |
---|
3292 | .pseudo-tabs li:first-child { |
---|
3293 | border-top: none; } } |
---|
3294 | /** -------------------------------------------------- |
---|
3295 | Plugins |
---|
3296 | --------------------------------------------------- */ |
---|
3297 | /* dcLegacyEditor */ |
---|
3298 | /* WYSIWYG Document */ |
---|
3299 | body.wysiwygDoc { |
---|
3300 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } |
---|
3301 | |
---|
3302 | .wysiwygDoc pre, .wysiwygDoc code, .wysiwygDoc kbd, .wysiwygDoc samp { |
---|
3303 | font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace; } |
---|
3304 | |
---|
3305 | /* dcCKEditor */ |
---|
3306 | .cke textarea.cke_source { |
---|
3307 | font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace; |
---|
3308 | font-size: 100%; } |
---|
3309 | |
---|
3310 | /** -------------------------------------------------- |
---|
3311 | 3rd parties |
---|
3312 | --------------------------------------------------- */ |
---|
3313 | /* Magnific Popup CSS */ |
---|
3314 | .mfp-bg { |
---|
3315 | top: 0; |
---|
3316 | left: 0; |
---|
3317 | width: 100%; |
---|
3318 | height: 100%; |
---|
3319 | z-index: 1042; |
---|
3320 | overflow: hidden; |
---|
3321 | position: fixed; |
---|
3322 | background: #0b0b0b; |
---|
3323 | opacity: 0.8; } |
---|
3324 | |
---|
3325 | .mfp-wrap { |
---|
3326 | top: 0; |
---|
3327 | left: 0; |
---|
3328 | width: 100%; |
---|
3329 | height: 100%; |
---|
3330 | z-index: 1043; |
---|
3331 | position: fixed; |
---|
3332 | outline: none !important; |
---|
3333 | -webkit-backface-visibility: hidden; } |
---|
3334 | |
---|
3335 | .mfp-container { |
---|
3336 | text-align: center; |
---|
3337 | position: absolute; |
---|
3338 | width: 100%; |
---|
3339 | height: 100%; |
---|
3340 | left: 0; |
---|
3341 | top: 0; |
---|
3342 | padding: 0 8px; |
---|
3343 | box-sizing: border-box; } |
---|
3344 | |
---|
3345 | .mfp-container:before { |
---|
3346 | content: ''; |
---|
3347 | display: inline-block; |
---|
3348 | height: 100%; |
---|
3349 | vertical-align: middle; } |
---|
3350 | |
---|
3351 | .mfp-align-top .mfp-container:before { |
---|
3352 | display: none; } |
---|
3353 | |
---|
3354 | .mfp-content { |
---|
3355 | position: relative; |
---|
3356 | display: inline-block; |
---|
3357 | vertical-align: middle; |
---|
3358 | margin: 0 auto; |
---|
3359 | text-align: left; |
---|
3360 | z-index: 1045; } |
---|
3361 | |
---|
3362 | .mfp-inline-holder .mfp-content, |
---|
3363 | .mfp-ajax-holder .mfp-content { |
---|
3364 | width: 100%; |
---|
3365 | cursor: auto; } |
---|
3366 | |
---|
3367 | .mfp-ajax-cur { |
---|
3368 | cursor: progress; } |
---|
3369 | |
---|
3370 | .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { |
---|
3371 | cursor: -moz-zoom-out; |
---|
3372 | cursor: -webkit-zoom-out; |
---|
3373 | cursor: zoom-out; } |
---|
3374 | |
---|
3375 | .mfp-zoom { |
---|
3376 | cursor: pointer; |
---|
3377 | cursor: -webkit-zoom-in; |
---|
3378 | cursor: -moz-zoom-in; |
---|
3379 | cursor: zoom-in; } |
---|
3380 | |
---|
3381 | .mfp-auto-cursor .mfp-content { |
---|
3382 | cursor: auto; } |
---|
3383 | |
---|
3384 | .mfp-close, |
---|
3385 | .mfp-arrow, |
---|
3386 | .mfp-preloader, |
---|
3387 | .mfp-counter { |
---|
3388 | -webkit-user-select: none; |
---|
3389 | -moz-user-select: none; |
---|
3390 | user-select: none; } |
---|
3391 | |
---|
3392 | .mfp-loading.mfp-figure { |
---|
3393 | display: none; } |
---|
3394 | |
---|
3395 | .mfp-hide { |
---|
3396 | display: none !important; } |
---|
3397 | |
---|
3398 | .mfp-preloader { |
---|
3399 | color: #CCC; |
---|
3400 | position: absolute; |
---|
3401 | top: 50%; |
---|
3402 | width: auto; |
---|
3403 | text-align: center; |
---|
3404 | margin-top: -0.8em; |
---|
3405 | left: 8px; |
---|
3406 | right: 8px; |
---|
3407 | z-index: 1044; } |
---|
3408 | .mfp-preloader a { |
---|
3409 | color: #CCC; } |
---|
3410 | .mfp-preloader a:hover { |
---|
3411 | color: #FFF; } |
---|
3412 | |
---|
3413 | .mfp-s-ready .mfp-preloader { |
---|
3414 | display: none; } |
---|
3415 | |
---|
3416 | .mfp-s-error .mfp-content { |
---|
3417 | display: none; } |
---|
3418 | |
---|
3419 | button.mfp-close, button.mfp-arrow { |
---|
3420 | overflow: visible; |
---|
3421 | cursor: pointer; |
---|
3422 | background: transparent; |
---|
3423 | border: 0; |
---|
3424 | -webkit-appearance: none; |
---|
3425 | display: block; |
---|
3426 | outline: none; |
---|
3427 | padding: 0; |
---|
3428 | z-index: 1046; |
---|
3429 | box-shadow: none; |
---|
3430 | touch-action: manipulation; } |
---|
3431 | button::-moz-focus-inner { |
---|
3432 | padding: 0; |
---|
3433 | border: 0; } |
---|
3434 | |
---|
3435 | .mfp-close { |
---|
3436 | width: 44px; |
---|
3437 | height: 44px; |
---|
3438 | line-height: 44px; |
---|
3439 | position: absolute; |
---|
3440 | right: 0; |
---|
3441 | top: 0; |
---|
3442 | text-decoration: none; |
---|
3443 | text-align: center; |
---|
3444 | opacity: 0.65; |
---|
3445 | padding: 0 0 18px 10px; |
---|
3446 | color: #FFF; |
---|
3447 | font-style: normal; |
---|
3448 | font-size: 28px; |
---|
3449 | font-family: Arial, Baskerville, monospace; } |
---|
3450 | .mfp-close:hover, .mfp-close:focus { |
---|
3451 | opacity: 1; } |
---|
3452 | .mfp-close:active { |
---|
3453 | top: 1px; } |
---|
3454 | |
---|
3455 | .mfp-close-btn-in .mfp-close { |
---|
3456 | color: #333; } |
---|
3457 | |
---|
3458 | .mfp-image-holder .mfp-close, |
---|
3459 | .mfp-iframe-holder .mfp-close { |
---|
3460 | color: #FFF; |
---|
3461 | right: -6px; |
---|
3462 | text-align: right; |
---|
3463 | padding-right: 6px; |
---|
3464 | width: 100%; } |
---|
3465 | |
---|
3466 | .mfp-counter { |
---|
3467 | position: absolute; |
---|
3468 | top: 0; |
---|
3469 | right: 0; |
---|
3470 | color: #CCC; |
---|
3471 | font-size: 12px; |
---|
3472 | line-height: 18px; |
---|
3473 | white-space: nowrap; } |
---|
3474 | |
---|
3475 | .mfp-arrow { |
---|
3476 | position: absolute; |
---|
3477 | opacity: 0.65; |
---|
3478 | margin: 0; |
---|
3479 | top: 50%; |
---|
3480 | margin-top: -55px; |
---|
3481 | padding: 0; |
---|
3482 | width: 90px; |
---|
3483 | height: 110px; |
---|
3484 | -webkit-tap-highlight-color: transparent; } |
---|
3485 | .mfp-arrow:active { |
---|
3486 | margin-top: -54px; } |
---|
3487 | .mfp-arrow:hover, .mfp-arrow:focus { |
---|
3488 | opacity: 1; } |
---|
3489 | .mfp-arrow:before, .mfp-arrow:after { |
---|
3490 | content: ''; |
---|
3491 | display: block; |
---|
3492 | width: 0; |
---|
3493 | height: 0; |
---|
3494 | position: absolute; |
---|
3495 | left: 0; |
---|
3496 | top: 0; |
---|
3497 | margin-top: 35px; |
---|
3498 | margin-left: 35px; |
---|
3499 | border: medium inset transparent; } |
---|
3500 | .mfp-arrow:after { |
---|
3501 | border-top-width: 13px; |
---|
3502 | border-bottom-width: 13px; |
---|
3503 | top: 8px; } |
---|
3504 | .mfp-arrow:before { |
---|
3505 | border-top-width: 21px; |
---|
3506 | border-bottom-width: 21px; |
---|
3507 | opacity: 0.7; } |
---|
3508 | |
---|
3509 | .mfp-arrow-left { |
---|
3510 | left: 0; } |
---|
3511 | .mfp-arrow-left:after { |
---|
3512 | border-right: 17px solid #FFF; |
---|
3513 | margin-left: 31px; } |
---|
3514 | .mfp-arrow-left:before { |
---|
3515 | margin-left: 25px; |
---|
3516 | border-right: 27px solid #3F3F3F; } |
---|
3517 | |
---|
3518 | .mfp-arrow-right { |
---|
3519 | right: 0; } |
---|
3520 | .mfp-arrow-right:after { |
---|
3521 | border-left: 17px solid #FFF; |
---|
3522 | margin-left: 39px; } |
---|
3523 | .mfp-arrow-right:before { |
---|
3524 | border-left: 27px solid #3F3F3F; } |
---|
3525 | |
---|
3526 | .mfp-iframe-holder { |
---|
3527 | padding-top: 40px; |
---|
3528 | padding-bottom: 40px; } |
---|
3529 | .mfp-iframe-holder .mfp-content { |
---|
3530 | line-height: 0; |
---|
3531 | width: 100%; |
---|
3532 | max-width: 98%; } |
---|
3533 | .mfp-iframe-holder .mfp-close { |
---|
3534 | top: -40px; } |
---|
3535 | |
---|
3536 | .mfp-iframe-scaler { |
---|
3537 | width: 100%; |
---|
3538 | height: 0; |
---|
3539 | overflow: hidden; |
---|
3540 | padding-top: 56.25%; } |
---|
3541 | .mfp-iframe-scaler iframe { |
---|
3542 | position: absolute; |
---|
3543 | display: block; |
---|
3544 | top: 0; |
---|
3545 | left: 0; |
---|
3546 | width: 100%; |
---|
3547 | height: 100%; |
---|
3548 | box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
---|
3549 | background: #000; } |
---|
3550 | |
---|
3551 | /* Main image in popup */ |
---|
3552 | img.mfp-img { |
---|
3553 | width: auto; |
---|
3554 | max-width: 100%; |
---|
3555 | height: auto; |
---|
3556 | display: block; |
---|
3557 | line-height: 0; |
---|
3558 | box-sizing: border-box; |
---|
3559 | padding: 40px 0 40px; |
---|
3560 | margin: 0 auto; } |
---|
3561 | |
---|
3562 | /* The shadow behind the image */ |
---|
3563 | .mfp-figure { |
---|
3564 | line-height: 0; } |
---|
3565 | .mfp-figure:after { |
---|
3566 | content: ''; |
---|
3567 | position: absolute; |
---|
3568 | left: 0; |
---|
3569 | top: 40px; |
---|
3570 | bottom: 40px; |
---|
3571 | display: block; |
---|
3572 | right: 0; |
---|
3573 | width: auto; |
---|
3574 | height: auto; |
---|
3575 | z-index: -1; |
---|
3576 | box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
---|
3577 | background: #444; } |
---|
3578 | .mfp-figure small { |
---|
3579 | color: #BDBDBD; |
---|
3580 | display: block; |
---|
3581 | font-size: 12px; |
---|
3582 | line-height: 14px; } |
---|
3583 | .mfp-figure figure { |
---|
3584 | margin: 0; } |
---|
3585 | |
---|
3586 | .mfp-bottom-bar { |
---|
3587 | margin-top: -36px; |
---|
3588 | position: absolute; |
---|
3589 | top: 100%; |
---|
3590 | left: 0; |
---|
3591 | width: 100%; |
---|
3592 | cursor: auto; } |
---|
3593 | |
---|
3594 | .mfp-title { |
---|
3595 | text-align: left; |
---|
3596 | line-height: 18px; |
---|
3597 | color: #F3F3F3; |
---|
3598 | word-wrap: break-word; |
---|
3599 | padding-right: 36px; } |
---|
3600 | |
---|
3601 | .mfp-image-holder .mfp-content { |
---|
3602 | max-width: 100%; } |
---|
3603 | |
---|
3604 | .mfp-gallery .mfp-image-holder .mfp-figure { |
---|
3605 | cursor: pointer; } |
---|
3606 | |
---|
3607 | @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { |
---|
3608 | /** |
---|
3609 | * Remove all paddings around the image on small screen |
---|
3610 | */ |
---|
3611 | .mfp-img-mobile .mfp-image-holder { |
---|
3612 | padding-left: 0; |
---|
3613 | padding-right: 0; } |
---|
3614 | .mfp-img-mobile img.mfp-img { |
---|
3615 | padding: 0; } |
---|
3616 | .mfp-img-mobile .mfp-figure:after { |
---|
3617 | top: 0; |
---|
3618 | bottom: 0; } |
---|
3619 | .mfp-img-mobile .mfp-figure small { |
---|
3620 | display: inline; |
---|
3621 | margin-left: 5px; } |
---|
3622 | .mfp-img-mobile .mfp-bottom-bar { |
---|
3623 | background: rgba(0, 0, 0, 0.6); |
---|
3624 | bottom: 0; |
---|
3625 | margin: 0; |
---|
3626 | top: auto; |
---|
3627 | padding: 3px 5px; |
---|
3628 | position: fixed; |
---|
3629 | box-sizing: border-box; } |
---|
3630 | .mfp-img-mobile .mfp-bottom-bar:empty { |
---|
3631 | padding: 0; } |
---|
3632 | .mfp-img-mobile .mfp-counter { |
---|
3633 | right: 5px; |
---|
3634 | top: 3px; } |
---|
3635 | .mfp-img-mobile .mfp-close { |
---|
3636 | top: 0; |
---|
3637 | right: 0; |
---|
3638 | width: 35px; |
---|
3639 | height: 35px; |
---|
3640 | line-height: 35px; |
---|
3641 | background: rgba(0, 0, 0, 0.6); |
---|
3642 | position: fixed; |
---|
3643 | text-align: center; |
---|
3644 | padding: 0; } } |
---|
3645 | @media all and (max-width: 900px) { |
---|
3646 | .mfp-arrow { |
---|
3647 | -webkit-transform: scale(0.75); |
---|
3648 | transform: scale(0.75); } |
---|
3649 | |
---|
3650 | .mfp-arrow-left { |
---|
3651 | -webkit-transform-origin: 0; |
---|
3652 | transform-origin: 0; } |
---|
3653 | |
---|
3654 | .mfp-arrow-right { |
---|
3655 | -webkit-transform-origin: 100%; |
---|
3656 | transform-origin: 100%; } |
---|
3657 | |
---|
3658 | .mfp-container { |
---|
3659 | padding-left: 6px; |
---|
3660 | padding-right: 6px; } } |
---|
3661 | /* CodeMirror CSS */ |
---|
3662 | .CodeMirror { |
---|
3663 | /* Set height, width, borders, and global font properties here */ |
---|
3664 | font-family: "Andale Mono", AndaleMono, Consolas, Monaco, "Courier New", monospace !important; } |
---|
3665 | |
---|
3666 | /** -------------------------------------------------- |
---|
3667 | Debug |
---|
3668 | --------------------------------------------------- */ |
---|
3669 | /* debug */ |
---|
3670 | #debug { |
---|
3671 | position: absolute; |
---|
3672 | top: 0; |
---|
3673 | width: 100%; |
---|
3674 | height: 4px; |
---|
3675 | background: #ffd478; } |
---|
3676 | #debug div { |
---|
3677 | display: none; |
---|
3678 | padding: 3px 0.5em 2px; } |
---|
3679 | #debug p { |
---|
3680 | margin: 0.5em 0; } |
---|
3681 | #debug:hover { |
---|
3682 | height: auto; |
---|
3683 | padding: 2px 1em; |
---|
3684 | z-index: 100; } |
---|
3685 | #debug:hover div { |
---|
3686 | display: block; } |
---|
3687 | |
---|
3688 | .debug { |
---|
3689 | background: #ffd478; |
---|
3690 | padding: 3px 0.5em 2px; } |
---|
3691 | |
---|
3692 | input[type=submit].delete.debug, |
---|
3693 | a.delete.debug { |
---|
3694 | border-color: #ffd478; } |
---|
3695 | input[type=submit].delete.debug:hover, |
---|
3696 | a.delete.debug:hover { |
---|
3697 | background: #ffd478; |
---|
3698 | color: #ae323b; |
---|
3699 | border-color: #ffd478; } |
---|