[Sommaire] [Imprimer]

   1  
   2  /*******************************************************/
   3  /* EVENTS ONLY CSS                                     */
   4  /*******************************************************/
   5  
   6  
   7  /*******************************************************/
   8  /* CALENDAR STYLE > MONTH VIEW                         */
   9  /*******************************************************/
  10  
  11      #calendar_area{
  12          background-color:#f6f5f2;
  13          padding:10px;
  14          margin:0;
  15      }
  16      #calendar_title{
  17          font-size:1.2em;
  18          font-weight:normal;
  19          color:#333;
  20          margin:0 20px 0 20px;
  21          padding:0;
  22          vertical-align:baseline;
  23      }
  24      #top_nav{
  25          margin:0 auto 0 auto;
  26          text-align:center;
  27      }
  28      #top_nav img{
  29          margin:0 0 -6px 0;
  30      }
  31      #all_calendars{
  32          margin:10px 0 10px 0;
  33      }
  34      #all_calendars:after{
  35          content: ".";
  36          display: block;
  37          height: 0;
  38          clear: both;
  39          visibility:hidden;
  40      }
  41      #all_calendars{display: inline-block;}
  42      /* Hides from IE Mac \*/
  43      * html #all_calendars {height: 1%;}
  44      #all_calendars{display:block;}
  45      /* End Hack */
  46  
  47      .a_calendar{
  48          float:left;
  49          margin:0 0 0 0;
  50      }
  51  
  52  /*  Calendars   */
  53      #all_calendars table{
  54          width:650px;
  55          background-color:#fff;
  56          padding:1px;
  57          border:1px solid #ccc;
  58          margin:0 auto 0 0;
  59      }
  60      #all_calendars caption{
  61          color:#333333;
  62          font-size:0.9em;
  63          font-weight:bold;
  64      }
  65      #all_calendars table th{
  66          text-align: center;
  67          font-size: 1em;
  68          color:#067CA0;
  69          background:#666666;
  70          border-bottom: 1px solid #ccc;
  71          border-right: 1px solid #ccc;
  72          border-top: 1px solid #fff;
  73          border-left: 1px solid #fff;
  74          width: 14%;
  75          font-weight:normal;
  76          background-image:url("<?php echo $baseUrl; ?>/images/cal_days_bg.jpg");
  77          background-position:top left;
  78          background-repeat:repeat-x;
  79          padding:4px;
  80      }
  81      #all_calendars table td{
  82          height:100px;
  83          vertical-align:top;
  84          text-align:left;
  85          padding:4px;
  86      }
  87      td.day{
  88          font-size: 0.9em;
  89          font-weight: bold;
  90          background:#EFF9FC;
  91          border:1px solid #a1d8e9;
  92      }
  93  
  94      td.other_month {
  95          font-size: 0.9em;
  96          font-weight: bold;
  97          background:#fffbe7;
  98  
  99      }
 100      td.selected {
 101          font-size: 0.9em;
 102          font-weight: bold;
 103          background: #85c7dc;
 104          color:#fff
 105      }
 106      td.today {
 107          font-size: 0.9em;
 108          font-weight: bold;
 109          background: #efdc35;
 110      }
 111      td a{
 112          color:#333;
 113          padding:2px;
 114          text-decoration:none;
 115      }
 116      td a:hover{
 117          background-color:#0b9ac6;
 118          color:#fff;
 119      }
 120      div.event_drop_shadow{
 121          padding:0 1px 1px 0;
 122          background-color:#999;
 123          border:1px solid #bcd41b;
 124      }
 125      div.eventDiv{
 126          background-color:#AEEF4F;
 127          background-image:url("<?php echo $baseUrl; ?>/images/cal_event_bg_1.jpg");
 128          background-position:top left;
 129          background-repeat:repeat-x;
 130          padding:4px;
 131          border:1px solid #e9facf;
 132      }
 133      div.eventDiv a{
 134          color:#3a3a3a;
 135          padding:2px;
 136      }
 137      div.eventDiv a:hover{
 138          color:#fff;
 139          background-color:transparent;
 140      }
 141  
 142  
 143  /*******************************************************/
 144  /* EACH EVENT TYPE HAS ITS OWN HIGHLIGHT COLOUR        */
 145  /*******************************************************/
 146      td.event{
 147          font-size: 0.9em;
 148          font-weight: bold;
 149          background:#d1cdbc;
 150      }
 151  
 152  
 153  
 154  /*******************************************************/
 155  /* CALENDAR STYLE > DAY VIEW                           */
 156  /*******************************************************/
 157      #dv_calendar{
 158          padding:10px;
 159  
 160      }
 161  
 162      div.dv_events{
 163          float:left;
 164      }
 165      #dv_calendar table{
 166          background-color:#fff;
 167          border:1px solid #ccc;
 168          padding:1px;
 169          width:650px;
 170      }
 171      #dv_calendar tr{
 172          margin:0;
 173          padding:0;
 174      }
 175      #dv_calendar th{
 176          background-color:#FFFF99;
 177          padding:8px;
 178          width:60px;
 179          border-top:1px dashed #ccc;
 180      }
 181      #dv_calendar td{
 182          padding:8px;
 183          height:20px;
 184          margin:1px 0 1px 0;
 185          border-top:1px dashed #ccc;
 186      }
 187  
 188      td.dv_event_block{
 189          margin:0;
 190          padding:0;
 191          width:100px;
 192  
 193          background-image:url("<?php echo $baseUrl; ?>/images/event_dv_event_bg.png");
 194          background-position:top left;
 195          background-repeat:repeat;
 196      }
 197      td.dv_event_block a{
 198          color:#3A3A3A;
 199          padding:2px;
 200          font-weight:bold;
 201          font-size:0.9em;
 202      }
 203      td.dv_event_block a:hover{
 204          color:#fff;
 205          background-color:transparent;
 206      }
 207  /*******************************************************/
 208  /* VIEW EVENT                                          */
 209  /*******************************************************/
 210      #an_event{
 211          background-color:#F6F5F2;
 212          padding:10px;
 213          margin:0;
 214          border:0;
 215      }
 216      #an_event:after{
 217          content: ".";
 218          display: block;
 219          height: 0;
 220          clear: both;
 221          visibility:hidden;
 222      }
 223      #an_event{display: inline-block;}
 224      /* Hides from IE Mac \*/
 225      * html #an_event {height: 1%;}
 226      #an_event{display:block;}
 227      /* End Hack */
 228  
 229      div.left_col{
 230          float:left;
 231          width:290px;
 232          padding:0 10px 0 0;
 233      }
 234      div.right_col{
 235          float:left;
 236  
 237      }
 238  
 239      #event_details{
 240          padding:12px 6px 6px 6px;
 241          background-image:url("<?php echo $baseUrl; ?>/images/event_view_desc_bg.jpg");
 242          background-position:top left;
 243          background-repeat:repeat-x;
 244          background-color:#fff;
 245      }
 246  
 247      #event_img{
 248          padding:3px;
 249      }
 250      #event_img img{
 251          padding:0;
 252          margin:0;
 253          vertical-align:bottom;
 254      }
 255  
 256      #event_dates{
 257  
 258      }
 259      #event_dates:after{
 260          content: ".";
 261          display: block;
 262          height: 0;
 263          clear: both;
 264          visibility:hidden;
 265      }
 266      #event_dates{display: inline-block;}
 267      /* Hides from IE Mac \*/
 268      * html #event_dates {height: 1%;}
 269      #event_dates{display:block;}
 270      /* End Hack */
 271  
 272      div.float_half{
 273          float:left;
 274          width:45%;
 275      }
 276  
 277  
 278      div.content_box_ds{
 279          padding:0 1px 1px 0;
 280          background-color:#ACABA9;
 281          border-right:1px solid #c0c0c0;
 282          border-bottom:1px solid #c0c0c0;
 283          margin:0 0 20px 0;
 284      }
 285      div.content_box{
 286          padding:0;
 287          border:1px solid #96bbc6;
 288          background-color:#eff9fc;
 289      }
 290      div.content_box_content{
 291          padding:6px;
 292      }
 293      div.info_section{
 294          margin:4px 0 10px 0;
 295      }
 296      div.content_box h1{
 297          color:#179db5;
 298          font-size:0.8em;
 299          font-weight:bold;
 300          margin:0;
 301          padding:0;
 302      }
 303      p.heading_text{
 304          color:#000;
 305          font-weight:bold;
 306          font-size:1em;
 307          margin:0;
 308          padding:0;
 309      }
 310      p.body_text{
 311          padding:4px 4px 4px 0;
 312          background-color:#fff;
 313          border:1px solid #eff9fc;
 314          color:#333333;
 315          font-size:0.9em;
 316          margin:0;
 317      }
 318      p.body_text img{
 319          margin:0 0 -5px 0;
 320      }
 321      p.body_text a{
 322          color:#CC0066;
 323          text-decoration:none;
 324      }
 325      p.body_text a:hover{
 326          color:#CC0066;
 327          text-decoration:underline;
 328      }
 329      div.event_status_icon{
 330          padding:12px 0 12px 0;
 331          color:#333333;
 332          font-size:0.9em;
 333          font-weight:bold;
 334      }
 335      div.event_status_icon img{
 336          margin:0 0 -4px 0;
 337          vertical-align:bottom;
 338      }
 339  
 340  /*******************************************************/
 341  /* EVENT LIST                                          */
 342  /*******************************************************/
 343      #events_table{
 344          margin:0;
 345          padding:10px;
 346          background-color:#F3F3EC;
 347          border:1px solid #999791;
 348      }
 349      #events_table table{
 350          margin:0;
 351          padding:0;
 352          border:0;
 353          width:100%;
 354      }
 355      #events_table caption{
 356          color:#9CB20A;
 357          font-size:1em;
 358          text-align:left;
 359          margin:0 0 10px 0;
 360      }
 361      #events_table th{
 362          margin:0;
 363          padding:3px;
 364          text-align:left;
 365          color:#666666;
 366          font-weight:bold;
 367          border:0;
 368      }
 369      #events_table tr{
 370          margin:0;
 371          padding:0;
 372          text-align:left;
 373      }
 374      #events_table td{
 375          margin:0;
 376          padding:3px 10px 3px 3px ;
 377          border-left:0;
 378          border-right:0;
 379          border-top:1px solid #999791;
 380          border-bottom:6px solid #F3F3EC;
 381          background-color:#fff;
 382          color:#92A60C;
 383      }
 384      #events_table a{
 385          color:#0066CC;
 386          text-decoration:underline;
 387      }
 388      #events_table a:hover{
 389          color:#CC3300;
 390          background-color:transparent;
 391      }
 392      td.icon_in_table{
 393          text-align:center;
 394      }
 395      .highlight{
 396          color:#336600;
 397      }
 398      .edit{
 399          color:#0066CC;
 400      }
 401      .delete{
 402          color:#CC0000;
 403      }
 404      .email{
 405          color:#FF6600;
 406      }
 407      .preview{
 408          color:#6C9B11;
 409      }
 410  
 411  
 412  /*******************************************************/
 413  /*  EVENT NAVIGATION                                   */
 414  /*******************************************************/
 415      #event_navigation{
 416          margin:10px 0 25px 0;
 417          padding:5px;
 418          text-align:center;
 419          background-color:#f0ffd9;
 420          border:1px solid #c6d7aa;
 421          height: 75px;
 422      }
 423  
 424      #event_navigation li{
 425          display: inline;
 426          list-style-type: none;
 427          float:left;
 428          margin:0 16px 0 6px;
 429      }
 430  
 431      #event_navigation span{
 432          margin:8px 0 0 0;
 433          display:block;
 434      }
 435  
 436  
 437      /* Hides from IE Mac \*/
 438      * html #event_navigation {height: 1%;}
 439      #event_navigation{display:block;}
 440      /* End Hack */
 441  
 442  /*******************************************************/
 443  /*  EVENT SEARCH                                       */
 444  /*******************************************************/
 445      #event_search{
 446          margin:10px 0  20px 0;
 447          padding:10px;
 448      }
 449      #event_search:after{
 450          content: ".";
 451          display: block;
 452          height: 0;
 453          clear: both;
 454          visibility:hidden;
 455      }
 456      #event_search{display: inline-block;}
 457      /* Hides from IE Mac \*/
 458      * html #event_search {height: 1%;}
 459      #event_search{display:block;}
 460      /* End Hack */
 461  
 462      #event_search form{
 463          margin:0;
 464          padding:2px;
 465      }
 466      #event_search label{
 467          font-weight:bold;
 468          color:#333333;
 469          font-size:0.9em;
 470          margin:0;
 471          background-color:#AEEF4F;
 472          background-image:url("<?php echo $baseUrl; ?>/images/cal_event_bg_2.jpg");
 473          background-position:top left;
 474          background-repeat:repeat-x;
 475          padding:4px;
 476          border:1px solid #999999;
 477          border-top:1px solid #fff;
 478      }
 479      #event_search select, input{
 480          margin:0 0 -3px 0;
 481          padding:0;
 482          vertical-align:bottom;
 483          border:1px solid #666666;
 484      }
 485      div.a_column{
 486          width:48%;
 487          float:left;
 488      }
 489  
 490      #event_search span{
 491          text-align: center;
 492          font-size: 1em;
 493          color:#333333;
 494          background:#666666;
 495          border-bottom: 1px solid #ccc;
 496          border-right: 1px solid #ccc;
 497          border-top: 1px solid #fff;
 498          border-left: 1px solid #fff;
 499          font-weight:normal;
 500          background-image:url("<?php echo $baseUrl; ?>/images/cal_event_bg.jpg");
 501          background-position:top left;
 502          background-repeat:repeat-x;
 503          padding:4px;
 504          margin:0;
 505      }
 506      #event_search img{
 507          vertical-align: bottom;
 508          margin:0 0 -6px 0;
 509          padding:0;
 510      }
 511  /*******************************************************/
 512  /* ADD / EDIT FORM                                     */
 513  /*******************************************************/
 514      #add_edit_form{
 515  
 516  
 517      }
 518      #add_edit_form form{
 519          margin:0;
 520          padding:10px;
 521      }
 522      #add_edit_form label{
 523          font-weight:bold;
 524          color:#333333;
 525          font-size:0.9em;
 526          margin:0;
 527          padding:0;
 528          background-color:#AEEF4F;
 529          background-image:url("<?php echo $baseUrl; ?>/images/cal_event_bg_2.jpg");
 530          background-position:top left;
 531          background-repeat:repeat-x;
 532          padding:4px;
 533          border:1px solid #999999;
 534          border-top:1px solid #fff;
 535          border-left:1px solid #fff;
 536      }
 537      #add_edit_form textarea{
 538          margin:0;
 539          padding:0;
 540      }
 541  
 542      div.label_div{
 543          margin:0 0 8px 0;
 544      }
 545      div.form_link{
 546          color:#333333;
 547          padding:6px 0 0 0;
 548      }
 549      div.form_link a{
 550          font-size:1em;
 551          color:#333333;
 552          text-decoration:none;
 553      }
 554      div.form_link a:hover{
 555          color:#0066CC;
 556      }
 557  
 558      .help_para{
 559          color:#333333;
 560          font-size:0.9em;
 561          padding:2px;
 562          background-color:#fff;
 563          width:400px;
 564          margin:0 0 10px 0;
 565      }
 566      .form_section{
 567          margin:10px 0 0 0;
 568          background-color:#F1F8FA;
 569          border:1px solid #D0DCE0;
 570          padding:10px;
 571      }
 572      div.a_column{
 573          width:48%;
 574          float:left;
 575      }
 576      #select_dates{
 577          margin:0 0 5px 0;
 578          height: 20px;
 579      }
 580  
 581      #select_dates{
 582          display: inline-block;
 583      }
 584      /* Hides from IE Mac \*/
 585      * html #select_dates {height: 1%;}
 586      #select_dates{
 587          display: block;
 588      }
 589      /* End Hack */
 590  
 591      #select_dates span{
 592          text-align: center;
 593          font-size: 1em;
 594          color:#333333;
 595          background:#666666;
 596          border-bottom: 1px solid #ccc;
 597          border-right: 1px solid #ccc;
 598          border-top: 1px solid #fff;
 599          border-left: 1px solid #fff;
 600          font-weight:normal;
 601          background-image:url("<?php echo $baseUrl; ?>/images/cal_days_bg.jpg");
 602          background-position:top left;
 603          background-repeat:repeat-x;
 604          padding:4px;
 605          margin:0;
 606      }
 607      #select_dates img{
 608          vertical-align: bottom;
 609          margin:0 0 -6px 0;
 610          padding:0;
 611      }
 612      #add_edit_form input, select{
 613          border:1px solid #999999;
 614          padding:2px;
 615          font-size:0.9em;
 616          color:#333333;
 617      }
 618  
 619  
 620  
 621  
 622  /*******************************************************/
 623  /* LOCATIONS                                           */
 624  /*******************************************************/
 625      .default_table{
 626          margin:0;
 627          padding:10px;
 628          background-color:#F3F3EC;
 629          border:1px solid #999791;
 630      }
 631      .default_table table{
 632          margin:0;
 633          padding:0;
 634          border:0;
 635          width:100%;
 636      }
 637      .default_table caption{
 638          color:#9CB20A;
 639          font-size:1em;
 640          text-align:left;
 641          margin:0 0 10px 0;
 642      }
 643      .default_table th{
 644          margin:0;
 645          padding:3px;
 646          text-align:left;
 647          color:#666666;
 648          font-weight:bold;
 649          border:0;
 650      }
 651      .default_table tr{
 652          margin:0;
 653          padding:0;
 654          text-align:left;
 655      }
 656      .default_table td{
 657          margin:0;
 658          padding:3px 10px 3px 3px ;
 659          border-left:0;
 660          border-right:0;
 661          border-top:1px solid #999791;
 662          border-bottom:6px solid #F3F3EC;
 663          background-color:#fff;
 664          color:#855F48;
 665      }
 666      .default_table a{
 667          color:#0066CC;
 668          text-decoration:underline;
 669      }
 670      .default_table a:hover{
 671          color:#CC3300;
 672      }
 673      td.icon_in_table{
 674          text-align:center;
 675      }