← All changes | css/skins/24_9__light.css +41 -22 10.10 → 11.8.4 View file →

		@@ -182,33 +182,35 @@
182	182	div.datepick-inline table.datepick th,
183	183	div.datepick-inline table.datepick td {
184	184	border-width: 0;
185	185	}
186		-.datepick-inline .datepick,
187		-.datepick-inline .calendar-links,
188		-.datepick-inline .calendar-links a,
189		-.datepick-inline .datepick-days-cell,
190		-.datepick-inline .datepick-days-cell a,
191		-.datepick-inline .datepick-days-cell div,
192		-.datepick-inline .datepick-title-row,
193		-.datepick-inline .datepick-title-row th {
	186	+/* // FixIn: 10.12.4.2. */
	187	+div.datepick-inline .datepick,
	188	+div.datepick-inline .calendar-links,
	189	+div.datepick-inline .calendar-links a,
	190	+div.datepick-inline .datepick-days-cell,
	191	+div.datepick-inline .datepick-days-cell a,
	192	+div.datepick-inline .datepick-days-cell div,
	193	+div.datepick-inline .datepick-title-row,
	194	+div.datepick-inline .datepick-title-row th {
194	195	font-size: var(--wpbc_cal-text-general-size);
195	196	}
196	197	/* Mo Tu We Th Fr Sa Su */
197		-/*#wpbc-new-admin-page .booking_form_div .datepick-inline .datepick .datepick-title-row th,*/
198		-/*#wpbc-new-admin-page .booking_form_div .datepick-inline .datepick .datepick-title-row th *,*/
	198	+/*#wpbc-admin-page.wpbc_page_tab__add-booking .booking_form_div .datepick-inline .datepick .datepick-title-row th,*/
	199	+/*#wpbc-admin-page.wpbc_page_tab__add-booking .booking_form_div .datepick-inline .datepick .datepick-title-row th *,*/
199	200	.datepick-inline .datepick .datepick-title-row th {
200	201	font-size: var(--wpbc_cal-text-weekdays-size);
201	202	}
202	203	/* Month Name */
203		-/*#wpbc-new-admin-page .datepick-inline .datepick-header, */
204		-/*#wpbc-new-admin-page .datepick-inline .datepick-header span,*/
	204	+/*#wpbc-admin-page.wpbc_page_tab__add-booking .datepick-inline .datepick-header, */
	205	+/*#wpbc-admin-page.wpbc_page_tab__add-booking .datepick-inline .datepick-header span,*/
205	206	.datepick-inline .datepick-header,
206	207	.datepick-inline .datepick-header span{
207	208	font-size: var(--wpbc_cal-text-header-size);
208	209	}
209	210	/* Next/Prev Month Links */
210		-.datepick-inline .calendar-links {
	211	+/* // FixIn: 10.12.4.2. */
	212	+div.datepick-inline .calendar-links {
211	213	display: flex;
212	214	flex-flow: row nowrap;
213	215	justify-content: flex-end;
214	216	align-items: center;
		@@ -215,10 +217,10 @@
215	217	width: 100%;
216	218	height: 40px;
217	219	margin-bottom: -40px;
218	220	}
219		-.datepick-inline .calendar-links .datepick-prev,
220		-.datepick-inline .calendar-links .datepick-next {
	221	+div.datepick-inline .calendar-links .datepick-prev,
	222	+div.datepick-inline .calendar-links .datepick-next {
221	223	flex: 0 1 30px;
222	224	display: flex;
223	225	flex-flow: column wrap;
224	226	justify-content: center;
		@@ -225,12 +227,12 @@
225	227	align-items: flex-end;
226	228	margin: 0;
227	229	line-height: 2em;
228	230	}
229		-.datepick-inline .calendar-links .datepick-prev a,
230		-.datepick-inline .calendar-links .datepick-next a,
231		-.datepick-inline .calendar-links .datepick-prev a:hover,
232		-.datepick-inline .calendar-links .datepick-next a:hover{
	231	+div.datepick-inline .calendar-links .datepick-prev a,
	232	+div.datepick-inline .calendar-links .datepick-next a,
	233	+div.datepick-inline .calendar-links .datepick-prev a:hover,
	234	+div.datepick-inline .calendar-links .datepick-next a:hover{
233	235
234	236	}
235	237	/* ------------------------------------------------------------------------------------------------------------------ */
236	238	/* ------------------------------------------------------------------------------------------------------------------ */
		@@ -331,8 +333,9 @@
331	333	div.datepick-inline table.datepick.wpbc_calendar th,
332	334	div.datepick-inline table.datepick.wpbc_calendar td.datepick-days-cell{
333	335	border-width: var( --wpbc_cal-day-cells-padding ) !important;
334	336	box-sizing: border-box;
	337	+ border-style: solid; /* // FixIn: 10.12.4.2. */
335	338	}
336	339	.datepick-inline th{
337	340	border-color: var( --wpbc_cal-main-background-color ) !important;
338	341	}
		@@ -557,9 +560,11 @@
557	560	/*******************************************************************************/
558	561
559	562	/* C e l l O V E R Dates - Background */
560	563	.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over .wpbc-cell-box,
561		-.datepick-inline .datepick .datepick-days-cell-over .wpbc-cell-box{
	564	+.datepick-inline .datepick .datepick-days-cell-over .wpbc-cell-box,
	565	+/* ( EAA ) */
	566	+.datepick-inline .datepick .wpbc-cell-box:has(a:focus) {
562	567	background: transparent;
563	568	background: rgb( from var(--wpbc_cal-hover-day-color) r g b / var(--wpbc_cal-day-bg-color-opacity) );
564	569	border: var( --wpbc_cal-day-cell-border-width ) solid var( --wpbc_cal-hover-day-color );
565	570	}
		@@ -565,9 +570,11 @@
565	570	}
566	571	/* C e l l O V E R Dates - Text color */
567	572	.datepick-inline .datepick-one-month .datepick .datepick-days-cell-over .wpbc_time_dots, /* //FixIn: 8.9.4.13 */
568	573	.datepick-inline .datepick-one-month .datepick td.datepick-days-cell-over a:hover,
569		-.datepick-inline .datepick-one-month .datepick td.datepick-days-cell-over a{
	574	+.datepick-inline .datepick-one-month .datepick td.datepick-days-cell-over a,
	575	+/* ( EAA ) */
	576	+.datepick-inline .datepick-one-month .datepick td a:focus{
570	577	color: var( --wpbc_cal-hover-text-color );
571	578	text-shadow: none;
572	579	}
573	580	/*******************************************************************************/
		@@ -649,8 +656,12 @@
649	656	fill: var( --wpbc_cal-pending-day-color );
650	657	fill-opacity: 50%;
651	658	fill-opacity: max( var( --wpbc_cal-day-bg-color-opacity ), 50% );
652	659	}
	660	+/* Available Background for check in/out dates in calendar legend. */
	661	+div .block_hints .datepick-inline td.datepick-days-cell.check_out_time .wpbc-cell-box .wpbc-co-out svg polygon{
	662	+ fill: var( --wpbc_cal-available-day-color );
	663	+}
653	664
654	665	.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date2approve .wpbc-cell-box,
655	666	.datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date2approve .wpbc-cell-box{
656	667	border: var( --wpbc_cal-day-cell-border-width ) solid var( --wpbc_cal-pending-day-color );
		@@ -665,5 +676,13 @@
665	676	}
666	677	.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date_approved .wpbc-cell-box,
667	678	.datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date_approved .wpbc-cell-box{
668	679	border: var( --wpbc_cal-day-cell-border-width ) solid var( --wpbc_cal-approved-day-color );
669		-}
	680	+}
	681	+/* EAA: Accessibility Standards - Highlight on Focus */
	682	+.datepick-inline .calendar-links .datepick-prev a:focus,
	683	+.datepick-inline .calendar-links .datepick-next a:focus {
	684	+ font-size: var(--wpbc_cal-text-prev-next-links-size);
	685	+ line-height: 1.25em;
	686	+ box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color), 0 1px 2px rgba(0, 0, 0, .15);
	687	+ outline: 0;
	688	+}