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 a {
  28         display: block;
  29         height: 100%;
  30         border: 1px solid #444;
  31         padding: 2px;
  32         color: blue;
  33 }
  34
  35 div.calendar div.daybox {
  36         height: 100%;
  37         border: 1px solid #444;
  38         padding: 2px;
  39 }
  40
  41 div.calendar td.busy_day {
  42         background: #fbb;
  43 }
  44 div.calendar td.busy_day a:hover,a:focus {
  45         background: #f99;
  46 }
  47 div.calendar td.busy_weekend {
  48         background: #fcc;
  49 }
  50 div.calendar td.busy_weekend a:hover,a:focus {
  51         background: #f99;
  52 }
  53 div.calendar td.empty_day {
  54         background: #ddd;
  55 }
  56 div.calendar td.empty_weekend {
  57         background: #fff;
  58 }
  59
  60 div.calendar td.nonday { background: #999; }
  61
  62 div.calendar td.year { text-align: center; font-size: 16px; height: auto; }