[Sommaire] [Imprimer]

   1  /*  ------------------------------------------ */
   2  /*  Styles pour l'agenda de SPIP
   3  /*  ------------------------------------------ */
   4  
   5  .calendrier-arial9 { 
   6      font-family: Arial, Sans, sans-serif; font-size: 9px;
   7  }
   8  
   9  .calendrier-arial10 { 
  10      font-family: Arial, Sans, sans-serif; font-size: 10px;
  11  }
  12  
  13  .calendrier-arial11 { 
  14      font-family: Arial, Sans, sans-serif; font-size: 11px;
  15  }
  16  
  17  .calendrier-verdana10 {
  18      font-family: Verdana, Arial, Sans, sans-serif; font-size: 10px;
  19  }
  20  
  21  .calendrier-helvetica16 {
  22      font-family: arial,helvetica,sans-serif;
  23      font-size: 16px; 
  24      color: #000;
  25  }
  26  
  27  div.navigation-calendrier {
  28      color: #FFF;
  29      background-color: #CCC;
  30      font-family: verdana, arial, sans,sans-serif;
  31      font-weight: bold;
  32      font-size: 14px;
  33  }
  34  
  35  div.navigation-calendrier img {
  36      border: 0;
  37      vertical-align: middle;
  38      margin: 1px;
  39  }
  40  
  41  .calendrier-annee {
  42      background: #AAA;
  43      padding: 3px;
  44      margin: 1px;
  45      font-family: verdana, arial, sans,sans-serif;
  46      font-size: 10px;
  47      font-weight: bold;
  48      color: #FFF;
  49      -moz-border-radius: 5px;
  50  }
  51  
  52  .calendrier-annee:hover {
  53      color: #000;
  54      background-color: #FFF;
  55  }
  56  
  57  .calendrier-table-large { 
  58      border: 0;
  59      width: 900px;
  60   }
  61  
  62  .calendrier-table-etroit { 
  63      border: 0;
  64      width: 750px;
  65   }
  66  
  67  .calendrier-td-centre { 
  68      width: 550px;
  69      padding-left: 25px;
  70      padding-right: 25px;
  71        vertical-align: top;
  72   }
  73  
  74  .calendrier-td { 
  75      width: 14%;
  76        vertical-align: top;
  77   }
  78  
  79  .calendrier-th { 
  80      width: 14%;
  81      padding: 5px;
  82      text-align: center; 
  83        vertical-align: middle;
  84      font-size: 10px;
  85      font-weight: bold;
  86      font-family: Verdana, Arial, Sans, sans-serif;
  87   }
  88  
  89  .calendrier-th a { 
  90    color: #000;
  91  }
  92  
  93  .calendrier-table-etroit  .calendrier-td-gauche {
  94      width: 0;
  95        vertical-align: top;
  96   }
  97  
  98  .calendrier-table-large  .calendrier-td-gauche {
  99      width: 150px;
 100        vertical-align: top;
 101   }
 102  
 103  .calendrier-table-etroit  .calendrier-td-droit {
 104      width: 150px;
 105        vertical-align: top;
 106   }
 107  
 108  .calendrier-table-large  .calendrier-td-droit {
 109      width: 150px;
 110        vertical-align: top;
 111   }
 112  
 113  .calendrier-jour {
 114      position: relative; 
 115      color: #999;
 116      background-color: #FFF;
 117      border: 1px solid #AAA;
 118  }
 119  
 120  .calendrier-agenda { 
 121      margin-left: 1px;
 122      margin-top: 1px;
 123      padding: 1px;
 124      text-align: center; 
 125      background-color: #FFF;
 126      -moz-border-radius: 5px;
 127   }
 128  
 129  .calendrier-demiagenda { 
 130      margin-left: 0;
 131      margin-top: 0;
 132      padding: 0;
 133      text-align: center; 
 134      background-color: #FFF;
 135      -moz-border-radius: 5px;
 136   }
 137  
 138  .calendrier-tripleagenda { 
 139      vertical-align: top;
 140      width: 33%;  
 141   }
 142  
 143  .calendrier-cadreagenda { 
 144      visibility: hidden;
 145      width: 100%;
 146      position: absolute; 
 147      padding-top: 5px;
 148      padding-bottom: 5px;
 149      border: 0;
 150      background-color: #FFF;
 151      -moz-border-radius-bottomleft: 8px;
 152      -moz-border-radius-bottomright: 8px;
 153   }
 154  
 155  .calendrier-titre { 
 156      padding: 5px;
 157      text-align: center; 
 158      font-weight: bold;
 159   }
 160  
 161  .calendrier-evenement { 
 162      padding: 2px;
 163      margin-top: 2px;
 164   }
 165  
 166  .calendrier-heurepile { 
 167      position: absolute;
 168      margin-left: 2px;
 169      margin-right: 2px;
 170      border-top: 1px solid #CCC;
 171      font-weight: bold;
 172   }
 173  
 174  .calendrier-heureface { 
 175      position: absolute;
 176      margin-left: 2px;
 177      margin-right: 2px;
 178      border-top: 1px solid #CCC;
 179   }
 180  
 181  .calendrier-mozleft { 
 182      -moz-border-radius-topleft: 10px;
 183      -moz-border-radius-bottomleft: 10px;
 184   }
 185  
 186  .calendrier-mozright { 
 187      -moz-border-radius-topright: 10px;
 188      -moz-border-radius-bottomright: 10px;
 189   }
 190  
 191  .calendrier-moztop8 { 
 192      -moz-border-radius-topleft: 8px;
 193      -moz-border-radius-topright: 8px;
 194  }
 195  
 196  .calendrier-mozbottom8 { 
 197      -moz-border-radius-bottomleft: 8px; 
 198      -moz-border-radius-bottomright: 8px;
 199  }
 200  
 201  .calendrier-moztop6 { 
 202      -moz-border-radius-topleft: 6px; 
 203      -moz-border-radius-topright: 6px;
 204  }
 205  
 206  .calendrier-mozbottom6 { 
 207      -moz-border-radius-bottomleft: 6px; 
 208      -moz-border-radius-bottomright: 6px;
 209  }
 210  
 211  .calendrier-opacity { 
 212      -moz-opacity: 0.3;
 213      filter: alpha(opacity=30);
 214  }
 215  
 216  
 217  .calendrier-png { 
 218      width: 12px; 
 219      height: 12px;
 220      /* URL a revoir */
 221      behavior: url(win_png.htc);
 222  }
 223  
 224  .calendrier-icone { 
 225      width: 14px;
 226      height: 7px;
 227      border: 0;
 228  }
 229  
 230  .calendrier-noir  {         /*  style anar */
 231      color: #000;
 232  }
 233  
 234  .calendrier-nb  {         /*  style cinemat(yp)ographe */
 235      background-color: #FFF;
 236      border: 1px solid #000;
 237      color: #000;
 238  }
 239  
 240  .calendrier-couleur1 {         /* Fushia */
 241          background: #FDE5F2;
 242          border: 1px solid #CD006F;
 243          color: #CD006F;
 244  }
 245  .calendrier-couleur1i {         /* Fushia */
 246          background: #CD006F;
 247          border: 1px solid #FDE5F2;
 248          color: #FDE5F2
 249  }
 250  .calendrier-couleur2 {         /* Bleu */
 251          background: #EDF3FE;
 252          border: 1px solid #5da7c5;
 253          color: #5da7c5;
 254  }
 255  .calendrier-couleur2i {         /* Bleu */
 256          background: #5da7c5;
 257          border: 1px solid #EDF3FE;
 258          color: #EDF3FE
 259  }
 260  .calendrier-couleur3 {         /* Bleu pastel */
 261          background: #EBE9FF;
 262          border: 1px solid #766CF6;
 263          color: #766CF6;
 264  }
 265  .calendrier-couleur3i {         /* Bleu pastel */
 266          background: #766CF6;
 267          border: 1px solid #EBE9FF;
 268          color: #EBE9FF
 269  }
 270  .calendrier-couleur4 {         /* Orange */
 271          background: #FEC;
 272          border: 1px solid #FA9A00;
 273          color: #FA9A00;
 274  }
 275  .calendrier-couleur4i {         /* Orange */
 276          background: #FA9A00;
 277          border: 1px solid #FEC;
 278          color: #FEC
 279  }
 280  .calendrier-couleur5 {         /* Rouge (Vermillon) */
 281          background: #FFEDED;
 282          border: 1px solid #F00;
 283          color: #F00;
 284  }
 285  .calendrier-couleur5i {         /* Rouge (Vermillon) */
 286          background: #F00;
 287          border: 1px solid #FFEDED;
 288          color: #FFEDED
 289  }
 290  .calendrier-couleur6 {         /* Orange */
 291          background: #FFF2EB;
 292          border: 1px solid #E95503;
 293          color: #E95503;
 294  }
 295  .calendrier-couleur6i {         /* Orange */
 296          background: #E95503;
 297          border: 1px solid #FFF2EB;
 298          color: #FFF2EB
 299  }
 300  .calendrier-couleur7 {         /* Jaune */
 301          background: #FFE;
 302          border: 1px solid #ccaa00;
 303          color: #ccaa00;
 304  }
 305  .calendrier-couleur7i {         /* Jaune */
 306          background: #ccaa00;
 307          border: 1px solid #FFE;
 308          color: #FFE
 309  }
 310  .calendrier-couleur8 {         /* Vert pastel */
 311          background: #E2FDEC;
 312          border: 1px solid #009F3C;
 313          color: #009F3C;
 314  }
 315  .calendrier-couleur8i {         /* Vert pastel */
 316          background: #009F3C;
 317          border: 1px solid #E2FDEC;
 318          color: #E2FDEC
 319  }
 320  .calendrier-couleur9 {         /* Vert */
 321          background: #e5fd63;
 322          border: 1px solid #9DBA00;
 323          color: #9DBA00;
 324  }
 325  .calendrier-couleur9i {         /* Vert */
 326          background: #9DBA00;
 327          border: 1px solid #e5fd63;
 328          color: #e5fd63
 329  }
 330  .calendrier-couleur10 {         /* Rouge (Bordeaux) */
 331          background: #FFE0E0;
 332          border: 1px solid #640707;
 333          color: #640707;
 334  }
 335  .calendrier-couleur10i {         /* Rouge (Bordeaux) */
 336          background: #640707;
 337          border: 1px solid #FFE0E0;
 338          color: #FFE0E0
 339  }
 340  .calendrier-couleur11 {         /* Gris */
 341          background: #F2F2F2;
 342          border: 1px solid #3F3F3F;
 343          color: #3F3F3F;
 344  }
 345  .calendrier-couleur11i {         /* Gris */
 346          background: #3F3F3F;
 347          border: 1px solid #F2F2F2;
 348          color: #F2F2F2
 349  }
 350  .calendrier-couleur12 { 
 351          background: #AAA;
 352          border: 1px solid #000;
 353          color: #000;
 354  }
 355  .calendrier-couleur12i {
 356          background: #000;
 357          border: 1px solid #AAA;
 358          color: #AAA}
 359  .calendrier-couleur13 {         /* Caca d'oie */
 360          background: #FFFFE0;
 361          border: 1px solid #666500;
 362          color: #666500;
 363  }
 364  .calendrier-couleur13i {         /* Caca d'oie */
 365          background: #666500;
 366          border: 1px solid #FFFFE0;
 367          color: #FFFFE0
 368  }
 369  .calendrier-couleur14 {         /* Marron */
 370          background: #F5EEE5;
 371          border: 1px solid #8C6635;
 372          color: #8C6635;
 373  }
 374  .calendrier-couleur14i {         /* Marron */
 375          background: #8C6635;
 376          border: 1px solid #F5EEE5;
 377          color: #F5EEE5
 378  }