362 lines
7.7 KiB
CSS
362 lines
7.7 KiB
CSS
|
/*
|
||
|
|
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
|
||
|
|
Code licensed under the BSD License:
|
||
|
|
http://developer.yahoo.net/yui/license.txt
|
||
|
|
version: 2.6.0
|
||
|
|
*/
|
||
|
|
/**
|
||
|
|
* SAM
|
||
|
|
*
|
||
|
|
* Skin colors used:
|
||
|
|
*
|
||
|
|
* - Control Border : 808080
|
||
|
|
* - Control Chrome : f2f2f2
|
||
|
|
* - Cell Borders : cccccc
|
||
|
|
* - Normal Cell BG : ffffff
|
||
|
|
* - Date Links : 0066cc
|
||
|
|
* - Selected Cells BG : b3d4ff
|
||
|
|
* - Cell Hover BG : 426fd9
|
||
|
|
* - Disabled BG : cccccc
|
||
|
|
* - Disabled Text Color : a6a6a6
|
||
|
|
**/
|
||
|
|
|
||
|
|
/* CALENDAR BOUNDING BOX */
|
||
|
|
.yui-skin-sam .yui-calcontainer {
|
||
|
|
background-color:#f2f2f2;
|
||
|
|
border:1px solid #808080;
|
||
|
|
padding:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CALENDARGROUP BOUNDING BOX */
|
||
|
|
.yui-skin-sam .yui-calcontainer.multi {
|
||
|
|
padding:0 5px 0 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* BOUNDING BOX FOR EACH CALENDAR GROUP PAGE */
|
||
|
|
.yui-skin-sam .yui-calcontainer.multi .groupcal {
|
||
|
|
background-color:transparent;
|
||
|
|
border:none;
|
||
|
|
padding:10px 5px 10px 5px;
|
||
|
|
margin:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* TITLE BAR */
|
||
|
|
.yui-skin-sam .yui-calcontainer .title {
|
||
|
|
background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
|
||
|
|
border-bottom:1px solid #cccccc;
|
||
|
|
font:100% sans-serif;
|
||
|
|
color:#000;
|
||
|
|
font-weight:bold;
|
||
|
|
height:auto;
|
||
|
|
padding:.4em;
|
||
|
|
margin:0 -10px 10px -10px;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
text-align:left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yui-skin-sam .yui-calcontainer.multi .title {
|
||
|
|
margin:0 -5px 0 -5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yui-skin-sam .yui-calcontainer.withtitle {
|
||
|
|
padding-top:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CLOSE BUTTON */
|
||
|
|
.yui-skin-sam .yui-calcontainer .calclose {
|
||
|
|
background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px;
|
||
|
|
width:25px;
|
||
|
|
height:15px;
|
||
|
|
top:.4em;
|
||
|
|
right:.4em;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CALENDAR TABLE */
|
||
|
|
.yui-skin-sam .yui-calendar {
|
||
|
|
border-spacing:0;
|
||
|
|
border-collapse:collapse;
|
||
|
|
font:100% sans-serif;
|
||
|
|
text-align:center;
|
||
|
|
margin:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAVBAR BOUNDING BOX */
|
||
|
|
.yui-skin-sam .yui-calendar .calhead {
|
||
|
|
background:transparent;
|
||
|
|
border:none;
|
||
|
|
vertical-align:middle;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAVBAR TEXT CONTAINER */
|
||
|
|
.yui-skin-sam .yui-calendar .calheader {
|
||
|
|
background:transparent;
|
||
|
|
font-weight:bold;
|
||
|
|
padding:0 0 .6em 0;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yui-skin-sam .yui-calendar .calheader img {
|
||
|
|
border:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAVBAR LEFT ARROW */
|
||
|
|
.yui-skin-sam .yui-calendar .calnavleft {
|
||
|
|
background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -450px;
|
||
|
|
width:25px;
|
||
|
|
height:15px;
|
||
|
|
top:0;
|
||
|
|
bottom:0;
|
||
|
|
left:-10px;
|
||
|
|
margin-left:.4em;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAVBAR RIGHT ARROW */
|
||
|
|
.yui-skin-sam .yui-calendar .calnavright {
|
||
|
|
background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -500px;
|
||
|
|
width:25px;
|
||
|
|
height:15px;
|
||
|
|
top:0;
|
||
|
|
bottom:0;
|
||
|
|
right:-10px;
|
||
|
|
margin-right:.4em;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* WEEKDAY HEADER ROW */
|
||
|
|
.yui-skin-sam .yui-calendar .calweekdayrow {
|
||
|
|
height:2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yui-skin-sam .yui-calendar .calweekdayrow th {
|
||
|
|
padding:0;
|
||
|
|
border:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* WEEKDAY (Su, Mo, Tu...) HEADER CELLS */
|
||
|
|
.yui-skin-sam .yui-calendar .calweekdaycell {
|
||
|
|
color:#000;
|
||
|
|
font-weight:bold;
|
||
|
|
text-align:center;
|
||
|
|
width:2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CALENDAR FOOTER. NOT IMPLEMENTED BY DEFAULT */
|
||
|
|
.yui-skin-sam .yui-calendar .calfoot {
|
||
|
|
background-color:#f2f2f2;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* WEEK NUMBERS (ROW HEADERS/FOOTERS) */
|
||
|
|
.yui-skin-sam .yui-calendar .calrowhead, .yui-skin-sam .yui-calendar .calrowfoot {
|
||
|
|
color:#a6a6a6;
|
||
|
|
font-size:85%;
|
||
|
|
font-style:normal;
|
||
|
|
font-weight:normal;
|
||
|
|
border:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yui-skin-sam .yui-calendar .calrowhead {
|
||
|
|
text-align:right;
|
||
|
|
padding:0 2px 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yui-skin-sam .yui-calendar .calrowfoot {
|
||
|
|
text-align:left;
|
||
|
|
padding:0 0 0 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NORMAL CELLS */
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell {
|
||
|
|
border:1px solid #cccccc;
|
||
|
|
background:#fff;
|
||
|
|
padding:1px;
|
||
|
|
height:1.6em;
|
||
|
|
line-height:1.6em; /* set line height equal to cell height to center vertically */
|
||
|
|
text-align:center;
|
||
|
|
white-space:nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* LINK INSIDE NORMAL CELLS */
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell a {
|
||
|
|
color:#0066cc;
|
||
|
|
display:block;
|
||
|
|
height:100%;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* TODAY'S DATE */
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell.today {
|
||
|
|
background-color:#000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell.today a {
|
||
|
|
background-color:#fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* OOM DATES */
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell.oom {
|
||
|
|
background-color:#cccccc;
|
||
|
|
color:#a6a6a6;
|
||
|
|
cursor:default;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* SELECTED DATE */
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell.selected {
|
||
|
|
background-color:#fff;
|
||
|
|
color:#000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell.selected a {
|
||
|
|
background-color:#b3d4ff;
|
||
|
|
color:#000;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* HOVER DATE */
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell.calcellhover {
|
||
|
|
background-color:#426fd9;
|
||
|
|
color:#fff;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
|
||
|
|
background-color:#426fd9;
|
||
|
|
color:#fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* DEFAULT OOB DATES */
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell.previous {
|
||
|
|
color:#e0e0e0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CUSTOM RENDERERS */
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell.restricted { text-decoration:line-through; }
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell.highlight1 { background-color:#ccff99; }
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell.highlight2 { background-color:#99ccff; }
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell.highlight3 { background-color:#ffcccc; }
|
||
|
|
.yui-skin-sam .yui-calendar td.calcell.highlight4 { background-color:#ccff99; }
|
||
|
|
|
||
|
|
/* CalendarNavigator */
|
||
|
|
|
||
|
|
/* MONTH/YEAR LABEL */
|
||
|
|
.yui-skin-sam .yui-calendar a.calnav {
|
||
|
|
border: 1px solid #f2f2f2;
|
||
|
|
padding:0 4px;
|
||
|
|
text-decoration:none;
|
||
|
|
color:#000;
|
||
|
|
zoom:1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yui-skin-sam .yui-calendar a.calnav:hover {
|
||
|
|
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
|
||
|
|
border-color:#A0A0A0;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAVIGATOR MASK */
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav-mask {
|
||
|
|
background-color:#000;
|
||
|
|
opacity:0.25;
|
||
|
|
*filter:alpha(opacity=25); /* IE */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAVIGATOR BOUNDING BOX */
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav {
|
||
|
|
font-family:arial,helvetica,clean,sans-serif;
|
||
|
|
font-size:93%;
|
||
|
|
border:1px solid #808080;
|
||
|
|
left:50%;
|
||
|
|
margin-left:-7em;
|
||
|
|
width:14em;
|
||
|
|
padding:0;
|
||
|
|
top:2.5em;
|
||
|
|
background-color:#f2f2f2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav {
|
||
|
|
top:4.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAVIGATOR BOUNDING BOX */
|
||
|
|
.yui-skin-sam .yui-calcontainer.multi .yui-cal-nav {
|
||
|
|
width:16em;
|
||
|
|
margin-left:-8em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAVIGATOR YEAR/MONTH/BUTTON/ERROR BOUNDING BLOCKS */
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav-y,
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav-m,
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
|
||
|
|
padding:5px 10px 5px 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav-b {
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav-e {
|
||
|
|
margin-top:5px;
|
||
|
|
padding:5px;
|
||
|
|
background-color:#EDF5FF;
|
||
|
|
border-top:1px solid black;
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAVIGATOR LABELS */
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav label {
|
||
|
|
display:block;
|
||
|
|
font-weight:bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAVIGATOR MONTH CONTROL */
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav-mc {
|
||
|
|
width:100%;
|
||
|
|
_width:auto; /* IE6, IE7 Quirks don't handle 100% well */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAVIGATOR MONTH CONTROL, VALIDATION ERROR */
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid {
|
||
|
|
background-color:#FFEE69;
|
||
|
|
border: 1px solid #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAVIGATOR YEAR CONTROL */
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc {
|
||
|
|
width:4em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAVIGATOR BUTTONS */
|
||
|
|
|
||
|
|
/* BUTTON WRAPPER */
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
|
||
|
|
border:1px solid #808080;
|
||
|
|
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
|
||
|
|
background-color:#ccc;
|
||
|
|
margin: auto .15em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* BUTTON (based on button-skin.css) */
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
|
||
|
|
padding:0 8px;
|
||
|
|
font-size:93%;
|
||
|
|
line-height: 2; /* ~24px */
|
||
|
|
*line-height: 1.7; /* For IE */
|
||
|
|
min-height: 2em; /* For Gecko */
|
||
|
|
*min-height: auto; /* For IE */
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* DEFAULT BUTTONS */
|
||
|
|
/* NOTE: IE6 will only pickup the yui-default specifier from the multiple class specifier */
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
|
||
|
|
border:1px solid #304369;
|
||
|
|
background-color: #426fd9;
|
||
|
|
background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1400px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button {
|
||
|
|
color:#fff;
|
||
|
|
}
|