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

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