51 lines
1.8 KiB
CSS
51 lines
1.8 KiB
CSS
/* Standard style CSS for calendar.js, version: 2021-09-19 */
|
|
.calendar-box
|
|
{
|
|
background: #fff;
|
|
padding: 0;
|
|
z-index: 100;
|
|
box-shadow: 0 0 4px #aaa;
|
|
}
|
|
.calendar-box a { cursor: pointer; }
|
|
.calendar-box .calendar-cancel {
|
|
cursor: pointer;
|
|
height: 2.2em;
|
|
line-height: 2.2em;
|
|
margin-top: 3px;
|
|
padding: 0 10px;
|
|
text-align: center;
|
|
background: #708193;
|
|
color: white;
|
|
border: 0;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
box-sizing: border-box;
|
|
}
|
|
.calendar-box .calendar-cancel:hover {
|
|
background: #f16b30;
|
|
}
|
|
.calendar-box, .calendar-box select, .calendar-box input, .calendar-box table {
|
|
box-sizing: border-box;
|
|
font: 14px "Fira Sans", sans-serif;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
}
|
|
.calendar-box select.calendar-month { width: 9 0; margin-right: 3px; }
|
|
.calendar-box select.calendar-year { width: 70px; }
|
|
.calendar-box .calendar-cancel { width: 100%; }
|
|
.calendar-box table { border-collapse: collapse; }
|
|
.calendar-box table td { width: 14%; text-align: center; }
|
|
.calendar-box a { color: inherit; text-decoration: none; display: block; padding: 5px; }
|
|
.calendar-box a:hover { background: #e8ffd0; }
|
|
.calendar-box tr.header td { font-weight: bold; padding: 5px; }
|
|
.calendar-box td { background: #f4f6f8; }
|
|
.calendar-box td.disabled { background: #ddd; color: #555; }
|
|
.calendar-box td.disabled a { cursor: default; }
|
|
.calendar-box td.disabled a:hover { background: none; }
|
|
.calendar-box .today { background-color: #ffe9c6; }
|
|
.calendar-box .selected { background-color: #c9ff8b; }
|
|
.calendar-box .calendar-title { text-align: center; white-space: nowrap; background: #dddfe2; height: 2.2em; }
|
|
.calendar-box .calendar-title a, .calendar-box .calendar-title select { display: inline-block; padding: 3px 7px; }
|
|
.calendar-box .calendar-title a.prev:before { content: "<"; }
|
|
.calendar-box .calendar-title a.next:before { content: ">"; }
|