jscalendar/calendar-win2k-cold-1.css

   1 /*
   2
   3 Modification information for LGPL compliance
   4
   5 r56990 - 2010-06-16 13:05:36 -0700 (Wed, 16 Jun 2010) - kjing - snapshot "Mango" svn branch to a new one for GitHub sync
   6
   7 r56989 - 2010-06-16 13:01:33 -0700 (Wed, 16 Jun 2010) - kjing - defunt "Mango" svn dev branch before github cutover
   8
   9 r55980 - 2010-04-19 13:31:28 -0700 (Mon, 19 Apr 2010) - kjing - create Mango (6.1) based on windex
  10
  11 r51719 - 2009-10-22 10:18:00 -0700 (Thu, 22 Oct 2009) - mitani - Converted to Build 3  tags and updated the build system
  12
  13 r51634 - 2009-10-19 13:32:22 -0700 (Mon, 19 Oct 2009) - mitani - Windex is the branch for Sugar Sales 1.0 development
  14
  15 r50375 - 2009-08-24 18:07:43 -0700 (Mon, 24 Aug 2009) - dwong - branch kobe2 from tokyo r50372
  16
  17 r42807 - 2008-12-29 11:16:59 -0800 (Mon, 29 Dec 2008) - dwong - Branch from trunk/sugarcrm r42806 to branches/tokyo/sugarcrm
  18
  19 r24077 - 2007-07-06 14:12:57 -0700 (Fri, 06 Jul 2007) - clee - Updates to match new date + time field conversions.
  20
  21 r550 - 2004-09-03 15:39:17 -0700 (Fri, 03 Sep 2004) - jostrow - Calendar feature
  22
  23
  24 */
  25
  26 /* The main calendar widget.  DIV containing a table. */
  27
  28 .calendar {
  29   position: relative;
  30   display: none;
  31   border-top: 2px solid #fff;
  32   border-right: 2px solid #000;
  33   border-bottom: 2px solid #000;
  34   border-left: 2px solid #fff;
  35   font-size: 11px;
  36   color: #000;
  37   cursor: default;
  38   background: #c8d0d4;
  39   font-family: tahoma,verdana,sans-serif;
  40 }
  41
  42 .calendar table {
  43   border-top: 1px solid #000;
  44   border-right: 1px solid #fff;
  45   border-bottom: 1px solid #fff;
  46   border-left: 1px solid #000;
  47   font-size: 11px;
  48   color: #000;
  49   cursor: default;
  50   background: #c8d0d4;
  51   font-family: tahoma,verdana,sans-serif;
  52 }
  53
  54 /* Header part -- contains navigation buttons and day names. */
  55
  56 .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  57   text-align: center;
  58   padding: 1px;
  59   border-top: 1px solid #fff;
  60   border-right: 1px solid #000;
  61   border-bottom: 1px solid #000;
  62   border-left: 1px solid #fff;
  63 }
  64
  65 .calendar .nav {
  66   background: transparent url(menuarrow.gif) no-repeat 100% 100%;
  67 }
  68
  69 .calendar thead .title { /* This holds the current "month, year" */
  70   font-weight: bold;
  71   padding: 1px;
  72   border: 1px solid #000;
  73   background: #788084;
  74   color: #fff;
  75   text-align: center;
  76 }
  77
  78 .calendar thead .headrow { /* Row <TR> containing navigation buttons */
  79 }
  80
  81 .calendar thead .daynames { /* Row <TR> containing the day names */
  82 }
  83
  84 .calendar thead .name { /* Cells <TD> containing the day names */
  85   border-bottom: 1px solid #000;
  86   padding: 2px;
  87   text-align: center;
  88   background: #e8f0f4;
  89 }
  90
  91 .calendar thead .weekend { /* How a weekend day name shows in header */
  92   color: #f00;
  93 }
  94
  95 .calendar thead .hilite { /* How do the buttons in header appear when hover */
  96   border-top: 2px solid #fff;
  97   border-right: 2px solid #000;
  98   border-bottom: 2px solid #000;
  99   border-left: 2px solid #fff;
 100   padding: 0px;
 101   background-color: #d8e0e4;
 102 }
 103
 104 .calendar thead .active { /* Active (pressed) buttons in header */
 105   padding: 2px 0px 0px 2px;
 106   border-top: 1px solid #000;
 107   border-right: 1px solid #fff;
 108   border-bottom: 1px solid #fff;
 109   border-left: 1px solid #000;
 110   background-color: #b8c0c4;
 111 }
 112
 113 /* The body part -- contains all the days in month. */
 114
 115 .calendar tbody .day { /* Cells <TD> containing month days dates */
 116   width: 2em;
 117   text-align: right;
 118   padding: 2px 4px 2px 2px;
 119 }
 120 .calendar tbody .day.othermonth {
 121   font-size: 80%;
 122   color: #aaa;
 123 }
 124 .calendar tbody .day.othermonth.oweekend {
 125   color: #faa;
 126 }
 127
 128 .calendar table .wn {
 129   padding: 2px 3px 2px 2px;
 130   border-right: 1px solid #000;
 131   background: #e8f4f0;
 132 }
 133
 134 .calendar tbody .rowhilite td {
 135   background: #d8e4e0;
 136 }
 137
 138 .calendar tbody .rowhilite td.wn {
 139   background: #c8d4d0;
 140 }
 141
 142 .calendar tbody td.hilite { /* Hovered cells <TD> */
 143   padding: 1px 3px 1px 1px;
 144   border: 1px solid;
 145   border-color: #fff #000 #000 #fff;
 146 }
 147
 148 .calendar tbody td.active { /* Active (pressed) cells <TD> */
 149   padding: 2px 2px 0px 2px;
 150   border: 1px solid;
 151   border-color: #000 #fff #fff #000;
 152 }
 153
 154 .calendar tbody td.selected { /* Cell showing selected date */
 155   font-weight: bold;
 156   padding: 2px 2px 0px 2px;
 157   border: 1px solid;
 158   border-color: #000 #fff #fff #000;
 159   background: #d8e0e4;
 160 }
 161
 162 .calendar tbody td.weekend { /* Cells showing weekend days */
 163   color: #f00;
 164 }
 165
 166 .calendar tbody td.today { /* Cell showing today date */
 167   font-weight: bold;
 168   color: #00f;
 169 }
 170
 171 .calendar tbody .disabled { color: #999; }
 172
 173 .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
 174   //visibility: hidden;
 175 }
 176
 177 .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
 178   display: none;
 179 }
 180
 181 /* The footer part -- status bar and "Close" button */
 182
 183 .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
 184 }
 185
 186 .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
 187   background: #e8f0f4;
 188   padding: 1px;
 189   border: 1px solid #000;
 190   background: #788084;
 191   color: #fff;
 192   text-align: center;
 193 }
 194
 195 .calendar tfoot .hilite { /* Hover style for buttons in footer */
 196   border-top: 1px solid #fff;
 197   border-right: 1px solid #000;
 198   border-bottom: 1px solid #000;
 199   border-left: 1px solid #fff;
 200   padding: 1px;
 201   background: #d8e0e4;
 202 }
 203
 204 .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
 205   padding: 2px 0px 0px 2px;
 206   border-top: 1px solid #000;
 207   border-right: 1px solid #fff;
 208   border-bottom: 1px solid #fff;
 209   border-left: 1px solid #000;
 210 }
 211
 212 /* Combo boxes (menus that display months/years for direct selection) */
 213
 214 .calendar .combo {
 215   position: absolute;
 216   display: none;
 217   width: 4em;
 218   top: 0px;
 219   left: 0px;
 220   cursor: default;
 221   border-top: 1px solid #fff;
 222   border-right: 1px solid #000;
 223   border-bottom: 1px solid #000;
 224   border-left: 1px solid #fff;
 225   background: #d8e0e4;
 226   font-size: 90%;
 227   padding: 1px;
 228 }
 229
 230 .calendar .combo .label,
 231 .calendar .combo .label-IEfix {
 232   text-align: center;
 233   padding: 1px;
 234 }
 235
 236 .calendar .combo .label-IEfix {
 237   width: 4em;
 238 }
 239
 240 .calendar .combo .active {
 241   background: #c8d0d4;
 242   padding: 0px;
 243   border-top: 1px solid #000;
 244   border-right: 1px solid #fff;
 245   border-bottom: 1px solid #fff;
 246   border-left: 1px solid #000;
 247 }
 248
 249 .calendar .combo .hilite {
 250   background: #048;
 251   color: #aef;
 252 }
 253
 254 .calendar td.time {
 255   border-top: 1px solid #000;
 256   padding: 1px 0px;
 257   text-align: center;
 258   background-color: #e8f0f4;
 259   visibility: visible;
 260 }
 261
 262 .calendar td.time .hour,
 263 .calendar td.time .minute,
 264 .calendar td.time .ampm {
 265   padding: 0px 3px 0px 4px;
 266   border: 1px solid #889;
 267   font-weight: bold;
 268   background-color: #fff;
 269 }
 270
 271 .calendar td.time .ampm {
 272   text-align: center;
 273 }
 274
 275 .calendar td.time .colon {
 276   padding: 0px 2px 0px 3px;
 277   font-weight: bold;
 278 }
 279
 280 .calendar td.time span.hilite {
 281   border-color: #000;
 282   background-color: #667;
 283   color: #fff;
 284 }
 285
 286 .calendar td.time span.active {
 287   border-color: #f00;
 288   background-color: #000;
 289   color: #0f0;
 290 }
 291