modif PageSpec Agenda
[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
357 #pageinfo span.name {
358 font-weight:bold;
359 font-style:normal;
360 }
361
362 #pagebody h1 {
363 background-color: #eee;
364 border-bottom: 1px solid #aaa;
365 //border-top: 1px dotted #aaa;
366 display:block;
367 font-size:130%;
368 font-weight:bold;
369 padding:2px 5px 2px 5px;
370 margin:2ex 0 1ex 0;
371 }
372 #pagebody h1:first-child {
373 margin-top:1ex;
374 }
375 #pagebody h2 {
376 background-color: white;
377 border-bottom: 1px solid #aaa;
378 display:block;
379 font-size:120%;
380 font-weight:bold;
381 padding:2px 0 2px 0;
382 margin:1ex 0 1ex 0;
383 }
384 #pagebody h3 {
385 background-color: transparent;
386 border-bottom: 1px dotted #aaa;
387 color: #666;
388 font-size: 110%;
389 font-weight: bold;
390 margin:1ex 0 1ex 0;
391 padding:2px 0 2px 0;
392 }
393 #pagebody h4 {
394 }
395 body {
396 font-family:sans-serif;
397 font-size:80%;
398 }
399
400 #pagebody p {
401 margin-bottom:0;
402 }
403 #pagebody ul {
404 margin:0 0 0 2px;
405 padding:0 0 0 1em;
406 }
407 #pagebody li > p {
408 margin:0 0 0 0;
409 padding:0 0 0 0;
410 }
411
412 .poll {
413 border-left:1ex solid #999;
414 padding-left:1em;
415 }
416 .poll .choice {
417 }
418 .poll .choice input {
419 vertical-align:middle;
420 }
421 .poll .choice .description {
422 margin-left:1ex;
423 padding:0 1ex 0 1ex;
424 border:1px dotted black;
425 background-color: #eee;
426 }
427 .poll .votes {
428 margin-top:0.5ex;
429 }
430 .poll .votes hr {
431 margin-top: 0.5ex;
432 margin-bottom:1ex;
433 }
434
435 #wmd-button-bar {
436 width: 100%;
437 }
438
439 .wmd-button-row {
440 position: relative;
441 margin-left: 5px;
442 margin-right: 5px;
443 margin-bottom: 5px;
444 margin-top: 5px;
445 padding: 0px;
446 height: 20px;
447 }
448 .wmd-button {
449 width: 20px;
450 height: 20px;
451 padding-left: 2px;
452 padding-right: 3px;
453 position: absolute;
454 display: inline-block;
455 list-style: none;
456 cursor: pointer;
457 }
458 .wmd-button > span {
459 background-image: url(pagedown/wmd-buttons.png);
460 background-repeat: no-repeat;
461 background-position: 0px 0px;
462 width: 20px;
463 height: 20px;
464 display: inline-block;
465 }
466 .wmd-spacer {
467 position: absolute;
468 width: 1px;
469 height: 20px;
470 margin-left: 14px;
471 display: inline-block;
472 list-style: none;
473 }
474 .wmd-spacer1 { left: 50px; }
475 .wmd-spacer2 { left: 175px; }
476 .wmd-spacer3 { left: 300px; }
477
478 .wmd-prompt-background {
479 background-color: Black;
480 }
481 .wmd-prompt-dialog {
482 border: 1px solid #999999;
483 background-color: #F5F5F5;
484 }
485 .wmd-prompt-dialog > div {
486 font-size: 80%;
487 }
488 .wmd-prompt-dialog > form > input[type="text"] {
489 border: 1px solid #999999;
490 color: black;
491 }
492 .wmd-prompt-dialog > form > input[type="button"] {
493 border: 1px solid #888888;
494 font-size: 80%;
495 font-weight: bold;
496 }
497
498 .month-calendar {
499 border-spacing: 1ex 1px;
500 }
501 .month-calendar td:hover a.newevent {
502 display:inline-block;
503 }
504 .month-calendar td a.newevent {
505 color:blue;
506 display:none;
507 font-size:65%;
508 font-weight:bold;
509 position:absolute;
510 text-decoration:none;
511 vertical-align:super;
512 }
513
514 .pageheader .actions {
515 bottom:inherit;
516 clear:both;
517 display:block;
518 float:right;
519 margin:0 0 0 0;
520 padding:0 0 0 0;
521 position:relative;
522 right:1em;
523 width:auto;
524 }
525 .pageheader .actions ul {
526 display:inline-block;
527 height:auto;
528 margin:0 1em 0 0 0;
529 padding:0 0 0 0 0;
530 }
531 .pageheader .actions ul li {
532 display:inline-block;
533 }
534
535 .trails {
536 background-color: #eee;
537 border-top:1px solid #999;
538 clear:both;
539 margin:0 0 0 0 !important;
540 padding:0 0 0 0 !important;
541 }
542 hr.trails {
543 background-color: #999;
544 clear:both;
545 margin:0 0 0 0 !important;
546 padding:0 0 0 0 !important;
547 }
548 .trails .trail a {
549 }
550 .trails .trail a:visited {
551 color:purple;
552 }
553 #footer, .pagefooter {
554 margin-left:0;
555 margin-right:0;
556 }
557 .trailprev {
558 left:1%;
559 }
560 .trailnext {
561 right:1%;
562 }
563 .pagelicense {
564 margin:0 0 0 0;
565 padding:0 0 0 0;
566 }
567 .pagelicense img {
568 vertical-align:middle;
569 }
570
571 img.medium {
572 max-width:50%;
573 height:auto;
574 }
575 img.big {
576 max-width:100%;
577 height:auto;
578 }
579
580 .tag-Atelier_de_quartier_Ivry-sur-Seine_Brandebourg {
581 background-color:#FF4E50 !important;
582 }
583 .tag-Atelier_de_quartier_Pantin {
584 background-color:#3CB371 !important;
585 }
586 .tag-Atelier_de_quartier_Paris_20_Bonnard {
587 background-color:#87CEEB !important;
588 }
589 .tag-Atelier_de_quartier_Paris_20_Foug_res {
590 background-color:#FF08DB !important;
591 }
592 .tag-Atelier_de_quartier_Paris_20_Foug_res__tabli {
593 background-color:#FFA4F2 !important;
594 }
595 .tag-Atelier_de_rue_Ivry-sur-Seine {
596 background-color:#DC143C !important;
597 }
598 .tag-Atelier_de_rue_Pantin {
599 background-color:#008000 !important;
600 }
601 .tag-Atelier_de_rue_Paris {
602 background-color:#4169E1 !important;
603 }
604 .tag-Cyclofficine_Cyclofficine_d_Ivry-sur-Seine {
605 background-color:#FFDEAD !important;
606 }
607 .tag-Cyclofficine_Cyclofficine_de_Paris {
608 background-color:#D4EAEF !important;
609 }
610 .tag-Cyclofficine_Cyclofficine_de_Pantin {
611 background-color:#C9DF8A !important;
612 }
613 .tag-L_Heureux_Cyclage {
614 background-color:#E1702E !important;
615 }
616 .tag-Activit__Cyclof_minisme {
617 background-color:#7E93FF !important;
618 }
619 .tag-Activit__R_union {
620 background-color:#F8F087 !important;
621 }