| 1 |
/* ------------------------------------------------------------------------------------------------------------------ */ |
| 2 |
/* Child calendar theme of "/css/skins/24_9__light.css" C O L O R S K I N */ |
| 3 |
/* ------------------------------------------------------------------------------------------------------------------ */ |
| 4 |
@import url("24_9__light.css"); |
| 5 |
/* Color Scheme: - 25_5 Square 3 */ |
| 6 |
:root { |
| 7 |
--wpbc_cal-day-cell-border-radius: 0%; |
| 8 |
--wpbc_cal-day-cell-border-width: 1px; |
| 9 |
--wpbc_cal-day-bg-color-opacity: 0%; |
| 10 |
--wpbc_cal-selected-day-bg-color-opacity: 80%; |
| 11 |
--wpbc_cal-text-general-size: 15px; |
| 12 |
--wpbc_cal-text-cost-size: 60%; |
| 13 |
--wpbc_cal-text-header-size: 13px; |
| 14 |
--wpbc_cal-text-weekdays-size: 10px; |
| 15 |
--wpbc_cal-text-prev-next-links-size: 25px; |
| 16 |
--wpbc_cal-main-background-color: #fff; |
| 17 |
--wpbc_cal-header-text-color: #000; |
| 18 |
--wpbc_cal-text-prev-next-links-color: #555; |
| 19 |
--wpbc_cal-text-weekdays-color: #555; |
| 20 |
--wpbc_cal-unavailable-day-color: var(--wpbc_cal-main-background-color); |
| 21 |
--wpbc_cal-unavailable-text-color: #d4d4d4c7; |
| 22 |
--wpbc_cal-available-day-color: #c4c4c4; |
| 23 |
--wpbc_cal-available-text-color: #515151; |
| 24 |
--wpbc_cal-approved-day-color: #ECECEC; |
| 25 |
--wpbc_cal-approved-text-color: #953227; |
| 26 |
--wpbc_cal-pending-day-color: var(--wpbc_cal-approved-day-color); |
| 27 |
--wpbc_cal-pending-text-color: #B08727; |
| 28 |
--wpbc_cal-selected-day-color: #5b89c5; |
| 29 |
--wpbc_cal-selected-text-color: #fff; |
| 30 |
--wpbc_cal-hover-day-color: #7195c6; |
| 31 |
--wpbc_cal-hover-text-color: #436593; |
| 32 |
--wpbc_cal-timespartly-day-color: #88954a; |
| 33 |
--wpbc_cal-timespartly-text-color: #909e50; |
| 34 |
--wpbc_cal-day-cells-padding: 2px; |
| 35 |
} |
| 36 |
/* Exception for change/over days */ |
| 37 |
.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date2approve, |
| 38 |
.datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date2approve, |
| 39 |
.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date_approved, |
| 40 |
.datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date_approved { |
| 41 |
--wpbc_cal-approved-day-color: #ccc; |
| 42 |
--wpbc_cal-pending-day-color: #ccc; |
| 43 |
} |
| 44 |
/* Pending */ |
| 45 |
div.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date2approve .wpbc-cell-box .wpbc-co-in svg polygon, /* Check In */ |
| 46 |
div.datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date2approve .wpbc-cell-box .wpbc-co-out svg polygon, /* Check Out */ |
| 47 |
/* Approved */ |
| 48 |
div.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date_approved .wpbc-cell-box .wpbc-co-in svg polygon, /* Check In */ |
| 49 |
div.datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date_approved .wpbc-cell-box .wpbc-co-out svg polygon /* Check Out */ |
| 50 |
{ |
| 51 |
fill-opacity: 20%; |
| 52 |
} |
