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