Réécriture : le plugin events remplaçe les plugins calendar et newevent.
[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 //float:right;
110 //clear:both;
111 display:inline-block;
112 margin:1em 1em 1em 1em;
113 position:relative;
114 //right:1em;
115 //top:70px;
116 padding:1ex 1em 1ex 1em;
117 height:auto;
118 //width: 30em;
119 }
120 #image table {
121 float:left;
122 }
123 #pageside {
124 margin: 0 0 0 50%;
125 position:absolute;
126 width:50%;
127 }
128 #toc {
129 background-color: #F9F9F9;
130 border: 1px solid #AAAAAA;
131 //float:right;
132 //clear:both;
133 display:block;
134 margin:1em 1em 1em 1em;
135 position:relative;
136 //right:1em;
137 //top:70px;
138 padding:0 1em 0 1em;
139 height:auto;
140 //width: 30em;
141 }
142 #editcontent {
143 margin:0 auto 2ex auto;
144 display:block;
145 width:99%;
146 }
147 #toc > p {
148 padding-left: 1em;
149 }
150 #toc > .class:empty {
151 display:none;
152 }
153 .leftbar {
154 border-left:none;
155 border-right:1px dotted gray;
156 float:left;
157 margin-right:2ex;
158 padding-right:2ex;
159 }
160
161
162 .calendar {
163 display:inline-block;
164 max-width:100%;
165 }
166 .calendar a {
167 white-space:normal !important;
168 }
169 .calendar > table {
170 border-collapse:collapse;
171 border:1px solid #666;
172 }
173 .calendar > .month {
174 }
175 .calendar > .month > thead {
176 }
177 .calendar > .month > thead > tr {
178 }
179 .calendar thead > tr > th {
180 background: -moz-linear-gradient(center top , #EDEDED 0px, #C4C4C4 100%) repeat scroll 0 0 transparent;
181 text-align:center;
182 padding:0.1ex 0.5ex 0.1ex 0.5ex;
183 }
184 .calendar > .month > tbody {
185 }
186 .calendar > .month > tbody > tr {
187 }
188 .calendar tbody > tr > td {
189 border:1px solid gray;
190 vertical-align:top;
191 border-collapse:collapse;
192 }
193 .calendar > .month > tbody > tr > .no-wday {
194 background-color:#eee;
195 }
196 .calendar .today {
197 background-color:#FFFFCC !important;
198 }
199 .calendar .wday {
200 }
201 .calendar .wday {
202 }
203 .calendar .wday .head {
204 display:inline-block;
205 text-align:center;
206 width:100%;
207 }
208 .calendar .month .wday .head {
209 text-align:right;
210 }
211 .calendar .head > .day {
212 font-family:sans-serif;
213 font-weight:bold;
214 padding:0 2px;
215 padding-right:1ex;
216 }
217 .calendar .head > .day > .new {
218 color:blue;
219 display:none;
220 font-size:65%;
221 font-weight:bold;
222 position:absolute;
223 text-decoration:none;
224 vertical-align:super;
225 }
226 .calendar .wday:hover .head > .day > .new {
227 display:inline-block;
228 }
229 .calendar .wday > .events {
230 margin:0 0 0 0 !important;
231 padding:0 0 0 0 !important;
232 }
233 .calendar .events > .event {
234 -moz-border-radius:2px;
235 -webkit-border-radius:2px;
236 background-color:#F9F9F9;
237 border-radius:2px;
238 border:1px solid #A9BBBF;
239 list-style-type:none;
240 margin:2px 2px 2px 2px;
241 padding:2px 2px 2px 2px;
242 text-align:left !important;
243 }
244 .calendar .events > .event {
245 }
246 .calendar .events > .event > .head {
247 display:inline-block;
248 text-align:left;
249 width:100%;
250 }
251 .calendar .events > .event > .head > .hour {
252 font-size:75%;
253 font-weight:bold;
254 margin-right:1em;
255 }
256 .calendar .events > .event > .head > .link {
257 display:inline-block;
258 padding:0 0 0 0;
259 text-align:center;
260 white-space:normal !important;
261 width:100%;
262 }
263 .calendar .events > .event > .tags {
264 margin:0 0 0 0 !important;
265 padding:0 0 0 0 !important;
266 }
267 .calendar .events > .event > .tags > .tag {
268 -moz-border-radius:2px;
269 -webkit-border-radius:2px;
270 background-color:white;
271 border-radius:2px;
272 border:1px solid #A9BBBF;
273 font-size:60%;
274 list-style-type:none;
275 margin:2px 2px 0 0 !important;
276 padding:2px 3px 1px 3px !important;
277 text-align:left !important;
278 display:inline-block;
279 }
280 .calendar .events > .event > .tags > .tag > a {
281 display:inline-block;
282 font-weight:bold;
283 line-height:1.5 !important;
284 text-align:center;
285 width:100%;
286 }
287 .calendar .events > .event > .tags > .tag > .selflink {
288 display:inline-block;
289 font-weight:bold;
290 line-height:1.5 !important;
291 text-align:center;
292 width:100%;
293 }
294 .calendar .events > .event > .tags > .tag > .createlink {
295 display:inline-block;
296 line-height:1.5 !important;
297 text-align:center;
298 white-space:normal !important;
299 width:100%;
300 }
301 .calendar .events > .event > .tags > .tag > .createlink > a {
302 width:auto;
303 }
304
305
306
307
308
309
310 #pageinfo {
311 margin:0 0 0 0;
312 padding:1ex 1em 0 1em;
313 }
314 #pageinfo .tags {
315 margin-top:0;
316 }
317 #pageinfo > ul {
318 margin:0 0 0 0;
319 padding-left:1em;
320 list-style-position:outside;
321 list-style-type:square;
322 }
323 #pageinfo > ul > li {
324 }
325 #backlinks {
326 margin-top:0;
327 }
328 #backlinks a:visited {
329 color:purple;
330 }
331 .pagedate {
332 margin-top:0;
333 }
334 #pagebody a {
335 white-space:pre;
336 }
337 #pagebody a:visited {
338 color:purple;
339 }
340 #pagebody a[href^="http:"]:after,
341 #pagebody a[href^="https:"]:after {
342 content:"↗";
343 }
344
345 #pagebody code {
346 white-space:pre;
347 font-family:monospace;
348 }
349 #pagebody p,
350 #pagebody li {
351 max-width:46em;
352 text-align:justify;
353 }
354 #pagebody iframe {
355 max-width:auto;
356 }
357 #pagebody div.website {
358 height:65ex;
359 max-width:auto;
360 //position:absolute;
361 width:100%;
362 }
363 #pagebody div.website > iframe {
364 height:100%;
365 min-height:100%;
366 width:100%;
367 }
368
369 #pageinfo span.name {
370 font-weight:bold;
371 font-style:normal;
372 }
373
374 #pagebody h1 {
375 background-color: #eee;
376 border-bottom: 1px solid #aaa;
377 //border-top: 1px dotted #aaa;
378 display:block;
379 font-size:130%;
380 font-weight:bold;
381 padding:2px 5px 2px 5px;
382 margin:2ex 0 1ex 0;
383 }
384 #pagebody h1:first-child {
385 margin-top:1ex;
386 }
387 #pagebody h2 {
388 background-color: white;
389 border-bottom: 1px solid #aaa;
390 display:block;
391 font-size:120%;
392 font-weight:bold;
393 padding:2px 0 2px 0;
394 margin:1ex 0 1ex 0;
395 }
396 #pagebody h3 {
397 background-color: transparent;
398 border-bottom: 1px dotted #aaa;
399 color: #666;
400 font-size: 110%;
401 font-weight: bold;
402 margin:1ex 0 1ex 0;
403 padding:2px 0 2px 0;
404 }
405 #pagebody h4 {
406 }
407 body {
408 font-family:sans-serif;
409 font-size:80%;
410 }
411
412 #pagebody p {
413 margin-bottom:0;
414 }
415 #pagebody ul {
416 margin:0 0 0 2px;
417 padding:0 0 0 1em;
418 }
419 #pagebody li > p {
420 margin:0 0 0 0;
421 padding:0 0 0 0;
422 }
423
424 .poll {
425 border-left:1ex solid #999;
426 padding-left:1em;
427 }
428 .poll .choice {
429 }
430 .poll .choice input {
431 vertical-align:middle;
432 }
433 .poll .choice .description {
434 margin-left:1ex;
435 padding:0 1ex 0 1ex;
436 border:1px dotted black;
437 background-color: #eee;
438 }
439 .poll .votes {
440 margin-top:0.5ex;
441 }
442 .poll .votes hr {
443 margin-top: 0.5ex;
444 margin-bottom:1ex;
445 }
446
447 #wmd-button-bar {
448 width: 100%;
449 }
450
451 .wmd-button-row {
452 position: relative;
453 margin-left: 5px;
454 margin-right: 5px;
455 margin-bottom: 5px;
456 margin-top: 5px;
457 padding: 0px;
458 height: 20px;
459 }
460 .wmd-button {
461 width: 20px;
462 height: 20px;
463 padding-left: 2px;
464 padding-right: 3px;
465 position: absolute;
466 display: inline-block;
467 list-style: none;
468 cursor: pointer;
469 }
470 .wmd-button > span {
471 background-image: url(pagedown/wmd-buttons.png);
472 background-repeat: no-repeat;
473 background-position: 0px 0px;
474 width: 20px;
475 height: 20px;
476 display: inline-block;
477 }
478 .wmd-spacer {
479 position: absolute;
480 width: 1px;
481 height: 20px;
482 margin-left: 14px;
483 display: inline-block;
484 list-style: none;
485 }
486 .wmd-spacer1 { left: 50px; }
487 .wmd-spacer2 { left: 175px; }
488 .wmd-spacer3 { left: 300px; }
489
490 .wmd-prompt-background {
491 background-color: Black;
492 }
493 .wmd-prompt-dialog {
494 border: 1px solid #999999;
495 background-color: #F5F5F5;
496 }
497 .wmd-prompt-dialog > div {
498 font-size: 80%;
499 }
500 .wmd-prompt-dialog > form > input[type="text"] {
501 border: 1px solid #999999;
502 color: black;
503 }
504 .wmd-prompt-dialog > form > input[type="button"] {
505 border: 1px solid #888888;
506 font-size: 80%;
507 font-weight: bold;
508 }
509
510 .pageheader .actions {
511 bottom:inherit;
512 clear:both;
513 display:block;
514 float:right;
515 margin:0 0 0 0;
516 padding:0 0 0 0;
517 position:relative;
518 right:1em;
519 width:auto;
520 }
521 .pageheader .actions ul {
522 display:inline-block;
523 height:auto;
524 margin:0 1em 0 0 0;
525 padding:0 0 0 0;
526 }
527 .pageheader .actions ul li {
528 display:inline-block;
529 }
530
531 .trails {
532 background-color: #eee;
533 border-top:1px solid #999;
534 clear:both;
535 margin:0 0 0 0 !important;
536 padding:0 0 0 0 !important;
537 }
538 hr.trails {
539 background-color: #999;
540 clear:both;
541 margin:0 0 0 0 !important;
542 padding:0 0 0 0 !important;
543 }
544 .trails .trail a {
545 }
546 .trails .trail a:visited {
547 color:purple;
548 }
549 #footer, .pagefooter {
550 margin-left:0;
551 margin-right:0;
552 }
553 .trailprev {
554 left:1%;
555 }
556 .trailnext {
557 right:1%;
558 }
559 .pagelicense {
560 margin:0 0 0 0;
561 padding:0 0 0 0;
562 }
563 .pagelicense img {
564 vertical-align:middle;
565 }
566
567 .comment {
568 }
569 #comments {
570 margin:2ex 1em 0 1em;
571 }
572 #comments article {
573 padding:1ex 1em 1ex 1em;
574 margin:0 0 1ex 0;
575 }
576 #comments article .comment-subject {
577 background-color:#eee;
578 padding:0.5ex 1em 0.5ex 1em;
579 }
580 #comments article .comment-header {
581 margin:0 0 0 1em;
582 }
583 #comments article .inlinecontent {
584 margin:1ex 0 1ex 0;
585 }
586 #comments .actions {
587 float:right;
588 }
589 #comments .actions ul {
590 margin:0 0 0 0;
591 padding:0 0 0 0;
592 }
593 #comments .actions ul li {
594 border:1px solid #AAA;
595 padding:0.1em 0.5em 0.1em 0.5em;
596 }
597 .addcomment {
598 background: none repeat scroll 0 0 white;
599 border:1px solid #AAA;
600 display:inline-block;
601 margin:0 0 0 0;
602 padding:0.1em 0.5em 0.1em 0.5em;
603 }
604 .comment-header {
605 font-style:normal;
606 margin:0.3em 1em 0.3em 0;
607 display:inline-block;
608 }
609 .comment-header time {
610 font-style:italic;
611 }
612
613 img.medium {
614 max-width:50%;
615 height:auto;
616 }
617 img.big {
618 max-width:100%;
619 height:auto;
620 }
621
622 blockquote {
623 background-color:#eee;
624 border-left:1ex solid #1F3254;
625 margin:0.5ex 0 0.5ex 0;
626 padding:1ex 1em 1ex 1em;
627 }
628 blockquote > p:first-child {
629 margin-top:0;
630 }
631
632 #metrologie {
633 padding:2px 1ex 3px 1ex;
634 border-bottom:1px solid #999;
635 background-color:#F8F087;
636 font-family:monospace;
637 }
638 #metrologie > h1 {
639 float:left;
640 margin:0 0 0 0;
641 padding:0 0 0 0;
642 display:inline-block;
643 font-family:monospace;
644 font-variant:bold;
645 }
646 #metrologie > ul {
647 margin:0 0 0 0;
648 padding:0 0 0 0;
649 display:inline-block;
650 }
651 #metrologie > ul > li {
652 display:inline-block;
653 }
654 #metrologie > ul > li .level {
655 padding:0.1ex 1ex 0.1ex 1ex;
656 border:1px solid #999;
657 }
658 #metrologie .paisible {
659 background-color:green;
660 }
661 #metrologie .mitigee {
662 background-color:blue;
663 }
664 #metrologie .difficile {
665 background-color:red;
666 }
667
668
669 .tag-Atelier_de_quartier_Ivry-sur-Seine_Brandebourg {
670 background-color:#FF4E50 !important;
671 }
672 .tag-Atelier_de_quartier_Pantin {
673 background-color:#3CB371 !important;
674 }
675 .tag-Atelier_de_quartier_Paris_20_Bonnard {
676 background-color:#87CEEB !important;
677 }
678 .tag-Atelier_de_quartier_Paris_20_Foug_res {
679 background-color:#FF08DB !important;
680 }
681 .tag-Atelier_de_quartier_Paris_20_Foug_res__tabli {
682 background-color:#FFA4F2 !important;
683 }
684 .tag-Atelier_de_rue_Ivry-sur-Seine {
685 background-color:#DC143C !important;
686 }
687 .tag-Atelier_de_rue_Pantin {
688 background-color:#008000 !important;
689 }
690 .tag-Atelier_de_rue_Paris {
691 background-color:#4169E1 !important;
692 }
693 .tag-Cyclofficine_Ivry {
694 background-color:#FF4E50 !important;
695 }
696 .tag-Cyclofficine_Paris {
697 background-color:#87CEEB !important;
698 }
699 .tag-Cyclofficine_Pantin {
700 background-color:#3CB371 !important;
701 }
702 .tag-L_Heureux_Cyclage {
703 background-color:#E1702E !important;
704 }
705 .tag-Activit__Cyclof_minisme {
706 //background-color:#7E93FF !important;
707 }
708 .tag-Activit__R_union {
709 background-color:#F8F087 !important;
710 }
711 .tag-Cyclofficine {
712 background-color:#F8F087 !important;
713 }