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-R_seau_L_Heureux_Cyclage {
 701         background-color:#F8F087 !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  }
 712 .tag-ANNULE {
 713         background-color:#000000 !important;
 714         color:#FEFEFE;
 715 }