Prévision bénévolat
[cyclowiki.git] / local.css
1 .pageheader {
2 left:0;
3 position:relative;
4 top:0;
5 width:100%;
6 background-clip: padding-box;
7 background-image: url(/cyclocoop.png);
8 background-position: 5px top;
9 background-repeat: no-repeat;
10 display:block;
11 //min-height:70px;
12 overflow:hidden;
13 padding:0 0 0 0;
14 margin:0 0 0 0;
15 }
16 .pageheader .logo {
17 }
18 .pageheader .logo a {
19 display:inline-block;
20 float:left;
21 height:100%;
22 left:0;
23 margin: 0 0 0 0;
24 min-height:150px;
25 min-width:270px;
26 padding: 0 0 0 0;
27 position:absolute;
28 top:0;
29 }
30 .pageheader .header {
31 margin:0 150px 0 280px;
32 padding:0 0 0 0;
33 min-height:53px;
34 }
35 .pageheader .header .path {
36 clear:left;
37 float:left;
38 font-family:monospace;
39 font-size:100%;
40 margin:0.5ex 0 0 0;
41 padding:0 0 0 0;
42 }
43 .pageheader .header .path .parentlinks {
44 }
45 .pageheader .header .path .title {
46 display:inline-block;
47 font-family:monospace;
48 font-weight:bold;
49 font-size:100%;
50 margin:0 0 0 0;
51 padding:0 0 0 0;
52 }
53 .pageheader #otherlanguages {
54 font-size:80%;
55 float:right;
56 border-bottom:none;
57 }
58 .pageheader #otherlanguages ul {
59 margin:0 0 0 0;
60 padding:0 0 0 0;
61 }
62 .pageheader #otherlanguages ul li {
63 background: white;
64 border-color: #999;
65 border-style: none solid solid solid;
66 border-width: 1px;
67 margin: 0 0.2em;
68 padding: .1em .5em 0 .5em;
69 }
70 #searchform {
71 clear:both;
72 display:inline-block;
73 float:left;
74 padding-top:1ex;
75 position:relative;
76 right:auto !important;
77 top:auto !important;
78 }
79 #searchbox {
80 background-color:#fefefc !important;
81 border:1px solid #999;
82 height:3ex;
83 padding:0 0 1px 1px;
84 width:15em;
85 }
86 #pagebody {
87 //margin:0 30em 0 0;
88 margin:0 0 0 0;
89 padding:1ex 0 0 0;
90 }
91 #content {
92 margin:0 0 0 0;
93 }
94 #pagebody.page-single {
95 }
96 #pagebody.page-double {
97 width:50%;
98 }
99 .page-single #content {
100 margin-left:1em;
101 margin-right:1em;
102 }
103 .page-double #content {
104 margin-left:1em;
105 }
106 #image {
107 background-color: #F9F9F9;
108 border: 1px solid #AAAAAA;
109 display:block;
110 height:auto;
111 margin:1em 1em 1em 1em;
112 padding:1ex 1em 1ex 1em;
113 position:relative;
114 }
115 #image > table > tbody > tr > td > a > img {
116 width:100%;
117 }
118 #pageside {
119 margin: 0 0 0 50%;
120 position:absolute;
121 width:50%;
122 }
123 #pageside a:visited {
124 color:purple;
125 }
126 #toc {
127 background-color: #F9F9F9;
128 border: 1px solid #AAAAAA;
129 //float:right;
130 //clear:both;
131 display:block;
132 margin:1em 1em 1em 1em;
133 position:relative;
134 //right:1em;
135 //top:70px;
136 padding:0 1em 0 1em;
137 height:auto;
138 //width: 30em;
139 }
140 #editcontent {
141 margin:0 auto 2ex auto;
142 display:block;
143 width:99%;
144 }
145 #toc > p {
146 padding-left: 1em;
147 }
148 #toc > .class:empty {
149 display:none;
150 }
151 .leftbar {
152 border-left:none;
153 border-right:1px dotted gray;
154 float:left;
155 margin-right:2ex;
156 padding-right:2ex;
157 }
158
159 #stats {
160 background-color: #F9F9F9;
161 border: 1px solid #AAAAAA;
162 //float:right;
163 //clear:both;
164 display:block;
165 margin:1em 1em 1em 1em;
166 position:relative;
167 //right:1em;
168 //top:70px;
169 padding:0 1em 0 1em;
170 height:auto;
171 //width: 30em;
172 }
173 #stats ul > li {
174 display:inline-block;
175 }
176
177 #agenda {
178 background-color: #F9F9F9;
179 border: 1px solid #AAAAAA;
180 display:block;
181 margin:1em 1em 1em 1em;
182 position:relative;
183 padding:2px 1em 2px 1em;
184 height:auto;
185 }
186 #agenda .calendar {
187 max-width:10em;
188 padding-top:1em;
189 vertical-align:top;
190 }
191 #agenda > p {
192 padding-left:1em;
193 margin-bottom:0.5ex;
194 }
195
196
197 .calendar {
198 display:inline-block;
199 max-width:100%;
200 }
201 .calendar a {
202 white-space:normal !important;
203 }
204 .calendar > table {
205 border-collapse:collapse;
206 border:1px solid #666;
207 }
208 .calendar > .month {
209 }
210 .calendar > .month > thead {
211 }
212 .calendar > .month > thead > tr {
213 }
214 .calendar thead > tr > th {
215 background: -moz-linear-gradient(center top , #EDEDED 0px, #C4C4C4 100%) repeat scroll 0 0 transparent;
216 text-align:center;
217 padding:0.1ex 0.5ex 0.1ex 0.5ex;
218 }
219 .calendar > .month > tbody {
220 }
221 .calendar > .month > tbody > tr {
222 }
223 .calendar tbody > tr > td {
224 border:1px solid gray;
225 vertical-align:top;
226 border-collapse:collapse;
227 }
228 .calendar > .month > tbody > tr > .no-wday {
229 background-color:#eee;
230 }
231 .calendar .today {
232 background-color:#FFFFCC !important;
233 }
234 .calendar .wday {
235 background-color:white;
236 }
237 .calendar .wday .head {
238 display:inline-block;
239 text-align:center;
240 width:100%;
241 }
242 .calendar .month .wday .head {
243 text-align:right;
244 }
245 .calendar .head > .day {
246 font-family:sans-serif;
247 font-weight:bold;
248 padding:0 2px;
249 padding-right:1ex;
250 }
251 .calendar .head > .day > .new {
252 color:blue;
253 display:none;
254 font-size:65%;
255 font-weight:bold;
256 position:absolute;
257 text-decoration:none;
258 vertical-align:super;
259 }
260 .calendar .wday:hover .head > .day > .new {
261 display:inline-block;
262 }
263 .calendar .wday > .events {
264 margin:0 0 0 0 !important;
265 padding:0 0 0 0 !important;
266 }
267 .calendar .events > .event {
268 -moz-border-radius:2px;
269 -webkit-border-radius:2px;
270 background-color:#F9F9F9;
271 border-radius:2px;
272 border:1px solid #A9BBBF;
273 list-style-type:none;
274 margin:2px 2px 2px 2px;
275 padding:2px 2px 2px 2px;
276 text-align:left !important;
277 }
278 .calendar .events > .event {
279 }
280 .calendar .events > .event > .head {
281 display:inline-block;
282 text-align:left;
283 width:100%;
284 }
285 .calendar .events > .event > .head > .hour {
286 font-size:75%;
287 font-weight:bold;
288 margin-right:1em;
289 }
290 .calendar .events > .event > .head > .link {
291 display:inline-block;
292 padding:0 0 0 0;
293 text-align:center;
294 white-space:normal !important;
295 width:100%;
296 }
297 .calendar .events > .event > .tags {
298 margin:0 0 0 0 !important;
299 padding:0 0 0 0 !important;
300 }
301 .tags > .tag,
302 .calendar .events > .event > .tags > .tag {
303 -moz-border-radius:2px;
304 -webkit-border-radius:2px;
305 background-color:white;
306 border-radius:2px;
307 border:1px solid #A9BBBF;
308 font-size:60%;
309 list-style-type:none;
310 margin:2px 2px 0 0 !important;
311 padding:2px 3px 1px 3px !important;
312 text-align:left !important;
313 display:inline-block;
314 }
315 .calendar .events > .event > .tags > .tag > a {
316 display:inline-block;
317 font-weight:bold;
318 line-height:1.5 !important;
319 text-align:center;
320 width:100%;
321 }
322 .calendar .events > .event > .tags > .tag > .selflink {
323 display:inline-block;
324 font-weight:bold;
325 line-height:1.5 !important;
326 text-align:center;
327 width:100%;
328 }
329 .calendar .events > .event > .tags > .tag > .createlink {
330 display:inline-block;
331 line-height:1.5 !important;
332 text-align:center;
333 white-space:normal !important;
334 width:100%;
335 }
336 .calendar .events > .event > .tags > .tag > .createlink > a {
337 width:auto;
338 }
339
340
341 #pageinfo {
342 margin:0 0 0 0;
343 padding:1ex 1em 0 1em;
344 }
345 #pageinfo .tags {
346 margin-top:0;
347 }
348 #pageinfo > ul {
349 margin:0 0 0 0;
350 padding-left:1em;
351 list-style-position:outside;
352 list-style-type:square;
353 }
354 #pageinfo > ul > li {
355 }
356 #backlinks {
357 margin-top:0;
358 }
359 #backlinks a:visited {
360 color:purple;
361 }
362 .pagedate {
363 margin-top:0;
364 }
365 #pagebody a {
366 white-space:pre-wrap;
367 }
368 #pagebody a:visited {
369 color:purple;
370 }
371 #pagebody a[href^="http:"]:after,
372 #pagebody a[href^="https:"]:after {
373 content:"↗";
374 }
375
376 #pagebody code {
377 white-space:pre;
378 font-family:monospace;
379 }
380 #pagebody p,
381 #pagebody li {
382 max-width:46em;
383 text-align:justify;
384 }
385 #pagebody iframe {
386 max-width:auto;
387 }
388 #pagebody div.website {
389 height:65ex;
390 max-width:auto;
391 //position:absolute;
392 width:100%;
393 }
394 #pagebody div.website > iframe {
395 height:100%;
396 min-height:100%;
397 width:100%;
398 }
399
400 #pageinfo span.name {
401 font-weight:bold;
402 font-style:normal;
403 }
404
405 #pagebody h1 {
406 background-color: #eee;
407 border-bottom: 1px solid #aaa;
408 //border-top: 1px dotted #aaa;
409 display:block;
410 font-size:130%;
411 font-weight:bold;
412 padding:2px 5px 2px 5px;
413 margin:2ex 0 1ex 0;
414 }
415 #pagebody h1:first-child {
416 margin-top:1ex;
417 }
418 #pagebody h2 {
419 background-color:transparent;
420 border-bottom:1px solid #aaa;
421 display:block;
422 font-size:120%;
423 font-weight:bold;
424 padding:2px 0 2px 0;
425 margin:1ex 0 1ex 0;
426 }
427 #pagebody h3 {
428 background-color:transparent;
429 border-bottom:1px dotted #aaa;
430 color: #666;
431 font-size: 110%;
432 font-weight: bold;
433 margin:1ex 0 1ex 0;
434 padding:2px 0 2px 0;
435 }
436 #pagebody h4 {
437 }
438 body {
439 font-family:sans-serif;
440 font-size:80%;
441 }
442
443 #pagebody p {
444 margin-bottom:0;
445 }
446 #pagebody ul {
447 margin:0 0 0 2px;
448 padding:0 0 0 1em;
449 }
450 #pagebody li > p {
451 margin:0 0 0 0;
452 padding:0 0 0 0;
453 }
454
455 .poll {
456 border-left:1ex solid #999;
457 padding-left:1em;
458 }
459 .poll .choice {
460 }
461 .poll .choice input {
462 vertical-align:middle;
463 }
464 .poll .choice .description {
465 margin-left:1ex;
466 padding:0 1ex 0 1ex;
467 border:1px dotted black;
468 background-color: #eee;
469 }
470 .poll .votes {
471 margin-top:0.5ex;
472 }
473 .poll .votes hr {
474 margin-top: 0.5ex;
475 margin-bottom:1ex;
476 }
477
478 #wmd-button-bar {
479 width: 100%;
480 }
481
482 .wmd-button-row {
483 position: relative;
484 margin-left: 5px;
485 margin-right: 5px;
486 margin-bottom: 5px;
487 margin-top: 5px;
488 padding: 0px;
489 height: 20px;
490 }
491 .wmd-button {
492 width: 20px;
493 height: 20px;
494 padding-left: 2px;
495 padding-right: 3px;
496 position: absolute;
497 display: inline-block;
498 list-style: none;
499 cursor: pointer;
500 }
501 .wmd-button > span {
502 background-image: url(pagedown/wmd-buttons.png);
503 background-repeat: no-repeat;
504 background-position: 0px 0px;
505 width: 20px;
506 height: 20px;
507 display: inline-block;
508 }
509 .wmd-spacer {
510 position: absolute;
511 width: 1px;
512 height: 20px;
513 margin-left: 14px;
514 display: inline-block;
515 list-style: none;
516 }
517 .wmd-spacer1 { left: 50px; }
518 .wmd-spacer2 { left: 175px; }
519 .wmd-spacer3 { left: 300px; }
520
521 .wmd-prompt-background {
522 background-color: Black;
523 }
524 .wmd-prompt-dialog {
525 border: 1px solid #999999;
526 background-color: #F5F5F5;
527 }
528 .wmd-prompt-dialog > div {
529 font-size: 80%;
530 }
531 .wmd-prompt-dialog > form > input[type="text"] {
532 border: 1px solid #999999;
533 color: black;
534 }
535 .wmd-prompt-dialog > form > input[type="button"] {
536 border: 1px solid #888888;
537 font-size: 80%;
538 font-weight: bold;
539 }
540
541 .pageheader .actions {
542 bottom:inherit;
543 clear:both;
544 display:block;
545 float:right;
546 margin:0 0 0 0;
547 padding:0 0 0 0;
548 position:relative;
549 right:1em;
550 width:auto;
551 }
552 .pageheader .actions ul {
553 display:inline-block;
554 height:auto;
555 margin:0 1em 0 0 0;
556 padding:0 0 0 0;
557 }
558 .pageheader .actions ul li {
559 display:inline-block;
560 }
561
562 .trails {
563 background-color: #eee;
564 border-top:1px solid #999;
565 clear:both;
566 margin:0 0 0 0 !important;
567 padding:0 0 0 0 !important;
568 }
569 hr.trails {
570 background-color: #999;
571 clear:both;
572 margin:0 0 0 0 !important;
573 padding:0 0 0 0 !important;
574 }
575 .trails .trail a {
576 }
577 .trails .trail a:visited {
578 color:purple;
579 }
580 #footer, .pagefooter {
581 margin-left:0;
582 margin-right:0;
583 }
584 .trailprev {
585 left:1%;
586 }
587 .trailnext {
588 right:1%;
589 }
590 .pagelicense {
591 margin:0 0 0 0;
592 padding:0 0 0 0;
593 }
594 .pagelicense img {
595 vertical-align:middle;
596 }
597
598 .comment {
599 }
600 #comments {
601 margin:2ex 1em 0 1em;
602 }
603 #comments article {
604 padding:1ex 1em 1ex 1em;
605 margin:0 0 1ex 0;
606 }
607 #comments article .comment-subject {
608 background-color:#eee;
609 padding:0.5ex 1em 0.5ex 1em;
610 }
611 #comments article .comment-header {
612 margin:0 0 0 1em;
613 }
614 #comments article .inlinecontent {
615 margin:1ex 0 1ex 0;
616 }
617 #comments .actions {
618 float:right;
619 }
620 #comments .actions ul {
621 margin:0 0 0 0;
622 padding:0 0 0 0;
623 }
624 #comments .actions ul li {
625 border:1px solid #AAA;
626 padding:0.1em 0.5em 0.1em 0.5em;
627 }
628 .addcomment {
629 background: none repeat scroll 0 0 white;
630 border:1px solid #AAA;
631 display:inline-block;
632 margin:0 0 0 0;
633 padding:0.1em 0.5em 0.1em 0.5em;
634 }
635 .comment-header {
636 font-style:normal;
637 margin:0.3em 1em 0.3em 0;
638 display:inline-block;
639 }
640 .comment-header time {
641 font-style:italic;
642 }
643 .comment-avatar {
644 margin:0 0 0 1em;
645 }
646
647 img.medium {
648 max-width:50%;
649 height:auto;
650 }
651 img.big {
652 max-width:100%;
653 height:auto;
654 }
655
656 blockquote {
657 background-color:#eee;
658 border-left:1ex solid #1F3254;
659 margin:0.5ex 0 0.5ex 0;
660 padding:1ex 1em 1ex 1em;
661 }
662 blockquote > p:first-child {
663 margin-top:0;
664 }
665
666 #prevision_du_benevolat {
667 padding:2px 1ex 3px 1ex;
668 border-bottom:1px solid #999;
669 background-color:#F8F087;
670 display:inline-block;
671 width:100%;
672 }
673 #prevision_du_benevolat .calendar {
674 margin-top:3px;
675 vertical-align:top;
676 }
677 #prevision_du_benevolat .calendar:first-child {
678 clear:left;
679 }
680 h1#spanclassselflinkprvisionpanduahref\.\.bnvolata ~ .calendar .events > .event,
681 #prevision_du_benevolat .calendar {
682 display:inline-block;
683 vertical-align:top;
684 margin-right:0.3ex;
685 max-width:16em;
686 width:auto;
687 }
688 #prevision_du_benevolat .calendar .wday .head > .day {
689 padding-right:0;
690 }
691 #prevision_du_benevolat .calendar .wday:hover .head > .day > .new {
692 display:none !important;
693 }
694 #prevision_du_benevolat > h1:first-child {
695 display:inline-block;
696 font-family:monospace;
697 font-variant:bold;
698 float:left;
699 clear:both;
700 margin:2px 0 0 0;
701 max-width:8em;
702 padding:0 0 0 0;
703 vertical-align:top;
704 margin-right:1em;
705 }
706 #prevision_du_benevolat > ul {
707 clear:both;
708 display:block;
709 float:left;
710 list-style-type:none;
711 margin:0 0 0 0;
712 padding:0 0 0 0;
713 }
714 #prevision_du_benevolat > ul > li {
715 #display:inline-block;
716 }
717 #prevision_du_benevolat > ul > li .level {
718 border:1px solid #999;
719 padding:0.1ex 1ex 0.1ex 1ex;
720 }
721 h1#spanclassselflinkprvisionspanduahref\.\.bnvolata + ul {
722 margin-bottom:1em;
723 }
724 h1#spanclassselflinkprvisionspanduahref\.\.bnvolata + ul > li {
725 display:inline-block;
726 font-weight:bold;
727 }
728 h1#spanclassselflinkprvisionspanduahref\.\.bnvolata ~ .calendar {
729 vertical-align:top;
730 }
731 h1#prvisionduahref..bnvolata ~ .calendar .events > .event > .head > .link {
732 display:inline-block;
733 vertical-align:top;
734 margin-right:0.3ex;
735 max-width:10em;
736 width:auto;
737 }
738
739 .tag > a[href$="/Sérénité/"]:before,
740 .tag > a[href$="/Incertitude/"]:before,
741 .tag > a[href$="/Vigilance/"]:before,
742 .tag > a[href$="/Alerte/"]:before,
743 .tag > a[href$="/Crise/"]:before {
744 content:"";
745 display:inline-block;
746 height:22px;
747 margin-right:1ex;
748 text-align:center;
749 vertical-align:middle;
750 width:22px;
751 }
752
753 .tag > a[href$="/Sérénité/"]:before {
754 background-image:url(/Bénévolat/Prévision/stock_weather-sunny.png);
755 }
756 .tag > a[href$="/Incertitude/"]:before {
757 background-image:url(/Bénévolat/Prévision/stock_weather-few-clouds.png);
758 }
759 .tag > a[href$="/Vigilance/"]:before {
760 background-image:url(/Bénévolat/Prévision/stock_weather-cloudy.png);
761 }
762 .tag > a[href$="/Alerte/"]:before {
763 background-image:url(/Bénévolat/Prévision/stock_weather-showers.png);
764 }
765 .tag > a[href$="/Crise/"]:before {
766 background-image:url(/Bénévolat/Prévision/stock_weather-storm.png);
767 }
768 .tag-Savoir-faire_Autogestion_B_n_volat_Pr_vision_Crise,
769 .tag-Public_Savoir-faire_Autogestion_B_n_volat_Pr_vision_Crise {
770 border:2px solid red !important;
771 font-size:100% !important;
772 font-weight: bold !important;
773 }
774
775 a[href*='/URGENT/'] {
776 color:red !important;
777 font-weight:bold;
778 }
779 a[href*='/FAIT/'] {
780 background-color:#05A500;
781 color:black !important;
782 font-size:100% !important;
783 font-weight: bold !important;
784 padding:0 1em 0 1em;
785 }
786 a[href*='/EN_COURS/'] {
787 color:#FBC75C !important;
788 font-weight:bold;
789 }
790 a[href*='/ANNULÉ/'] {
791 //border:2px solid red !important;
792 background-color:red;
793 color:black !important;
794 font-size:100% !important;
795 font-weight: bold !important;
796 padding:0 1em 0 1em;
797 }
798 a[href*='/NON_FAIT/'] {
799 //border:2px solid #FBC75C !important;
800 background-color:#FBC75C;
801 color:black !important;
802 font-size:100% !important;
803 font-weight: bold !important;
804 padding:0 1em 0 1em;
805 }
806
807 .tag-Atelier_de_quartier_Pantin_Quatre_Chemins,
808 .tag-Public_Atelier_de_quartier_Pantin_Quatre_Chemins {
809 background-color:#3CB371 !important;
810 }
811 .tag-Atelier_de_quartier_Paris_20_Saint-Blaise,
812 .tag-Public_Atelier_de_quartier_Paris_20_Saint-Blaise {
813 background-color:#87CEEB !important;
814 }
815 .tag-Atelier_de_quartier_Paris_20_Foug_res,
816 .tag-Public_Atelier_de_quartier_Paris_20_Foug_res {
817 background-color:#FF08DB !important;
818 }
819 .tag-Atelier_de_quartier_Paris_20_Foug_res__tabli,
820 .tag-Public_Atelier_de_quartier_Paris_20_Foug_res__tabli {
821 background-color:#FFA4F2 !important;
822 }
823 .tag-Atelier_de_quartier_Ivry-sur-Seine_Ivry-Port,
824 .tag-Public_Atelier_de_quartier_Ivry-sur-Seine_Ivry-Port {
825 background-color:#FF4E50 !important;
826 }
827 .tag-Atelier_de_rue_Ivry-sur-Seine,
828 .tag-Public_Atelier_de_rue_Ivry-sur-Seine {
829 background-color:#DC143C !important;
830 }
831 .tag-Atelier_de_rue_Pantin,
832 .tag-Public_Atelier_de_rue_Pantin {
833 background-color:#008000 !important;
834 }
835 .tag-Atelier_de_rue_Paris_20,
836 .tag-Public_Atelier_de_rue_Paris_20 {
837 background-color:#4169E1 !important;
838 }
839 .tag-Cyclofficine_Ivry,
840 .tag-Public_Cyclofficine_Ivry {
841 background-color:#FF4E50 !important;
842 }
843 .tag-Cyclofficine_Paris,
844 .tag-Public_Cyclofficine_Paris {
845 background-color:#87CEEB !important;
846 }
847 .tag-Cyclofficine_Pantin,
848 .tag-Public_Cyclofficine_Pantin {
849 background-color:#3CB371 !important;
850 }
851 .tag-R_seau_L_Heureux_Cyclage,
852 .tag-Public_R_seau_L_Heureux_Cyclage {
853 background-color:#E1702E !important;
854 }
855 .tag-Activit__Cyclof_minisme,
856 .tag-Public_Activit__Cyclof_minisme {
857 //background-color:#7E93FF !important;
858 }
859 .tag-Activit__R_union,
860 .tag-Public_Activit__R_union {
861 background-color:#F8F087 !important;
862 }
863 .tag-Savoir-faire_Autogestion_Gouvernement_R_union_mensuelle_d_autogestion,
864 .tag-Public_Savoir-faire_Autogestion_Gouvernement_R_union_mensuelle_d_autogestion {
865 background-color:#F8F087 !important;
866 }
867 .tag-Cyclofficine,
868 .tag-Public_Cyclofficine {
869 background-color:#F8F087 !important;
870 }
871 .tag-Activit__Annul_e,
872 .tag-Public_Activit__Annul_e {
873 border:2px solid red !important;
874 font-size:100% !important;
875 font-weight: bold !important;
876 }
877 .tag-Ferm_,
878 .tag-Public_Ferm_ {
879 border:2px solid red !important;
880 font-size:100% !important;
881 font-weight: bold !important;
882 }