include/javascript/yui/build/calendar/assets/skins/sam/calendar-skin.css

   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(../../../../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(../../../../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(../../../../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(../../../../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(../../../../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(../../../../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(../../../../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 }