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