205 lines
3.8 KiB
CSS
205 lines
3.8 KiB
CSS
div.datepicker {
|
|
position: relative;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
height: 147px;
|
|
cursor: default;
|
|
display: none;
|
|
}
|
|
.datepickerContainer {
|
|
padding: 10px;
|
|
margin: 0 auto;
|
|
}
|
|
/*
|
|
.datepickerBorderT {
|
|
position: absolute;
|
|
left: 10px;
|
|
top: 0;
|
|
right: 10px;
|
|
height: 10px;
|
|
background: url(../images/datepicker_t.png);
|
|
}
|
|
.datepickerBorderB {
|
|
position: absolute;
|
|
left: 10px;
|
|
bottom: 0;
|
|
right: 10px;
|
|
height: 10px;
|
|
background: url(../images/datepicker_b.png);
|
|
}
|
|
.datepickerBorderL {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 10px;
|
|
top: 10px;
|
|
width: 10px;
|
|
background: url(../images/datepicker_l.png);
|
|
}
|
|
.datepickerBorderR {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 10px;
|
|
top: 10px;
|
|
width: 10px;
|
|
background: url(../images/datepicker_r.png);
|
|
}
|
|
.datepickerBorderTL {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 10px;
|
|
height: 10px;
|
|
background: url(../images/datepicker_tl.png);
|
|
}
|
|
.datepickerBorderTR {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 10px;
|
|
height: 10px;
|
|
background: url(../images/datepicker_tr.png);
|
|
}
|
|
.datepickerBorderBL {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 10px;
|
|
height: 10px;
|
|
background: url(../images/datepicker_bl.png);
|
|
}
|
|
.datepickerBorderBR {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 10px;
|
|
height: 10px;
|
|
background: url(../images/datepicker_br.png);
|
|
}
|
|
*/
|
|
.datepickerHidden {
|
|
display: none;
|
|
}
|
|
div.datepicker table {
|
|
width: 260px;
|
|
border-collapse:collapse;
|
|
}
|
|
div.datepicker a {
|
|
text-decoration: none;
|
|
cursor: default;
|
|
outline: none;
|
|
}
|
|
div.datepicker table td {
|
|
text-align: right;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
div.datepicker th {
|
|
text-align: center;
|
|
color: #999;
|
|
font-weight: normal;
|
|
}
|
|
div.datepicker tbody th {
|
|
/*text-align: left;*/
|
|
}
|
|
div.datepicker tbody a {
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.datepickerWeek a {
|
|
color: #F60;
|
|
}
|
|
.datepickerWeek a:hover {
|
|
color: #FC0 !important;
|
|
}
|
|
.datepickerDays a {
|
|
width: 20px;
|
|
line-height: 16px;
|
|
height: 16px;
|
|
padding-right: 2px;
|
|
}
|
|
.datepickerYears a,
|
|
.datepickerMonths a{
|
|
width: 44px;
|
|
line-height: 36px;
|
|
height: 36px;
|
|
text-align: center;
|
|
}
|
|
td.datepickerNotInMonth a {
|
|
color: #666;
|
|
}
|
|
tbody.datepickerDays td.datepickerSelected{
|
|
background: #0088CC;
|
|
}
|
|
tbody.datepickerDays td.datepickerSelected a{
|
|
color: #FFF;
|
|
}
|
|
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
|
|
background: #17384d;
|
|
}
|
|
tbody.datepickerYears td.datepickerSelected,
|
|
tbody.datepickerMonths td.datepickerSelected{
|
|
background: #17384d;
|
|
}
|
|
div.datepicker a:hover,
|
|
div.datepicker a:hover {
|
|
color: #88c5eb;
|
|
}
|
|
div.datepicker td.datepickerNotInMonth a:hover {
|
|
color: #999;
|
|
}
|
|
div.datepicker tbody th {
|
|
/*text-align: left;*/
|
|
}
|
|
.datepickerSpace div {
|
|
width: 20px;
|
|
}
|
|
.datepickerGoNext a,
|
|
.datepickerGoPrev a,
|
|
.datepickerMonth a {
|
|
text-align: center;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.datepickerGoNext a {
|
|
float: right;
|
|
width: 20px;
|
|
}
|
|
.datepickerGoPrev a {
|
|
float: left;
|
|
width: 20px;
|
|
}
|
|
table.datepickerViewDays tbody.datepickerMonths,
|
|
table.datepickerViewDays tbody.datepickerYears {
|
|
display: none;
|
|
}
|
|
table.datepickerViewMonths tbody.datepickerDays,
|
|
table.datepickerViewMonths tbody.datepickerYears,
|
|
table.datepickerViewMonths tr.datepickerDoW {
|
|
display: none;
|
|
}
|
|
table.datepickerViewYears tbody.datepickerDays,
|
|
table.datepickerViewYears tbody.datepickerMonths,
|
|
table.datepickerViewYears tr.datepickerDoW {
|
|
display: none;
|
|
}
|
|
td.datepickerDisabled a,
|
|
td.datepickerDisabled.datepickerNotInMonth a{
|
|
color: #333;
|
|
}
|
|
td.datepickerDisabled a:hover {
|
|
color: #333;
|
|
}
|
|
td.datepickerSpecial a {
|
|
background: #700;
|
|
}
|
|
td.datepickerSpecial.datepickerSelected a {
|
|
background: #a00;
|
|
}
|
|
|
|
/*Layout*/
|
|
#widgetCalendar {
|
|
height: 0;
|
|
overflow: hidden;
|
|
position: relative;
|
|
} |