examples/calendar.css

   1 div.calendar table { border: 1px solid #444; padding: 0; margin: 20px; }
   2 div.calendar th {
   3         height: 15px;
   4         width: 33px;
   5         padding: 0px;
   6         margin: 0px;
   7         background: #565;
   8         color: #fff;
   9         font-size: 8px;
  10         text-align: center;
  11 }
  12 div.calendar div.headerbox {
  13         padding: 2px 5px;
  14 }
  15
  16 div.calendar td.nonday,td.busy_day,td.busy_weekend,td.empty_day,td.empty_weekend {
  17         color: #000;
  18         height: 25px;
  19         width: 33px;
  20         padding: 0px;
  21         margin: 0px;
  22         text-align: right;
  23         vertical-align: top;
  24         font-size: 13px;
  25 }
  26
  27 div.calendar td.busy_weekend a {
  28         display: block;
  29         height: 100%;
  30         border: 1px solid #444;
  31         padding: 2px;
  32         color: blue;
  33 }
  34
  35 div.calendar td.busy_day a {
  36         display: block;
  37         height: 100%;
  38         border: 1px solid #444;
  39         padding: 2px;
  40         color: blue;
  41 }
  42
  43 div.calendar div.daybox {
  44         height: 100%;
  45         border: 1px solid #444;
  46         padding: 2px;
  47 }
  48
  49 div.calendar td.busy_day {
  50         background: #fbb;
  51 }
  52 div.calendar td.busy_day a:hover,a:focus {
  53         background: #f99;
  54 }
  55 div.calendar td.busy_weekend {
  56         background: #fcc;
  57 }
  58 div.calendar td.busy_weekend a:hover,a:focus {
  59         background: #f99;
  60 }
  61 div.calendar td.empty_day {
  62         background: #ddd;
  63 }
  64 div.calendar td.empty_weekend {
  65         background: #fff;
  66 }
  67
  68 div.calendar td.nonday { background: #999; }
  69
  70 div.calendar td.year { background: #ddd; text-align: center; font-size: 16px; height: auto; }