2 Copyright (c) 2011, Yahoo! Inc. All rights reserved.
3 Code licensed under the BSD License:
4 http://developer.yahoo.com/yui/license.html
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;
24 /* CALENDAR BOUNDING BOX */
25 .yui-skin-sam .yui-calcontainer {
26 background-color:#f2f2f2;
27 border:1px solid #808080;
31 /* CALENDARGROUP BOUNDING BOX */
32 .yui-skin-sam .yui-calcontainer.multi {
36 /* BOUNDING BOX FOR EACH CALENDAR GROUP PAGE */
37 .yui-skin-sam .yui-calcontainer.multi .groupcal {
38 background-color:transparent;
40 padding:10px 5px 10px 5px;
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;
53 margin:0 -10px 10px -10px;
59 .yui-skin-sam .yui-calcontainer.multi .title {
63 .yui-skin-sam .yui-calcontainer.withtitle {
68 .yui-skin-sam .yui-calcontainer .calclose {
69 background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px;
78 .yui-skin-sam .yui-calendar {
80 border-collapse:collapse;
86 /* NAVBAR BOUNDING BOX */
87 .yui-skin-sam .yui-calendar .calhead {
88 background:transparent;
90 vertical-align:middle;
94 /* NAVBAR TEXT CONTAINER */
95 .yui-skin-sam .yui-calendar .calheader {
96 background:transparent;
102 .yui-skin-sam .yui-calendar .calheader img {
106 /* NAVBAR LEFT ARROW */
107 .yui-skin-sam .yui-calendar .calnavleft {
108 background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -450px;
118 /* NAVBAR RIGHT ARROW */
119 .yui-skin-sam .yui-calendar .calnavright {
120 background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -500px;
130 /* WEEKDAY HEADER ROW */
131 .yui-skin-sam .yui-calendar .calweekdayrow {
135 .yui-skin-sam .yui-calendar .calweekdayrow th {
140 /* WEEKDAY (Su, Mo, Tu...) HEADER CELLS */
141 .yui-skin-sam .yui-calendar .calweekdaycell {
148 /* CALENDAR FOOTER. NOT IMPLEMENTED BY DEFAULT */
149 .yui-skin-sam .yui-calendar .calfoot {
150 background-color:#f2f2f2;
153 /* WEEK NUMBERS (ROW HEADERS/FOOTERS) */
154 .yui-skin-sam .yui-calendar .calrowhead, .yui-skin-sam .yui-calendar .calrowfoot {
162 .yui-skin-sam .yui-calendar .calrowhead {
167 .yui-skin-sam .yui-calendar .calrowfoot {
173 .yui-skin-sam .yui-calendar td.calcell {
174 border:1px solid #cccccc;
178 line-height:1.6em; /* set line height equal to cell height to center vertically */
183 /* LINK INSIDE NORMAL CELLS */
184 .yui-skin-sam .yui-calendar td.calcell a {
188 text-decoration:none;
192 .yui-skin-sam .yui-calendar td.calcell.today {
193 background-color:#000;
196 .yui-skin-sam .yui-calendar td.calcell.today a {
197 background-color:#fff;
201 .yui-skin-sam .yui-calendar td.calcell.oom {
202 background-color:#cccccc;
207 /* LINK INSIDE OOM CELLS */
208 .yui-skin-sam .yui-calendar td.calcell.oom a {
213 .yui-skin-sam .yui-calendar td.calcell.selected {
214 background-color:#fff;
218 .yui-skin-sam .yui-calendar td.calcell.selected a {
219 background-color:#b3d4ff;
224 .yui-skin-sam .yui-calendar td.calcell.calcellhover {
225 background-color:#426fd9;
230 .yui-skin-sam .yui-calendar td.calcell.calcellhover a {
231 background-color:#426fd9;
235 /* DEFAULT OOB DATES */
236 .yui-skin-sam .yui-calendar td.calcell.previous {
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; }
247 /* CalendarNavigator */
249 /* MONTH/YEAR LABEL */
250 .yui-skin-sam .yui-calendar a.calnav {
251 border: 1px solid #f2f2f2;
253 text-decoration:none;
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;
265 .yui-skin-sam .yui-calcontainer .yui-cal-nav-mask {
266 background-color:#000;
268 filter:alpha(opacity=25); /* IE */
271 /* NAVIGATOR BOUNDING BOX */
272 .yui-skin-sam .yui-calcontainer .yui-cal-nav {
273 font-family:arial,helvetica,clean,sans-serif;
275 border:1px solid #808080;
281 background-color:#f2f2f2;
284 .yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav {
288 /* NAVIGATOR BOUNDING BOX */
289 .yui-skin-sam .yui-calcontainer.multi .yui-cal-nav {
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;
301 .yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
305 .yui-skin-sam .yui-calcontainer .yui-cal-nav-e {
308 background-color:#EDF5FF;
309 border-top:1px solid black;
313 /* NAVIGATOR LABELS */
314 .yui-skin-sam .yui-calcontainer .yui-cal-nav label {
319 /* NAVIGATOR MONTH CONTROL */
320 .yui-skin-sam .yui-calcontainer .yui-cal-nav-mc {
322 _width:auto; /* IE6, IE7 Quirks don't handle 100% well */
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;
331 /* NAVIGATOR YEAR CONTROL */
332 .yui-skin-sam .yui-calcontainer .yui-cal-nav-yc {
336 /* NAVIGATOR BUTTONS */
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;
346 /* BUTTON (based on button-skin.css) */
347 .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
350 line-height: 2; /* ~24px */
351 *line-height: 1.7; /* For IE */
352 min-height: 2em; /* For Gecko */
353 *min-height: auto; /* For IE */
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;
365 .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button {