library/js/jquery-calendar.css

   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: #ddd;
   8 }
   9 #calendar_div {
  10         display: none;
  11         border: 1px solid #777;
  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: #fff;
  47 }
  48 .calendar_control {
  49         background: #400;
  50 }
  51 .calendar_links {
  52         background: #000;
  53 }
  54 .calendar_control, .calendar_links {
  55         font-weight: bold;
  56         font-size: 80%;
  57         letter-spacing: 1px;
  58 }
  59 .calendar_links label { /* disabled links */
  60         padding: 2px 5px;
  61         color: #888;
  62 }
  63 .calendar_clear, .calendar_prev {
  64         float: left;
  65 }
  66 .calendar_current {
  67         float: left;
  68         width: 35%;
  69         text-align: center;
  70 }
  71 .calendar_close, .calendar_next {
  72         float: right;
  73 }
  74 .calendar_header {
  75         background: #333;
  76         text-align: center;
  77         font-weight: bold;
  78 }
  79 .calendar_header select {
  80         background: #333;
  81         color: #fff;
  82         border: 0px;
  83         font-weight: bold;
  84 }
  85 .calendar {
  86         background: #ccc;
  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: #777;
  96 }
  97 .calendar .calendar_daysRow {
  98         background: #eee;
  99         color: #666;
 100 }
 101 .calendar .calendar_daysCell {
 102         color: #000;
 103         border: 1px solid #ddd;
 104 }
 105 #calendar .calendar_daysCell a{
 106         display: block;
 107 }
 108 .calendar .calendar_weekEndCell {
 109         background: #ddd;
 110 }
 111 .calendar .calendar_daysCellOver {
 112         background: #fff;
 113         border: 1px solid #777;
 114 }
 115 .calendar .calendar_unselectable {
 116         color: #888;
 117 }
 118 .calendar_today {
 119         background: #fcc !important;
 120 }
 121 .calendar_currentDay {
 122         background: #999 !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: #eee !important;
 141 }
 142 .calendar_titleRow a {
 143         color: #eee !important;
 144 }
 145 .calendar_control a:hover {
 146         background: #fdd !important;
 147         color: #333 !important;
 148 }
 149 .calendar_links a:hover, .calendar_titleRow a:hover {
 150         background: #ddd !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 }
 167