ajout calendriers et images
[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 1ex 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 #calendar {
161 background-color: #F9F9F9;
162 border: 1px solid #AAAAAA;
163 clear:both;
164 color: black !important;
165 float:right;
166 margin:1em 1em 0 0;
167 padding:0 0 0 0;
168 width: 30em;
169 }
170 #calendar > .calendar {
171 border:none;
172 display:block;
173 margin:0 auto 0 auto;
174 width:100%;
175 }
176 #calendar > .calendar > table {
177 margin:0 auto 0 auto;
178 }
179 .calendar table {
180 border-collapse:collapse;
181 border:1px solid #666;
182 //table-layout:fixed;
183 }
184 .month-calendar {
185 border-spacing:0 !important;
186 }
187 .calendar .popup {
188 border:1px dotted #666;
189 background-color: #eee;
190 }
191 .calendar .day {
192 padding:0 2px;
193 margin-right:0.6ex;
194 }
195 .calendar .hour {
196 font-size:75%;
197 font-weight:bold;
198 }
199 .calendar .no-popup .balloon .tag {
200 font-size:60%;
201 }
202 .calendar .no-popup .balloon .tag {
203 background-color:white;
204 }
205 .calendar .no-popup .balloon .tag a {
206 display:inline-block;
207 text-align:center;
208 width:100%;
209 line-height:1.5 !important;
210 font-weight:bold;
211 }
212 .calendar .no-popup .balloon .tag .selflink {
213 display:inline-block;
214 text-align:center;
215 width:100%;
216 line-height:1.5 !important;
217 font-weight:bold;
218 }
219 .calendar .no-popup .balloon {
220 padding:0 2px 2px 2px;
221 display:inline-block;
222 text-align:left;
223 }
224 .calendar .no-popup .balloon:first-child {
225 padding-top:0;
226 }
227 .calendar .no-popup .balloon a {
228 display:inline-block;
229 text-align:center;
230 white-space:normal !important;
231 width:100%;
232 }
233 .calendar .no-popup .balloon .createlink {
234 display:inline-block;
235 text-align:center;
236 white-space:normal !important;
237 width:100%;
238 }
239 .calendar .no-popup .balloon .createlink a {
240 width:auto;
241 }
242 .calendar .no-popup .balloon ul {
243 padding:0 0 0 0 !important;
244 margin:0 0 0 0 !important;
245 }
246 .calendar .no-popup .balloon li {
247 -moz-border-radius: 2px;
248 -webkit-border-radius: 2px;
249 background-color:#F9F9F9;
250 border-radius: 2px;
251 border:1px solid #A9BBBF;
252 list-style-type:none;
253 margin-top:2px;
254 padding:2px 2px 2px 2px;
255 text-align:left !important;
256 }
257 .calendar .no-popup .balloon li:first-child {
258 margin-top:0;
259 }
260 .calendar .month-calendar-day-this-day {
261 /*border:1px solid red;*/
262 /*background-color:transparent;*/
263 background-color:#FFFFCC !important;
264 }
265 .calendar th {
266 background: -moz-linear-gradient(center top , #EDEDED 0px, #C4C4C4 100%) repeat scroll 0 0 transparent;
267 text-align:center;
268 padding:0.1ex 0.5ex 0.1ex 0.5ex;
269 }
270 .calendar td {
271 border:1px solid gray;
272 vertical-align:top;
273 border-collapse:collapse;
274 }
275 .pagebody .calendar a {
276 white-space:normal !important;
277 }
278 .month-calendar {
279 width:100%;
280 }
281 #pagebody .calendar .popup .balloon a {
282 white-space:normal !important;
283 }
284 .calendar {
285 display:inline-block;
286 max-width:100%;
287 }
288 #calendar h1 {
289 margin-top:0.5ex;
290 margin-bottom:0.5ex;
291 }
292 #calendar .calendar .popup:focus .balloon,
293 #calendar .calendar .popup:hover .balloon {
294 right:2ex;
295 }
296 .calendar .popup:hover .balloon,
297 .calendar .popup:focus .balloon {
298 background-color: #eee;
299 border:2px solid;
300 color:black;
301 display:inline;
302 margin:1em 0 0 -0.5em !important;
303 padding:0 0 0 0 !important;
304 position:absolute;
305 }
306 .calendar .popup:hover .balloon > ul,
307 .calendar .popup:focus .balloon > ul {
308 list-style-position:inside;
309 margin:0 0 0 0 !important;
310 padding:1ex 1ex 1ex 1ex !important;
311 }
312 #pageinfo {
313 margin:0 0 0 0;
314 padding:1ex 1em 0 1em;
315 }
316 #pageinfo .tags {
317 margin-top:0;
318 }
319 #pageinfo > ul {
320 margin:0 0 0 0;
321 padding-left:1em;
322 list-style-position:outside;
323 list-style-type:square;
324 }
325 #pageinfo > ul > li {
326 }
327 #backlinks {
328 margin-top:0;
329 }
330 #backlinks a:visited {
331 color:purple;
332 }
333 .pagedate {
334 margin-top:0;
335 }
336 #pagebody a {
337 white-space:pre;
338 }
339 #pagebody a:visited {
340 color:purple;
341 }
342 #pagebody a[href^="http:"]:after,
343 #pagebody a[href^="https:"]:after {
344 content:"↗";
345 }
346
347 #pagebody code {
348 white-space:pre;
349 font-family:monospace;
350 }
351 #pagebody p,
352 #pagebody li {
353 max-width:46em;
354 text-align:justify;
355 }
356 #pagebody iframe {
357 max-width:auto;
358 }
359 #pagebody div.website {
360 height:80%;
361 max-width:auto;
362 position:absolute;
363 width:98%;
364 }
365 #pagebody div.website > iframe {
366 height:100%;
367 min-height:100%;
368 width:100%;
369 }
370
371 #pageinfo span.name {
372 font-weight:bold;
373 font-style:normal;
374 }
375
376 #pagebody h1 {
377 background-color: #eee;
378 border-bottom: 1px solid #aaa;
379 //border-top: 1px dotted #aaa;
380 display:block;
381 font-size:130%;
382 font-weight:bold;
383 padding:2px 5px 2px 5px;
384 margin:2ex 0 1ex 0;
385 }
386 #pagebody h1:first-child {
387 margin-top:1ex;
388 }
389 #pagebody h2 {
390 background-color: white;
391 border-bottom: 1px solid #aaa;
392 display:block;
393 font-size:120%;
394 font-weight:bold;
395 padding:2px 0 2px 0;
396 margin:1ex 0 1ex 0;
397 }
398 #pagebody h3 {
399 background-color: transparent;
400 border-bottom: 1px dotted #aaa;
401 color: #666;
402 font-size: 110%;
403 font-weight: bold;
404 margin:1ex 0 1ex 0;
405 padding:2px 0 2px 0;
406 }
407 #pagebody h4 {
408 }
409 body {
410 font-family:sans-serif;
411 font-size:80%;
412 }
413
414 #pagebody p {
415 margin-bottom:0;
416 }
417 #pagebody ul {
418 margin:0 0 0 2px;
419 padding:0 0 0 1em;
420 }
421 #pagebody li > p {
422 margin:0 0 0 0;
423 padding:0 0 0 0;
424 }
425
426 .poll {
427 border-left:1ex solid #999;
428 padding-left:1em;
429 }
430 .poll .choice {
431 }
432 .poll .choice input {
433 vertical-align:middle;
434 }
435 .poll .choice .description {
436 margin-left:1ex;
437 padding:0 1ex 0 1ex;
438 border:1px dotted black;
439 background-color: #eee;
440 }
441 .poll .votes {
442 margin-top:0.5ex;
443 }
444 .poll .votes hr {
445 margin-top: 0.5ex;
446 margin-bottom:1ex;
447 }
448
449 #wmd-button-bar {
450 width: 100%;
451 }
452
453 .wmd-button-row {
454 position: relative;
455 margin-left: 5px;
456 margin-right: 5px;
457 margin-bottom: 5px;
458 margin-top: 5px;
459 padding: 0px;
460 height: 20px;
461 }
462 .wmd-button {
463 width: 20px;
464 height: 20px;
465 padding-left: 2px;
466 padding-right: 3px;
467 position: absolute;
468 display: inline-block;
469 list-style: none;
470 cursor: pointer;
471 }
472 .wmd-button > span {
473 background-image: url(pagedown/wmd-buttons.png);
474 background-repeat: no-repeat;
475 background-position: 0px 0px;
476 width: 20px;
477 height: 20px;
478 display: inline-block;
479 }
480 .wmd-spacer {
481 position: absolute;
482 width: 1px;
483 height: 20px;
484 margin-left: 14px;
485 display: inline-block;
486 list-style: none;
487 }
488 .wmd-spacer1 { left: 50px; }
489 .wmd-spacer2 { left: 175px; }
490 .wmd-spacer3 { left: 300px; }
491
492 .wmd-prompt-background {
493 background-color: Black;
494 }
495 .wmd-prompt-dialog {
496 border: 1px solid #999999;
497 background-color: #F5F5F5;
498 }
499 .wmd-prompt-dialog > div {
500 font-size: 80%;
501 }
502 .wmd-prompt-dialog > form > input[type="text"] {
503 border: 1px solid #999999;
504 color: black;
505 }
506 .wmd-prompt-dialog > form > input[type="button"] {
507 border: 1px solid #888888;
508 font-size: 80%;
509 font-weight: bold;
510 }
511
512 .month-calendar {
513 border-spacing: 1ex 1px;
514 }
515 .month-calendar td:hover a.newevent {
516 display:inline-block;
517 }
518 .month-calendar td a.newevent {
519 color:blue;
520 display:none;
521 font-size:65%;
522 font-weight:bold;
523 position:absolute;
524 text-decoration:none;
525 vertical-align:super;
526 }
527
528 .pageheader .actions {
529 bottom:inherit;
530 clear:both;
531 display:block;
532 float:right;
533 margin:0 0 0 0;
534 padding:0 0 0 0;
535 position:relative;
536 right:1em;
537 width:auto;
538 }
539 .pageheader .actions ul {
540 display:inline-block;
541 height:auto;
542 margin:0 1em 0 0 0;
543 padding:0 0 0 0 0;
544 }
545 .pageheader .actions ul li {
546 display:inline-block;
547 }
548
549 .trails {
550 background-color: #eee;
551 border-top:1px solid #999;
552 clear:both;
553 margin:0 0 0 0 !important;
554 padding:0 0 0 0 !important;
555 }
556 hr.trails {
557 background-color: #999;
558 clear:both;
559 margin:0 0 0 0 !important;
560 padding:0 0 0 0 !important;
561 }
562 .trails .trail a {
563 }
564 .trails .trail a:visited {
565 color:purple;
566 }
567 #footer, .pagefooter {
568 margin-left:0;
569 margin-right:0;
570 }
571 .trailprev {
572 left:1%;
573 }
574 .trailnext {
575 right:1%;
576 }
577 .pagelicense {
578 margin:0 0 0 0;
579 padding:0 0 0 0;
580 }
581 .pagelicense img {
582 vertical-align:middle;
583 }
584
585 img.medium {
586 max-width:50%;
587 height:auto;
588 }
589 img.big {
590 max-width:100%;
591 height:auto;
592 }
593
594 .tag-Atelier_de_quartier_Ivry-sur-Seine_Brandebourg {
595 background-color:#FF4E50 !important;
596 }
597 .tag-Atelier_de_quartier_Pantin {
598 background-color:#3CB371 !important;
599 }
600 .tag-Atelier_de_quartier_Paris_20_Bonnard {
601 background-color:#87CEEB !important;
602 }
603 .tag-Atelier_de_quartier_Paris_20_Foug_res {
604 background-color:#FF08DB !important;
605 }
606 .tag-Atelier_de_quartier_Paris_20_Foug_res__tabli {
607 background-color:#FFA4F2 !important;
608 }
609 .tag-Atelier_de_rue_Ivry-sur-Seine {
610 background-color:#DC143C !important;
611 }
612 .tag-Atelier_de_rue_Pantin {
613 background-color:#008000 !important;
614 }
615 .tag-Atelier_de_rue_Paris {
616 background-color:#4169E1 !important;
617 }
618 .tag-Cyclofficine_Cyclofficine_d_Ivry-sur-Seine {
619 background-color:#FFDEAD !important;
620 }
621 .tag-Cyclofficine_Cyclofficine_de_Paris {
622 background-color:#D4EAEF !important;
623 }
624 .tag-Cyclofficine_Cyclofficine_de_Pantin {
625 background-color:#C9DF8A !important;
626 }
627 .tag-L_Heureux_Cyclage {
628 background-color:#E1702E !important;
629 }
630 .tag-Activit__Cyclof_minisme {
631 //background-color:#7E93FF !important;
632 }
633 .tag-Activit__R_union {
634 background-color:#F8F087 !important;
635 }