← All changes | css/skins/traditional-times.css +48 -24 10.1.3 → 11.9 View file →

		@@ -65,9 +65,9 @@
65	65	/******************************************************************************** FixIn: 9.5.0.2 */
66	66	/* New Stripes - Unavailable Cells - for Booking > Availability page ********/
67	67	/*******************************************************************************/
68	68	/* Stripes */
69		-.wpbc_ajx_availability_container .datepick-inline .datepick {
	69	+.wpbc_ajx_availability_container .datepick-inline .datepick .resource_unavailable:not(.datepick-unselectable,.datepick-current-day,.datepick-days-cell-over) .wpbc-cell-box {
70	70	/*background: repeating-linear-gradient( 135deg, #fff, #fff 4px, #eaeaeb 4px, #eaeaeb 8px );*/
71	71	background: repeating-linear-gradient( 135deg, #fff, #fff 4px, #f5f5ef 4px, #f5f5cf 8px );
72	72	}
73	73	/* Unselectable dates & headers - calendar empty cells */
		@@ -119,9 +119,9 @@
119	119	.block_hints .block_free,
120	120	.block_hints .block_time,
121	121	.block_hints .block_check_in_out div.check-in-div, /* Item for the LEGEND */
122	122	.block_hints .block_check_in_out div.check-out-div, /* Item for the LEGEND */
123		-.datepick-inline .date_available,
	123	+.datepick-inline .date_available .wpbc-cell-box,
124	124	.datepick-inline .timespartly.check_in_time div.check-in-div, /* Define the COLOR fot the check in / out times the same as available*/
125	125	.datepick-inline .timespartly.check_out_time div.check-out-div {
126	126	background: none repeat scroll 0 0 #f5f5f5;
127	127	}
		@@ -146,9 +146,13 @@
146	146
147	147	/* A P P R O V E D - BACKGROUND */
148	148	.block_hints .date_approved.block_check_in_out,
149	149	.block_hints .block_booked,
150		-.datepick-inline .date_approved,
	150	+.datepick-inline .date_approved .wpbc-cell-box,
	151	+/* Resolve Conflicts with tables in Elementor //FixIn: 10.9.2.2 *
	152	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n) > td.date_approved,
	153	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n+1) > td.date_approved,
	154	+ */
151	155	/* A P P R O V E D - BACKGROUND for Check In Pending & Check Out Approved || Check Out Pending & Check In Approved Dates //FixIn: 6.0.1.2 */
152	156	td.timespartly.check_in_time.check_out_time.check_in_time_date2approve.check_out_time_date_approved div.check-in-div,
153	157	td.timespartly.check_in_time.check_out_time.check_out_time_date2approve.check_in_time_date_approved div.check-out-div {
154	158	background-color: #C60B0B;
		@@ -155,9 +159,9 @@
155	159	}
156	160	/* A P P R O V E D - T E X T /including partially booked - timeslots/ */
157	161	.block_hints .date_approved.block_check_in_out,
158	162	.block_hints .block_booked,
159		-.datepick-inline .date_approved,
	163	+.datepick-inline .date_approved .wpbc-cell-box,
160	164	.block_hints .block_booked a,
161	165	.datepick-inline .date_approved a{
162	166	color: #5F0000;
163	167	font-weight: 600;
		@@ -176,9 +180,13 @@
176	180
177	181	/* P E N D I N G - BACKGROUND */
178	182	.block_hints .date2approve.block_check_in_out,
179	183	.block_hints .block_pending,
180		-.datepick-inline .date2approve,
	184	+.datepick-inline .date2approve .wpbc-cell-box,
	185	+/* Resolve Conflicts with tables in Elementor //FixIn: 10.9.2.2 *
	186	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n) > td.date2approve,
	187	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n+1) > td.date2approve,
	188	+ */
181	189	/* P E N D I N G - BACKGROUND for Check In Approved & Check Out Pending || Check Out Approved & Check In Pending Dates //FixIn: 6.0.1.2 */
182	190	td.timespartly.check_in_time.check_out_time.check_in_time_date_approved.check_out_time_date2approve div.check-in-div,
183	191	td.timespartly.check_in_time.check_out_time.check_out_time_date_approved.check_in_time_date2approve div.check-out-div {
184	192	background-color: #DF9A00;
		@@ -185,9 +193,9 @@
185	193	}
186	194	/* P E N D I N G - T E X T /including partially booked - timeslots/ */
187	195	.block_hints .date2approve.block_check_in_out,
188	196	.block_hints .block_pending,
189		-.datepick-inline .date2approve,
	197	+.datepick-inline .date2approve .wpbc-cell-box,
190	198	.block_hints .block_pending a,
191	199	.datepick-inline .date2approve a {
192	200	color: #885500;
193	201	font-weight: 600;
		@@ -198,12 +206,12 @@
198	206	.datepick-inline .date_approved.timespartly {
199	207	background-color: #C0C60B;
200	208	}
201	209	/* TIME SLOTs (partially booked) - TEXT */
202		-.datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time),
203		-.datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time),
204		-.datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) a,
205		-.datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) a{
	210	+.NO_000.datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time),
	211	+.NO_000.datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time),
	212	+.NO_000.datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) a,
	213	+.NO_000.datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) a{
206	214	color: #93980c;
207	215	font-weight: 600;
208	216	text-shadow: 0 1px 0px #C3C808;
209	217	}
		@@ -218,14 +226,15 @@
