Correct standard style

master
Vitaliy Filippov 2018-03-17 21:42:24 +03:00
parent e5c55c9f12
commit 67d5de17f4
1 changed files with 31 additions and 6 deletions

View File

@ -1,5 +1,6 @@
/* Default CSS for calendar.js, version: 2018-03-14 */
.calendar-box {
/* Standard style CSS for calendar.js, version: 2018-03-17 */
.calendar-box
{
display: none;
background: #fff;
position: absolute;
@ -7,11 +8,35 @@
z-index: 100;
box-shadow: 0 0 4px #aaa;
}
.calendar-box select.calendar-month { width: 9 0px; margin-right: 3px; }
.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 { display: block; text-align: center; cursor: pointer; margin: 2px; }
.calendar-box .calendar-cancel { width: 100%; }
.calendar-box table { border-collapse: collapse; }
.calendar-box table td { width: 14%; text-align: center; }
.calendar-box a { text-decoration: none; display: block; padding: 5px; }
.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; }
@ -19,6 +44,6 @@
.calendar-box .today { background-color: #ffe9c6; }
.calendar-box .selected { background-color: #c9ff8b; }
.calendar-box .calendar-title { text-align: center; white-space: nowrap; }
.calendar-box .calendar-title a { display: inline-block; padding: 3px 7px; border: 1px solid #d0d2d4; background: #eef0f2; }
.calendar-box .calendar-title a, .calendar-box .calendar-title select { display: inline-block; padding: 3px 7px; border: 1px solid #d0d2d4; background: #eef0f2; }
.calendar-box .calendar-title a.prev:before { content: "<"; }
.calendar-box .calendar-title a.next:before { content: ">"; }