[Summary view] [Print] [Text view]

   1  /* Main Style Sheet for jQuery Calendar */
   2  #calendar_div, .calendar_inline {
   3      font-family: Arial, Helvetica, sans-serif;
   4      font-size: 14px;
   5      padding: 0;
   6      margin: 0;
   7      background: #fff;
   8  }
   9  #calendar_div {
  10      display: none;
  11      border: 1px solid #999;
  12      z-index: 10; /*must have*/
  13  }
  14  #calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {
  15      width: 185px;
  16  }
  17  .calendar_inline {
  18      float: left;
  19      display: block;
  20      border: 0;
  21  }
  22  .calendar_dialog {
  23      padding: 5px !important;
  24      border: 4px ridge #ddd !important;
  25  }
  26  button.calendar_trigger {
  27      width: 25px;
  28  }
  29  img.calendar_trigger {
  30      margin: 2px;
  31      vertical-align: middle;
  32  }
  33  .calendar_prompt {
  34      float: left;
  35      width: 181px;
  36      padding: 2px;
  37      background: #ddd;
  38      color: #000;
  39  }
  40  * html .calendar_prompt {
  41      width: 185px;
  42  }
  43  .calendar_control, .calendar_links, .calendar_header, .calendar {
  44      clear: both;
  45      float: left;
  46      color: #000;
  47  }
  48  .calendar_control, .calendar_header {
  49      background: #eee;
  50  }
  51  .calendar_links {
  52      background: #fff;
  53  }
  54  .calendar_control, .calendar_links {
  55      font-size: 80%;
  56      letter-spacing: 1px;
  57      background: #eee;
  58  }
  59  .calendar_links label { /* disabled links */
  60      padding: 2px 5px;
  61      color: #666;
  62  }
  63  .calendar_clear, .calendar_prev {
  64      float: left;
  65      width: 35px;
  66  }
  67  .calendar_current {
  68      float: left;
  69      width: 80px;
  70      text-align: center;
  71  }
  72  .calendar_close, .calendar_next {
  73      float: right;
  74      width: 35px;
  75  }
  76  .calendar_header {
  77      background: #ddd;
  78      text-align: center;
  79  }
  80  .calendar_header select {
  81      background: #ddd;
  82      color: #000;
  83      border: 0px;
  84  }
  85  .calendar {
  86      background: #fff;
  87      text-align: center;
  88      font-size: 100%;
  89  }
  90  .calendar a {
  91      display: block;
  92      width: 100%;
  93  }
  94  .calendar .calendar_titleRow {
  95      background: #eee;
  96  }
  97  .calendar .calendar_daysRow {
  98      background: #fff;
  99      color: #666;
 100  }
 101  .calendar .calendar_daysCell {
 102      color: #000;
 103      border: 1px solid #fff;
 104  }
 105  #calendar .calendar_daysCell a{
 106      display: block;
 107  }
 108  .calendar .calendar_weekEndCell {
 109      background: #fff;
 110  }
 111  .calendar .calendar_daysCellOver {
 112      background: #fff;
 113      border: 1px solid #777;
 114  }
 115  .calendar .calendar_unselectable {
 116      color: #333;
 117  }
 118  .calendar_today {
 119      background: #eee !important;
 120  }
 121  .calendar_currentDay {
 122      background: #ddd !important;
 123  }
 124  
 125  /* ________ CALENDAR LINKS _______
 126  
 127  ** Reset link properties and then override them with !important */
 128  #calendar_div a, .calendar_inline a {
 129      cursor: pointer;
 130      margin: 0;
 131      padding: 0;
 132      background: none;
 133      color: #000;
 134  }
 135  .calendar_inline .calendar_links a {
 136      padding: 0 5px !important;
 137  }
 138  .calendar_control a, .calendar_links a {
 139      padding: 2px 5px !important;
 140      color: #333 !important;
 141  }
 142  .calendar_titleRow a {
 143      color: #333 !important;
 144  }
 145  .calendar_control a:hover {
 146      background: #eee !important;
 147      color: #333 !important;
 148  }
 149  .calendar_links a:hover, .calendar_titleRow a:hover {
 150      background: #eee !important;
 151      color: #333 !important;
 152  }
 153  
 154  /* ___________ IE6 IFRAME FIX ________ */
 155  
 156  .calendar_cover {
 157      display: none; /*sorry for IE5*/
 158      display/**/: block; /*sorry for IE5*/
 159      position: absolute; /*must have*/
 160      z-index: -1; /*must have*/
 161      filter: mask(); /*must have*/
 162      top: -4px; /*must have*/
 163      left: -4px; /*must have*/
 164      width: 193px; /*must have to match width and borders*/
 165      height: 200px; /*must have to match maximum height*/
 166  }