[Summary view] [Print] [Text view]

   1  /*
   2  Copyright (c) 2011, Yahoo! Inc. All rights reserved.
   3  Code licensed under the BSD License:
   4  http://developer.yahoo.com/yui/license.html
   5  version: 2.9.0
   6  */
   7  /**
   8   * SAM
   9   *
  10   * Skin colors used:
  11   *
  12   * - Control Border : 808080
  13   * - Control Chrome : f2f2f2
  14   * - Cell Borders : cccccc
  15   * - Normal Cell BG : ffffff
  16   * - Date Links : 0066cc
  17   * - Selected Cells BG : b3d4ff
  18   * - Cell Hover BG : 426fd9
  19   * - Disabled BG : cccccc
  20   * - Disabled Text Color : a6a6a6
  21   * - Selectable OOM Text Color: a6a6a6;
  22   **/
  23  
  24  /* CALENDAR BOUNDING BOX */
  25  .yui-skin-sam .yui-calcontainer {
  26      background-color:#f2f2f2;
  27      border:1px solid #808080;
  28      padding:10px;
  29  }
  30  
  31  /* CALENDARGROUP BOUNDING BOX */
  32  .yui-skin-sam .yui-calcontainer.multi {
  33      padding:0 5px 0 5px;
  34  }
  35  
  36  /* BOUNDING BOX FOR EACH CALENDAR GROUP PAGE */
  37  .yui-skin-sam .yui-calcontainer.multi .groupcal {
  38      background-color:transparent;
  39      border:none;
  40      padding:10px 5px 10px 5px;
  41      margin:0;
  42  }
  43  
  44  /* TITLE BAR */
  45  .yui-skin-sam .yui-calcontainer .title {
  46      background:url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x 0 0;
  47      border-bottom:1px solid #cccccc;
  48      font:100% sans-serif;
  49      color:#000;
  50      font-weight:bold;
  51      height:auto;
  52      padding:.4em;
  53      margin:0 -10px 10px -10px;
  54      top:0;
  55      left:0;
  56      text-align:left;
  57  }
  58  
  59  .yui-skin-sam .yui-calcontainer.multi .title {
  60      margin:0 -5px 0 -5px;
  61  }
  62  
  63  .yui-skin-sam .yui-calcontainer.withtitle {
  64      padding-top:0;
  65  }
  66  
  67  /* CLOSE BUTTON */
  68  .yui-skin-sam .yui-calcontainer .calclose {
  69      background:url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) no-repeat 0 -300px;
  70      width:25px;
  71      height:15px;
  72      top:.4em;
  73      right:.4em;
  74      cursor:pointer;
  75  }
  76  
  77  /* CALENDAR TABLE */
  78  .yui-skin-sam .yui-calendar {
  79      border-spacing:0;
  80      border-collapse:collapse;
  81      font:100% sans-serif;
  82      text-align:center;
  83      margin:0;
  84  }
  85  
  86  /* NAVBAR BOUNDING BOX */
  87  .yui-skin-sam .yui-calendar .calhead {
  88      background:transparent;
  89      border:none;
  90      vertical-align:middle;
  91      padding:0;
  92  }
  93  
  94  /* NAVBAR TEXT CONTAINER */
  95  .yui-skin-sam .yui-calendar .calheader {
  96      background:transparent;
  97      font-weight:bold;
  98      padding:0 0 .6em 0;
  99      text-align:center;
 100  }
 101  
 102  .yui-skin-sam .yui-calendar .calheader img {
 103      border:none;
 104  }
 105  
 106  /* NAVBAR LEFT ARROW */
 107  .yui-skin-sam .yui-calendar .calnavleft {
 108      background:url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) no-repeat 0 -450px;
 109      width:25px;
 110      height:15px;
 111      top:0;
 112      bottom:0;
 113      left:-10px;
 114      margin-left:.4em;
 115      cursor:pointer;
 116  }
 117  
 118  /* NAVBAR RIGHT ARROW */
 119  .yui-skin-sam .yui-calendar .calnavright {
 120      background:url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) no-repeat 0 -500px;
 121      width:25px;
 122      height:15px;
 123      top:0;
 124      bottom:0;
 125      right:-10px;
 126      margin-right:.4em;
 127      cursor:pointer;
 128  }
 129  
 130  /* WEEKDAY HEADER ROW */
 131  .yui-skin-sam .yui-calendar .calweekdayrow {
 132      height:2em;
 133  }
 134  
 135  .yui-skin-sam .yui-calendar .calweekdayrow th {
 136      padding:0;
 137      border:none;
 138  }
 139  
 140  /* WEEKDAY (Su, Mo, Tu...) HEADER CELLS */
 141  .yui-skin-sam .yui-calendar .calweekdaycell {
 142      color:#000;
 143      font-weight:bold;
 144      text-align:center;
 145      width:2em;
 146  }
 147  
 148  /* CALENDAR FOOTER. NOT IMPLEMENTED BY DEFAULT */
 149  .yui-skin-sam .yui-calendar .calfoot {
 150      background-color:#f2f2f2;
 151  }
 152  
 153  /* WEEK NUMBERS (ROW HEADERS/FOOTERS) */
 154  .yui-skin-sam .yui-calendar .calrowhead, .yui-skin-sam .yui-calendar .calrowfoot {
 155      color:#a6a6a6;
 156      font-size:85%;
 157      font-style:normal;
 158      font-weight:normal;
 159      border:none;
 160  }
 161  
 162  .yui-skin-sam .yui-calendar .calrowhead {
 163      text-align:right;
 164      padding:0 2px 0 0;
 165  }
 166  
 167  .yui-skin-sam .yui-calendar .calrowfoot {
 168      text-align:left;
 169      padding:0 0 0 2px;
 170  }
 171  
 172  /* NORMAL CELLS */
 173  .yui-skin-sam .yui-calendar td.calcell {
 174      border:1px solid #cccccc;
 175      background:#fff;
 176      padding:1px;
 177      height:1.6em;
 178      line-height:1.6em; /* set line height equal to cell height to center vertically */
 179      text-align:center;
 180      white-space:nowrap;
 181  }
 182  
 183  /* LINK INSIDE NORMAL CELLS */
 184  .yui-skin-sam .yui-calendar td.calcell a {
 185      color:#0066cc;
 186      display:block;
 187      height:100%;
 188      text-decoration:none;
 189  }
 190  
 191  /* TODAY'S DATE */
 192  .yui-skin-sam .yui-calendar td.calcell.today {
 193      background-color:#000;
 194  }
 195  
 196  .yui-skin-sam .yui-calendar td.calcell.today a {
 197      background-color:#fff;
 198  }
 199  
 200  /* OOM DATES */
 201  .yui-skin-sam .yui-calendar td.calcell.oom {
 202      background-color:#cccccc;
 203      color:#a6a6a6;
 204      cursor:default;
 205  }
 206  
 207  /* LINK INSIDE OOM CELLS */
 208  .yui-skin-sam .yui-calendar td.calcell.oom a {
 209      color:#a6a6a6;
 210  }
 211  
 212  /* SELECTED DATE */
 213  .yui-skin-sam .yui-calendar td.calcell.selected {
 214      background-color:#fff;
 215      color:#000;
 216  }
 217  
 218  .yui-skin-sam .yui-calendar td.calcell.selected a {
 219      background-color:#b3d4ff;
 220      color:#000;
 221  }
 222  
 223  /* HOVER DATE */
 224  .yui-skin-sam .yui-calendar td.calcell.calcellhover {
 225      background-color:#426fd9;
 226      color:#fff;
 227      cursor:pointer;
 228  }
 229  
 230  .yui-skin-sam .yui-calendar td.calcell.calcellhover a {
 231      background-color:#426fd9;
 232      color:#fff;
 233  }
 234  
 235  /* DEFAULT OOB DATES */
 236  .yui-skin-sam .yui-calendar td.calcell.previous {
 237      color:#e0e0e0;
 238  }
 239  
 240  /* CUSTOM RENDERERS */
 241  .yui-skin-sam .yui-calendar td.calcell.restricted { text-decoration:line-through; }
 242  .yui-skin-sam .yui-calendar td.calcell.highlight1 { background-color:#ccff99; }
 243  .yui-skin-sam .yui-calendar td.calcell.highlight2 { background-color:#99ccff; }
 244  .yui-skin-sam .yui-calendar td.calcell.highlight3 { background-color:#ffcccc; }
 245  .yui-skin-sam .yui-calendar td.calcell.highlight4 { background-color:#ccff99; }
 246  
 247  /* CalendarNavigator */
 248  
 249  /* MONTH/YEAR LABEL */
 250  .yui-skin-sam .yui-calendar a.calnav { 
 251      border: 1px solid #f2f2f2;
 252      padding:0 4px;
 253      text-decoration:none;
 254      color:#000;
 255      zoom:1;
 256  }
 257  
 258  .yui-skin-sam .yui-calendar a.calnav:hover { 
 259      background: url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x 0 0;
 260      border-color:#A0A0A0;
 261      cursor:pointer;
 262  }
 263  
 264  /* NAVIGATOR MASK */
 265  .yui-skin-sam .yui-calcontainer .yui-cal-nav-mask {
 266      background-color:#000;
 267      opacity:0.25;
 268      filter:alpha(opacity=25); /* IE */
 269  }
 270  
 271  /* NAVIGATOR BOUNDING BOX */
 272  .yui-skin-sam .yui-calcontainer .yui-cal-nav {
 273      font-family:arial,helvetica,clean,sans-serif;
 274      font-size:93%;
 275      border:1px solid #808080;
 276      left:50%;
 277      margin-left:-7em;
 278      width:14em;
 279      padding:0;
 280      top:2.5em;
 281      background-color:#f2f2f2;
 282  }
 283  
 284  .yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav {
 285      top:4.5em;
 286  }
 287  
 288  /* NAVIGATOR BOUNDING BOX */
 289  .yui-skin-sam .yui-calcontainer.multi .yui-cal-nav {
 290      width:16em;
 291      margin-left:-8em;
 292  }
 293  
 294  /* NAVIGATOR YEAR/MONTH/BUTTON/ERROR BOUNDING BLOCKS */
 295  .yui-skin-sam .yui-calcontainer .yui-cal-nav-y,
 296  .yui-skin-sam .yui-calcontainer .yui-cal-nav-m,
 297  .yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
 298      padding:5px 10px 5px 10px;
 299  }
 300  
 301  .yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
 302      text-align:center;
 303  }
 304  
 305  .yui-skin-sam .yui-calcontainer .yui-cal-nav-e {
 306      margin-top:5px;
 307      padding:5px;
 308      background-color:#EDF5FF;
 309      border-top:1px solid black;
 310      display:none;
 311  }
 312  
 313  /* NAVIGATOR LABELS */
 314  .yui-skin-sam .yui-calcontainer .yui-cal-nav label {
 315      display:block;
 316      font-weight:bold;
 317  }
 318  
 319  /* NAVIGATOR MONTH CONTROL */
 320  .yui-skin-sam .yui-calcontainer .yui-cal-nav-mc {
 321      width:100%;
 322      _width:auto; /* IE6, IE7 Quirks don't handle 100% well */
 323  }
 324  
 325  /* NAVIGATOR MONTH CONTROL, VALIDATION ERROR */
 326  .yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid {
 327      background-color:#FFEE69;
 328      border: 1px solid #000;
 329  }
 330  
 331  /* NAVIGATOR YEAR CONTROL */
 332  .yui-skin-sam .yui-calcontainer .yui-cal-nav-yc {
 333      width:4em;
 334  }
 335  
 336  /* NAVIGATOR BUTTONS */
 337  
 338  /* BUTTON WRAPPER */
 339  .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
 340      border:1px solid #808080;
 341      background: url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x 0 0;
 342      background-color:#ccc;
 343      margin: auto .15em;
 344  }
 345  
 346  /* BUTTON (based on button-skin.css) */
 347  .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
 348      padding:0 8px;
 349      font-size:93%;
 350      line-height: 2;  /* ~24px */
 351      *line-height: 1.7; /* For IE */
 352      min-height: 2em; /* For Gecko */
 353      *min-height: auto; /* For IE */
 354      color: #000;
 355  }
 356  
 357  /* DEFAULT BUTTONS */
 358  /* NOTE: IE6 will only pickup the yui-default specifier from the multiple class specifier */
 359  .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
 360      border:1px solid #304369;
 361      background-color: #426fd9;
 362      background: url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x 0 -1400px;
 363  }
 364  
 365  .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button {
 366      color:#fff;
 367  }