mirrors/easyappointments
1
0
Fork 1
mirror of https://github.com/alextselegidis/easyappointments.git synced 2024-11-22 16:02:54 +03:00
Code Issues Projects Releases Packages Wiki Activity

Changed datepicker style.

Browse source
This commit is contained in:
Alex Tselegidis 2015-10-05 23:16:50 +02:00
parent 29a6c0f136
commit 1ab65f433f
2 changed files with 56 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/assets/css/frontend.css
View file

@ -46,7 +46,7 @@ body {
#book-appointment-wizard #header { #book-appointment-wizard #header {
padding: 5px; padding: 5px;
height: 80px; height: 90px;
background: #3DD481; background: #3DD481;
border-bottom: 4px solid #1A865F; border-bottom: 4px solid #1A865F;
} }

47
src/assets/css/general.css
View file

@ -45,36 +45,57 @@ body .ui-dialog .ui-dialog-buttonpane {
} }
body .ui-datepicker { body .ui-datepicker {
border: 1px solid #EDEDED; border: 1px solid #3DD481;
border-top-left-radius: 5px; border-radius: 2px;
border-top-right-radius: 5px; padding: 0;
} }
body .ui-datepicker .ui-widget-header { body .ui-datepicker .ui-widget-header {
border: none; border: none;
border-top-left-radius: 4px !important; background: #3DD481;
border-top-right-radius: 4px !important; }
body .ui-datepicker th {
background: #3DD481;
color: #FFF;
}
body .ui-datepicker tbody tr:first-child td {
margin-top: 5px;
} }
body .ui-datepicker td a, body .ui-datepicker td a,
body .ui-datepicker td span { body .ui-datepicker td span {
border-radius: 2px; border: none !important;
background: none !important;
color: #1A865F !important;
text-align: center !important; text-align: center !important;
box-sizing: border-box; width: 32px;
height: 32px; height: 32px;
line-height: 2;
} }
body .ui-datepicker td a.ui-state-active { html 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; color: #FFF !important;
font-weight: bold !important; font-weight: bold !important;
border-bottom: 2px solid #33C073 !important; background: #3DD481 !important;
box-shadow: inset 0 0px 3px #FFF; border-radius: 50px;
} }
body .ui-datepicker td a.ui-state-highlight { body .ui-datepicker td a.ui-state-highlight {
border: none; background: #80E3AD !important;
color: #E29656; border-radius: 67px;
color: #FFF !important;
}
body .ui-datepicker .ui-datepicker-prev-hover {
top: 2px !important;
left: 2px !important;
}
body .ui-datepicker .ui-datepicker-next-hover {
top: 2px !important;
right: 2px !important;
} }
.breaks tr:hover td { .breaks tr:hover td {