Correction : events : PageSpecs et CSS.
[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 .calendar .events > .event[class*=' event-3615_'] {
305 border:1px solid black !important;
306 background-color:#DCC5A5;
307 }
308 .calendar .events > .event[class*=' event-3615_'] > .tags > .tag {
309 border:1px solid black !important;
310 }
311
312
313 #pageinfo {
314 margin:0 0 0 0;
315 padding:1ex 1em 0 1em;
316 }
317 #pageinfo .tags {
318 margin-top:0;
319 }
320 #pageinfo > ul {
321 margin:0 0 0 0;
322 padding-left:1em;
323 list-style-position:outside;
324 list-style-type:square;
325 }
326 #pageinfo > ul > li {
327 }
328 #backlinks {
329 margin-top:0;
330 }
331 #backlinks a:visited {
332 color:purple;
333 }
334 .pagedate {
335 margin-top:0;
336 }
337 #pagebody a {
338 white-space:pre;
339 }
340 #pagebody a:visited {
341 color:purple;
342 }
343 #pagebody a[href^="http:"]:after,
344 #pagebody a[href^="https:"]:after {
345 content:"↗";
346 }
347
348 #pagebody code {
349 white-space:pre;
350 font-family:monospace;
351 }
352 #pagebody p,
353 #pagebody li {
354 max-width:46em;
355 text-align:justify;
356 }
357 #pagebody iframe {
358 max-width:auto;
359 }
360 #pagebody div.website {
361 height:65ex;
362 max-width:auto;
363 //position:absolute;
364 width:100%;
365 }
366 #pagebody div.website > iframe {
367 height:100%;
368 min-height:100%;
369 width:100%;
370 }
371
372 #pageinfo span.name {
373 font-weight:bold;
374 font-style:normal;
375 }
376
377 #pagebody h1 {
378 background-color: #eee;
379 border-bottom: 1px solid #aaa;
380 //border-top: 1px dotted #aaa;
381 display:block;
382 font-size:130%;
383 font-weight:bold;
384 padding:2px 5px 2px 5px;
385 margin:2ex 0 1ex 0;
386 }
387 #pagebody h1:first-child {
388 margin-top:1ex;
389 }
390 #pagebody h2 {
391 background-color: white;
392 border-bottom: 1px solid #aaa;
393 display:block;
394 font-size:120%;
395 font-weight:bold;
396 padding:2px 0 2px 0;
397 margin:1ex 0 1ex 0;
398 }
399 #pagebody h3 {
400 background-color: transparent;
401 border-bottom: 1px dotted #aaa;
402 color: #666;
403 font-size: 110%;
404 font-weight: bold;
405 margin:1ex 0 1ex 0;
406 padding:2px 0 2px 0;
407 }
408 #pagebody h4 {
409 }
410 body {
411 font-family:sans-serif;
412 font-size:80%;
413 }
414
415 #pagebody p {
416 margin-bottom:0;
417 }
418 #pagebody ul {
419 margin:0 0 0 2px;
420 padding:0 0 0 1em;
421 }
422 #pagebody li > p {
423 margin:0 0 0 0;
424 padding:0 0 0 0;
425 }
426
427 .poll {
428 border-left:1ex solid #999;
429 padding-left:1em;
430 }
431 .poll .choice {
432 }
433 .poll .choice input {
434 vertical-align:middle;
435 }
436 .poll .choice .description {
437 margin-left:1ex;
438 padding:0 1ex 0 1ex;
439 border:1px dotted black;
440 background-color: #eee;
441 }
442 .poll .votes {
443 margin-top:0.5ex;
444 }
445 .poll .votes hr {
446 margin-top: 0.5ex;
447 margin-bottom:1ex;
448 }
449
450 #wmd-button-bar {
451 width: 100%;
452 }
453
454 .wmd-button-row {
455 position: relative;
456 margin-left: 5px;
457 margin-right: 5px;
458 margin-bottom: 5px;
459 margin-top: 5px;
460 padding: 0px;
461 height: 20px;
462 }
463 .wmd-button {
464 width: 20px;
465 height: 20px;
466 padding-left: 2px;
467 padding-right: 3px;
468 position: absolute;
469 display: inline-block;
470 list-style: none;
471 cursor: pointer;
472 }
473 .wmd-button > span {
474 background-image: url(pagedown/wmd-buttons.png);
475 background-repeat: no-repeat;
476 background-position: 0px 0px;
477 width: 20px;
478 height: 20px;
479 display: inline-block;
480 }
481 .wmd-spacer {
482 position: absolute;
483 width: 1px;
484 height: 20px;
485 margin-left: 14px;
486 display: inline-block;
487 list-style: none;
488 }
489 .wmd-spacer1 { left: 50px; }
490 .wmd-spacer2 { left: 175px; }
491 .wmd-spacer3 { left: 300px; }
492
493 .wmd-prompt-background {
494 background-color: Black;
495 }
496 .wmd-prompt-dialog {
497 border: 1px solid #999999;
498 background-color: #F5F5F5;
499 }
500 .wmd-prompt-dialog > div {
501 font-size: 80%;
502 }
503 .wmd-prompt-dialog > form > input[type="text"] {
504 border: 1px solid #999999;
505 color: black;
506 }
507 .wmd-prompt-dialog > form > input[type="button"] {
508 border: 1px solid #888888;
509 font-size: 80%;
510 font-weight: bold;
511 }
512
513 .pageheader .actions {
514 bottom:inherit;
515 clear:both;
516 display:block;
517 float:right;
518 margin:0 0 0 0;
519 padding:0 0 0 0;
520 position:relative;
521 right:1em;
522 width:auto;
523 }
524 .pageheader .actions ul {
525 display:inline-block;
526 height:auto;
527 margin:0 1em 0 0 0;
528 padding:0 0 0 0;
529 }
530 .pageheader .actions ul li {
531 display:inline-block;
532 }
533
534 .trails {
535 background-color: #eee;
536 border-top:1px solid #999;
537 clear:both;
538 margin:0 0 0 0 !important;
539 padding:0 0 0 0 !important;
540 }
541 hr.trails {
542 background-color: #999;
543 clear:both;
544 margin:0 0 0 0 !important;
545 padding:0 0 0 0 !important;
546 }
547 .trails .trail a {
548 }
549 .trails .trail a:visited {
550 color:purple;
551 }
552 #footer, .pagefooter {
553 margin-left:0;
554 margin-right:0;
555 }
556 .trailprev {
557 left:1%;
558 }
559 .trailnext {
560 right:1%;
561 }
562 .pagelicense {
563 margin:0 0 0 0;
564 padding:0 0 0 0;
565 }
566 .pagelicense img {
567 vertical-align:middle;
568 }
569
570 .comment {
571 }
572 #comments {
573 margin:2ex 1em 0 1em;
574 }
575 #comments article {
576 padding:1ex 1em 1ex 1em;
577 margin:0 0 1ex 0;
578 }
579 #comments article .comment-subject {
580 background-color:#eee;
581 padding:0.5ex 1em 0.5ex 1em;
582 }
583 #comments article .comment-header {
584 margin:0 0 0 1em;
585 }
586 #comments article .inlinecontent {
587 margin:1ex 0 1ex 0;
588 }
589 #comments .actions {
590 float:right;
591 }
592 #comments .actions ul {
593 margin:0 0 0 0;
594 padding:0 0 0 0;
595 }
596 #comments .actions ul li {
597 border:1px solid #AAA;
598 padding:0.1em 0.5em 0.1em 0.5em;
599 }
600 .addcomment {
601 background: none repeat scroll 0 0 white;
602 border:1px solid #AAA;
603 display:inline-block;
604 margin:0 0 0 0;
605 padding:0.1em 0.5em 0.1em 0.5em;
606 }
607 .comment-header {
608 font-style:normal;
609 margin:0.3em 1em 0.3em 0;
610 display:inline-block;
611 }
612 .comment-header time {
613 font-style:italic;
614 }
615
616 img.medium {
617 max-width:50%;
618 height:auto;
619 }
620 img.big {
621 max-width:100%;
622 height:auto;
623 }
624
625 blockquote {
626 background-color:#eee;
627 border-left:1ex solid #1F3254;
628 margin:0.5ex 0 0.5ex 0;
629 padding:1ex 1em 1ex 1em;
630 }
631 blockquote > p:first-child {
632 margin-top:0;
633 }
634
635 #metrologie {
636 padding:2px 1ex 3px 1ex;
637 border-bottom:1px solid #999;
638 background-color:#F8F087;
639 font-family:monospace;
640 }
641 #metrologie > h1 {
642 float:left;
643 margin:0 0 0 0;
644 padding:0 0 0 0;
645 display:inline-block;
646 font-family:monospace;
647 font-variant:bold;
648 }
649 #metrologie > ul {
650 margin:0 0 0 0;
651 padding:0 0 0 0;
652 display:inline-block;
653 }
654 #metrologie > ul > li {
655 display:inline-block;
656 }
657 #metrologie > ul > li .level {
658 padding:0.1ex 1ex 0.1ex 1ex;
659 border:1px solid #999;
660 }
661 #metrologie .paisible {
662 background-color:green;
663 }
664 #metrologie .mitigee {
665 background-color:blue;
666 }
667 #metrologie .difficile {
668 background-color:red;
669 }
670
671
672 .tag-Atelier_de_quartier_Ivry-sur-Seine_Brandebourg {
673 background-color:#FF4E50 !important;
674 }
675 .tag-Atelier_de_quartier_Pantin {
676 background-color:#3CB371 !important;
677 }
678 .tag-Atelier_de_quartier_Paris_20_Bonnard {
679 background-color:#87CEEB !important;
680 }
681 .tag-Atelier_de_quartier_Paris_20_Foug_res {
682 background-color:#FF08DB !important;
683 }
684 .tag-Atelier_de_quartier_Paris_20_Foug_res__tabli {
685 background-color:#FFA4F2 !important;
686 }
687 .tag-Atelier_de_rue_Ivry-sur-Seine {
688 background-color:#DC143C !important;
689 }
690 .tag-Atelier_de_rue_Pantin {
691 background-color:#008000 !important;
692 }
693 .tag-Atelier_de_rue_Paris {
694 background-color:#4169E1 !important;
695 }
696 .tag-Cyclofficine_Ivry {
697 background-color:#FF4E50 !important;
698 }
699 .tag-Cyclofficine_Paris {
700 background-color:#87CEEB !important;
701 }
702 .tag-Cyclofficine_Pantin {
703 background-color:#3CB371 !important;
704 }
705 .tag-L_Heureux_Cyclage {
706 background-color:#E1702E !important;
707 }
708 .tag-Activit__Cyclof_minisme {
709 //background-color:#7E93FF !important;
710 }
711 .tag-Activit__R_union {
712 background-color:#F8F087 !important;
713 }
714 .tag-Cyclofficine {
715 background-color:#F8F087 !important;
716 }