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 }
 251
 252 .yui-skin-sam .yui-calendar a.calnav:hover {
 253         background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
 254         border-color:#A0A0A0;
 255         cursor:pointer;
 256 }
 257
 258 /* NAVIGATOR MASK */
 259 .yui-skin-sam .yui-calcontainer .yui-cal-nav-mask {
 260         background-color:#000;
 261         opacity:0.25;
 262         filter:alpha(opacity=25); /* IE */
 263 }
 264
 265 /* NAVIGATOR BOUNDING BOX */
 266 .yui-skin-sam .yui-calcontainer .yui-cal-nav {
 267         font-family:arial,helvetica,clean,sans-serif;
 268         font-size:93%;
 269         border:1px solid #808080;
 270         left:50%;
 271         margin-left:-7em;
 272         width:14em;
 273         padding:0;
 274         top:2.5em;
 275         background-color:#f2f2f2;
 276 }
 277
 278 .yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav {
 279         top:4.5em;
 280 }
 281
 282 /* NAVIGATOR BOUNDING BOX */
 283 .yui-skin-sam .yui-calcontainer.multi .yui-cal-nav {
 284         width:16em;
 285         margin-left:-8em;
 286 }
 287
 288 /* NAVIGATOR YEAR/MONTH/BUTTON/ERROR BOUNDING BLOCKS */
 289 .yui-skin-sam .yui-calcontainer .yui-cal-nav-y,
 290 .yui-skin-sam .yui-calcontainer .yui-cal-nav-m,
 291 .yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
 292         padding:5px 10px 5px 10px;
 293 }
 294
 295 .yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
 296         text-align:center;
 297 }
 298
 299 .yui-skin-sam .yui-calcontainer .yui-cal-nav-e {
 300         margin-top:5px;
 301         padding:5px;
 302         background-color:#EDF5FF;
 303         border-top:1px solid black;
 304         display:none;
 305 }
 306
 307 /* NAVIGATOR LABELS */
 308 .yui-skin-sam .yui-calcontainer .yui-cal-nav label {
 309         display:block;
 310         font-weight:bold;
 311 }
 312
 313 /* NAVIGATOR MONTH CONTROL */
 314 .yui-skin-sam .yui-calcontainer .yui-cal-nav-mc {
 315         width:100%;
 316         _width:auto; /* IE6, IE7 Quirks don't handle 100% well */
 317 }
 318
 319 /* NAVIGATOR MONTH CONTROL, VALIDATION ERROR */
 320 .yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid {
 321         background-color:#FFEE69;
 322         border: 1px solid #000;
 323 }
 324
 325 /* NAVIGATOR YEAR CONTROL */
 326 .yui-skin-sam .yui-calcontainer .yui-cal-nav-yc {
 327         width:4em;
 328 }
 329
 330 /* NAVIGATOR BUTTONS */
 331
 332 /* BUTTON WRAPPER */
 333 .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
 334         border:1px solid #808080;
 335         background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
 336         background-color:#ccc;
 337         margin: auto .15em;
 338 }
 339
 340 /* BUTTON (based on button-skin.css) */
 341 .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
 342         padding:0 8px;
 343         font-size:93%;
 344         line-height: 2;  /* ~24px */
 345         *line-height: 1.7; /* For IE */
 346         min-height: 2em; /* For Gecko */
 347         *min-height: auto; /* For IE */
 348         color: #000;
 349 }
 350
 351 /* DEFAULT BUTTONS */
 352 /* NOTE: IE6 will only pickup the yui-default specifier from the multiple class specifier */
 353 .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
 354         border:1px solid #304369;
 355         background-color: #426fd9;
 356         background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1400px;
 357 }
 358
 359 .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button {
 360         color:#fff;
 361 }