Fixed datepicker styling

This commit is contained in:
Alex Tselegidis 2015-07-27 22:51:35 +02:00
parent 1812d66bb4
commit 0b35148a86
1 changed files with 33 additions and 0 deletions

View File

@ -43,6 +43,39 @@ body .ui-dialog .ui-dialog-buttonpane {
border: none;
}
body .ui-datepicker {
border: 1px solid #EDEDED;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
body .ui-datepicker .ui-widget-header {
border: none;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
}
body .ui-datepicker td a,
body .ui-datepicker td span {
border-radius: 2px;
text-align: center !important;
box-sizing: border-box;
height: 32px;
}
body .ui-datepicker td a.ui-state-active {
background: #80E1AC url("images/ui-bg_flat_65_80e1ac_40x100.png") 50% 50% repeat-x !important;
color: #FFF !important;
font-weight: bold !important;
border-bottom: 2px solid #33C073 !important;
box-shadow: inset 0 0px 3px #FFF;
}
body .ui-datepicker td a.ui-state-highlight {
border: none;
color: #E29656;
}
.breaks tr:hover td {
background: #FFFFC2 !important;
}