js/calendar.css

   1 /* calendar icon */
   2 img.tcalIcon {
   3         cursor: pointer;
   4         margin-left: 1px;
   5         vertical-align: middle;
   6 }
   7 /* calendar container element */
   8 div#tcal {
   9         position: absolute;
  10         visibility: hidden;
  11         z-index: 100;
  12         width: 158px;
  13         padding: 2px 0 0 0;
  14 }
  15 /* all tables in calendar */
  16 div#tcal table {
  17         width: 100%;
  18         border: 1px solid silver;
  19         border-collapse: collapse;
  20         background-color: white;
  21 }
  22 /* navigation table */
  23 div#tcal table.ctrl {
  24         border-bottom: 0;
  25 }
  26 /* navigation buttons */
  27 div#tcal table.ctrl td {
  28         width: 15px;
  29         height: 20px;
  30 }
  31 /* month year header */
  32 div#tcal table.ctrl th {
  33         background-color: white;
  34         color: black;
  35         border: 0;
  36 }
  37 /* week days header */
  38 div#tcal th {
  39         border: 1px solid silver;
  40         border-collapse: collapse;
  41         text-align: center;
  42         padding: 3px 0;
  43         font-family: tahoma, verdana, arial;
  44         font-size: 10px;
  45         background-color: gray;
  46         color: white;
  47 }
  48 /* date cells */
  49 div#tcal td {
  50         border: 0;
  51         border-collapse: collapse;
  52         text-align: center;
  53         padding: 2px 0;
  54         font-family: tahoma, verdana, arial;
  55         font-size: 11px;
  56         width: 22px;
  57         cursor: pointer;
  58 }
  59 /* date highlight
  60    in case of conflicting settings order here determines the priority from least to most important */
  61 div#tcal td.othermonth {
  62         color: silver;
  63 }
  64 div#tcal td.weekend {
  65         background-color: #ACD6F5;
  66 }
  67 div#tcal td.today {
  68         border: 1px solid red;
  69 }
  70 div#tcal td.selected {
  71         background-color: #FFB3BE;
  72 }
  73 /* iframe element used to suppress windowed controls in IE5/6 */
  74 iframe#tcalIF {
  75         position: absolute;
  76         visibility: hidden;
  77         z-index: 98;
  78         border: 0;
  79 }
  80 /* transparent shadow */
  81 div#tcalShade {
  82         position: absolute;
  83         visibility: hidden;
  84         z-index: 99;
  85 }
  86 div#tcalShade table {
  87         border: 0;
  88         border-collapse: collapse;
  89         width: 100%;
  90 }
  91 div#tcalShade table td {
  92         border: 0;
  93         border-collapse: collapse;
  94         padding: 0;
  95 }