218	226	}
219	227	/*******************************************************************************/
220	228
221	229	/* S E L E C T E D Dates - Background */
222		-.datepick-inline .datepick-one-month .datepick .datepick-current-day {
	230	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc-cell-box{
223	231	background-color: #555;
224	232	}
225	233	/* S E L E C T E D Dates - Text color */
226		-.datepick-inline .datepick-one-month .datepick .datepick-current-day .wpbc_time_dots, /* //FixIn: 8.9.4.13 */
227		-.datepick-inline .datepick-one-month .datepick .datepick-current-day a{
	234	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc_time_dots,
	235	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day a,
	236	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day a:hover {
228	237	color: #EEEEEE;
229	238	text-shadow: 0 -1px 0 #000000;
230	239	}
231	240	/*******************************************************************************/
		@@ -230,10 +239,10 @@
230	239	}
231	240	/*******************************************************************************/
232	241
233	242	/* C e l l O V E R Dates - Background */
234		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over,
235		-.datepick-inline .datepick .datepick-days-cell-over{
	243	+.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over .wpbc-cell-box,
	244	+.datepick-inline .datepick .datepick-days-cell-over .wpbc-cell-box{
236	245	background:#aaa;
237	246	}
238	247	/* C e l l O V E R Dates - Text color */
239	248	.datepick-inline .datepick-one-month .datepick .datepick-days-cell-over .wpbc_time_dots, /* //FixIn: 8.9.4.13 */
		@@ -256,15 +265,24 @@
256	265	text-shadow: none;
257	266	}
258	267
259	268	/* Show partially (time-slots) booked days with Background color as for available days ********************************/
260		-/** //FixIn: 8.2.1.27 Updated 2018-07-04 ****/
261	269	/* Color as in this section A V A I L A B L E - BACKGROUND */
262		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock {
263		- background-color: #f5f5f5;
	270	+:root{
	271	+ --wpbc_cal-available-day-color: #f5f5f5;
264	272	}
	273	+.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock .wpbc-cell-box {
	274	+ background-color: var(--wpbc_cal-available-day-color);
	275	+}
	276	+
265	277	/* Same as in this Section above --- A V A I L A B L E - Text A */
266		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.date_available a {
	278	+/* TIME SLOTs (partially booked) - TEXT */
	279	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
	280	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
	281	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) a,
	282	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) a,
	283	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) span,
	284	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) span{
267	285	color:#89a;
268	286	font-weight: 600;
269	287	text-shadow: 0 1px 0 #fff;
270	288	}
		@@ -287,14 +305,20 @@
287	305	/*******************************************************************************/
288	306	/* Fill diagonal check in/out items with AVAILABLE background color */
289	307	.wpbc-cell-box .wpbc-diagonal-el svg polygon{
290	308	fill: #f5f5f5;
291		-}
	309	+ display: block;
	310	+ }
292	311	/* Firstly we define background of the day cells background as available */
293		-.datepick-inline td.datepick-days-cell.check_in_time,
294		-.datepick-inline td.datepick-days-cell.check_out_time {
	312	+.datepick-inline td.datepick-days-cell.check_in_time .wpbc-cell-box,
	313	+.datepick-inline td.datepick-days-cell.check_out_time .wpbc-cell-box{
295	314	background-color: #F5F5F5;
296	315	}
	316	+/* Available Background for check in/out dates in calendar legend. */
	317	+div .block_hints .datepick-inline td.datepick-days-cell.check_out_time .wpbc-cell-box .wpbc-co-out svg polygon{
	318	+ fill: #F5F5F5;
	319	+}
	320	+
297	321	/* Pending */
298	322	.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date2approve .wpbc-cell-box .wpbc-co-in svg polygon, /* Check In */
299	323	.datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date2approve .wpbc-cell-box .wpbc-co-out svg polygon /* Check Out */
300	324	{
		@@ -306,8 +330,8 @@
306	330	{
307	331	fill: #C60B0B;
308	332	}
309	333	/* C e l l O V E R Dates */
310		-.datepick-inline td.datepick-days-cell.check_in_time.datepick-days-cell-over,
311		-.datepick-inline td.datepick-days-cell.check_out_time.datepick-days-cell-over {
	334	+.datepick-inline td.datepick-days-cell.check_in_time.datepick-days-cell-over .wpbc-cell-box,
	335	+.datepick-inline td.datepick-days-cell.check_out_time.datepick-days-cell-over .wpbc-cell-box{
312	336	background-color: #aaa;
313	337	}