www/squelettes-dist/agenda.css

   1 /* ------------------------------------------ */
   2 /* Styles pour l'agenda de SPIP
   3 /* ce serait bien de trouver une methodologie de nommage  ... */
   4 /* ------------------------------------------ */
   5
   6 /* (pour le prive, style_prive predomine en ce qui concerne la couleur */
   7
   8 table.calendrier { border: 0; border-collapse: collapse; }
   9 table.calendrier-large {  width: 70em; }
  10 table.calendrier-etroit { width: 60em; }
  11 table.calendrier caption { color: #FFF; background-color: #CCC; font-family: Verdana, Geneva, Sans, sans-serif; font-weight: bold; font-size: 1em; padding-bottom: 3px;}
  12 table.calendrier caption img { border: 0; vertical-align: middle; margin: 1px; }
  13 table.calendrier th { background: #DDD; width: 14%; padding: 5px; text-align: center; vertical-align: middle; font-size: 0.8em; font-weight: bold; font-family: Verdana, Geneva, Sans, sans-serif; }
  14 table.calendrier th a { color: #000; }
  15 table.calendrier td { border-color: #666; border-bottom: 1px solid; border-top: 0; height: 8em;  vertical-align: top;}
  16
  17
  18 table.calendrier td > a { float: left;
  19 font-family: arial, helvetica, sans-serif; font-size: 1.2em; color: #000;
  20 }
  21 table.calendrier td > a+a { float: right;
  22 font-family: arial, helvetica, sans-serif; font-size: 1.2em; color: #000;
  23 }
  24 table.calendrier td > a + div {clear: both;}
  25
  26 table.calendrier tr.heure td { border: 0; height: 8em;  vertical-align: top;}
  27
  28 tr.calendrier-titre-jour > th { width: 18%; }
  29 tr.calendrier-titre-jour > th+th { width: 3%; }
  30 tr.calendrier-titre-jour > th+th+th { width: 58%; }
  31 tr.calendrier-titre-jour > th+th+th+th { width: 3%; }
  32 tr.calendrier-titre-jour > th+th+th+th+th { width: 18%; }
  33
  34 tr.calendrier-3jours > td { width: 18%; border: 1px solid; border-top: 0; }
  35 tr.calendrier-3jours > td+td { width: 3%; border: 0;}
  36 tr.calendrier-3jours > td+td+td { width: 58%; border: 1px solid; border-top: 0; }
  37 tr.calendrier-3jours > td+td+td+td { width: 3%;  border: 0;}
  38 tr.calendrier-3jours > td+td+td+td+td { width: 18%; border: 1px solid; border-top: 0; }
  39
  40 tr.calendrier-3jours > td > div {border: 0;}
  41
  42 /* complements pour la bordure d'une case */
  43 .bordure_left { border-left: 1px solid; }
  44 .bordure_right { border-right: 1px solid; }
  45 .bordure_double { border-right: 1px solid; border-left: 1px solid;}
  46 /* et pour son fond */
  47 .jour_dimanche { background: #eee;color: #000; }
  48 .jour_encours { background: #FFF;color: #000; }
  49 .jour_gris { background: #eee;color: #000; }
  50 .jour_pris { background: #FFF;color: #000; }
  51
  52 /* polices */
  53
  54 .calendrier-arial9 { font-family: Arial, Sans, sans-serif; font-size: 9px; }
  55 .calendrier-arial10 { font-family: Arial, Sans, sans-serif; font-size: 10px; }
  56 .calendrier-arial11 { font-family: Arial, Sans, sans-serif; font-size: 11px; }
  57 .calendrier-verdana { font-family: Verdana, Geneva, Sans, sans-serif; }
  58 .calendrier-helvetica16 { font-family: arial, helvetica, sans-serif; font-size: 16px; color: #000; }
  59
  60 .calendrier-agenda-abb11 { border: 1px solid #000; margin-left: 1px; margin-top: 1px; padding: 1px; text-align: center; font-family: Arial, Sans, sans-serif; font-size: 11px; font-weight: bold;}
  61
  62 .calendrier-agenda-abb11 a {  color: black; }
  63
  64 .calendrier-evt { cursor: auto; position: absolute; overflow: hidden; -moz-opacity: 0.6; filter: alpha(opacity=60); font-family: Arial, Sans, sans-serif;}
  65
  66 .calendrier-annee { background: #AAA; padding: 3px; margin: 1px; font-family: Verdana, Geneva, Sans, sans-serif; font-size: 10px; font-weight: bold; color: #FFF; }
  67 .calendrier-annee:hover { color: #000; background-color: #FFF; }
  68
  69
  70 /* Typo des horaires dans une journee */
  71 .calendrier-jour { position: relative; color: #999; border: 1px solid #AAA; border-right: 0;}
  72 /* heure pile */
  73 .calendrier-jour > span { position: absolute; margin-left: 2px; margin-right: 2px; border-top: 1px solid #CCC; font-weight: bold; }
  74 /* minutes lors du zoom intelligent */
  75 span.calendrier-jour-m { font-weight: normal; }
  76
  77 .calendrier-agenda { margin-left: 1px; margin-top: 1px; padding: 1px; text-align: center; background-color: #FFF; }
  78 .calendrier-demiagenda { margin-left: 1px; margin-top: 0; padding: 0; text-align: center; background-color: #FFF; }
  79 .calendrier-tripleagenda { vertical-align: top; width: 33%; }
  80 .calendrier-cadreagenda { position: absolute;  padding-bottom: 5px; border: 0; background: #eee;  margin-top:20px; z-index: 1000;}
  81
  82
  83 .calendrier-titre { padding: 5px; text-align: center; font-weight: bold; }
  84 .calendrier-evenement { padding: 2px; margin-top: 2px; }
  85
  86 .calendrier-opacity { -moz-opacity: 0.3; filter: alpha(opacity=30); }
  87 .calendrier-png { width: 12px; height: 12px; }
  88 .calendrier-icone { width: 14px; height: 7px; border: 0; }
  89 .calendrier-noir  { color: #000; } /* style anar */
  90 .calendrier-nb  { background-color: #FFF; border: 1px solid #000; color: #000; }
  91
  92  /* style cinemat(yp)ographe */
  93 .calendrier-couleur1 { background: #FDE5F2; border: 1px solid #CD006F; color: #CD006F; } /* Fushia */
  94 .calendrier-couleur1i { background: #CD006F; border: 1px solid #FDE5F2; color: #FDE5F2; } /* Fushia */
  95 .calendrier-couleur2 { background: #EDF3FE; border: 1px solid #5da7c5; color: #5da7c5; } /* Bleu */
  96 .calendrier-couleur2i { background: #5da7c5; border: 1px solid #EDF3FE; color: #EDF3FE; } /* Bleu */
  97 .calendrier-couleur3 { background: #EBE9FF; border: 1px solid #766CF6; color: #766CF6; } /* Bleu pastel */
  98 .calendrier-couleur3i { background: #766CF6; border: 1px solid #EBE9FF; color: #EBE9FF; } /* Bleu pastel */
  99 .calendrier-couleur4 { background: #FEC; border: 1px solid #FA9A00; color: #FA9A00; } /* Orange */
 100 .calendrier-couleur4i { background: #FA9A00; border: 1px solid #FEC; color: #FEC; } /* Orange */
 101 .calendrier-couleur5 { background: #FFEDED; border: 1px solid #F00; color: #F00; } /* Rouge (Vermillon) */
 102 .calendrier-couleur5i { background: #F00; border: 1px solid #FFEDED; color: #FFEDED; } /* Rouge (Vermillon) */
 103 .calendrier-couleur6 { background: #FFF2EB; border: 1px solid #E95503; color: #E95503; } /* Orange */
 104 .calendrier-couleur6i { background: #E95503; border: 1px solid #FFF2EB; color: #FFF2EB; } /* Orange */
 105 .calendrier-couleur7 { background: #FFE; border: 1px solid #ccaa00; color: #ccaa00; } /* Jaune */
 106 .calendrier-couleur7i { background: #ccaa00; border: 1px solid #FFE; color: #FFE; } /* Jaune */
 107 .calendrier-couleur8 { background: #E2FDEC; border: 1px solid #009F3C; color: #009F3C; } /* Vert pastel */
 108 .calendrier-couleur8i { background: #009F3C; border: 1px solid #E2FDEC; color: #E2FDEC; } /* Vert pastel */
 109 .calendrier-couleur9 { background: #e5fd63; border: 1px solid #9DBA00; color: #9DBA00; } /* Vert */
 110 .calendrier-couleur9i { background: #9DBA00; border: 1px solid #e5fd63; color: #e5fd63; } /* Vert */
 111 .calendrier-couleur10 { background: #FFE0E0; border: 1px solid #640707; color: #640707; } /* Rouge (Bordeaux) */
 112 .calendrier-couleur10i { background: #640707; border: 1px solid #FFE0E0; color: #FFE0E0; } /* Rouge (Bordeaux) */
 113 .calendrier-couleur11 { background: #F2F2F2; border: 1px solid #3F3F3F; color: #3F3F3F; } /* Gris */
 114 .calendrier-couleur11i { background: #3F3F3F; border: 1px solid #F2F2F2; color: #F2F2F2; } /* Gris */
 115 .calendrier-couleur12 { background: #AAA; border: 1px solid #000; color: #000; }
 116 .calendrier-couleur12i { background: #000; border: 1px solid #AAA; color: #AAA; }
 117 .calendrier-couleur13 { background: #FFFFE0; border: 1px solid #666500; color: #666500; } /* Caca d'oie */
 118 .calendrier-couleur13i { background: #666500; border: 1px solid #FFFFE0; color: #FFFFE0; } /* Caca d'oie */
 119 .calendrier-couleur14 { background: #F5EEE5; border: 1px solid #8C6635; color: #8C6635; } /* Marron */
 120 .calendrier-couleur14i { background: #8C6635; border: 1px solid #F5EEE5; color: #F5EEE5; } /* Marron */
 121
 122 .calendrier-summary {font-family: Verdana, Geneva, Sans, sans-serif; font-weight: bold;}
 123
 124 .calendrier-location {font-family: Verdana, Geneva, Sans, sans-serif; border:0}
 125
 126 .calendrier-attendee {border:0}
 127
 128 .calendrier-url {border: 0}