← All changes | css/skins/light-01.css +47 -25 10.1.3 → 11.8.4 View file →

		@@ -80,9 +80,9 @@
80	80	/******************************************************************************** FixIn: 9.5.0.2 */
81	81	/* New Stripes - Unavailable Cells - for Booking > Availability page ********/
82	82	/*******************************************************************************/
83	83	/* Stripes */
84		-.wpbc_ajx_availability_container .datepick-inline .datepick {
	84	+.wpbc_ajx_availability_container .datepick-inline .datepick .resource_unavailable:not(.datepick-unselectable,.datepick-current-day,.datepick-days-cell-over) .wpbc-cell-box {
85	85	/*background: repeating-linear-gradient( 135deg, #fff, #fff 4px, #eaeaeb 4px, #eaeaeb 8px );*/
86	86	background: repeating-linear-gradient( 135deg, #fff, #fff 4px, #f5f5ef 4px, #f5f5cf 8px );
87	87	}
88	88	/* Unselectable dates & headers - calendar empty cells */
		@@ -133,9 +133,9 @@
133	133	.block_hints .block_free,
134	134	.block_hints .block_time,
135	135	.block_hints .block_check_in_out div.check-in-div, /* Item for the LEGEND */
136	136	.block_hints .block_check_in_out div.check-out-div, /* Item for the LEGEND */
137		-.datepick-inline .date_available,
	137	+.datepick-inline .date_available .wpbc-cell-box,
138	138	.datepick-inline .timespartly.check_in_time div.check-in-div, /* Define the COLOR fot the check in / out times the same as available*/
139	139	.datepick-inline .timespartly.check_out_time div.check-out-div {
140	140	background: none repeat scroll 0 0 #f5f5f5;
141	141	}
		@@ -160,9 +160,13 @@
160	160
161	161	/* A P P R O V E D - BACKGROUND */
162	162	.block_hints .date_approved.block_check_in_out,
163	163	.block_hints .block_booked,
164		-.datepick-inline .date_approved,
	164	+.datepick-inline .date_approved .wpbc-cell-box,
	165	+/* Resolve Conflicts with tables in Elementor //FixIn: 10.9.2.2 *
	166	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n) > td.date_approved,
	167	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n+1) > td.date_approved,
	168	+ */
165	169	/* 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 */
166	170	td.timespartly.check_in_time.check_out_time.check_in_time_date2approve.check_out_time_date_approved div.check-in-div,
167	171	td.timespartly.check_in_time.check_out_time.check_out_time_date2approve.check_in_time_date_approved div.check-out-div {
168	172	background-color: #C60B0B;
		@@ -169,9 +173,9 @@
169	173	}
170	174	/* A P P R O V E D - T E X T /including partially booked - timeslots/ */
171	175	.block_hints .date_approved.block_check_in_out,
172	176	.block_hints .block_booked,
173		-.datepick-inline .date_approved,
	177	+.datepick-inline .date_approved .wpbc-cell-box,
174	178	.block_hints .block_booked a,
175	179	.datepick-inline .date_approved a{
176	180	color: #5F0000;
177	181	font-weight: 600;
		@@ -190,9 +194,13 @@
190	194
191	195	/* P E N D I N G - BACKGROUND */
192	196	.block_hints .date2approve.block_check_in_out,
193	197	.block_hints .block_pending,
194		-.datepick-inline .date2approve,
	198	+.datepick-inline .date2approve .wpbc-cell-box,
	199	+/* Resolve Conflicts with tables in Elementor //FixIn: 10.9.2.2 *
	200	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n) > td.date2approve,
	201	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n+1) > td.date2approve,
	202	+ */
195	203	/* 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 */
196	204	td.timespartly.check_in_time.check_out_time.check_in_time_date_approved.check_out_time_date2approve div.check-in-div,
197	205	td.timespartly.check_in_time.check_out_time.check_out_time_date_approved.check_in_time_date2approve div.check-out-div {
198	206	background-color: #DF9A00;
		@@ -199,9 +207,9 @@
199	207	}
200	208	/* P E N D I N G - T E X T /including partially booked - timeslots/ */
201	209	.block_hints .date2approve.block_check_in_out,
202	210	.block_hints .block_pending,
203		-.datepick-inline .date2approve,
	211	+.datepick-inline .date2approve .wpbc-cell-box,
204	212	.block_hints .block_pending a,
205	213	.datepick-inline .date2approve a {
206	214	color: #885500;
207	215	font-weight: 600;
		@@ -214,12 +222,12 @@
214	222	background-color: #C0C60B;
215	223	color: #5d600d; /* FixIn: 9.7.3.10 */
216	224	}
217	225	/* TIME SLOTs (partially booked) - TEXT */
218		-.datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
219		-.datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
220		-.datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) a,
221		-.datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) a{
	226	+.NO_000.datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
	227	+.NO_000.datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
	228	+.NO_000.datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) a,
	229	+.NO_000.datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) a{
222	230	color: #93980c;
223	231	font-weight: 600;
224	232	text-shadow: 0 1px 0px #C3C808;
225	233	}
		@@ -235,14 +243,15 @@
235	243	}
236	244	/*******************************************************************************/
237	245
238	246	/* S E L E C T E D Dates - Background */
239		-.datepick-inline .datepick-one-month .datepick .datepick-current-day {
	247	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc-cell-box{
240	248	background-color: #555;
241	249	}
242	250	/* S E L E C T E D Dates - Text color */
243		-.datepick-inline .datepick-one-month .datepick .datepick-current-day .wpbc_time_dots, /* //FixIn: 8.9.4.13 */
244		-.datepick-inline .datepick-one-month .datepick .datepick-current-day a{
	251	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc_time_dots,
	252	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day a,
	253	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day a:hover {
245	254	color: #f0f0f0;
246	255	text-shadow: none;
247	256	}
248	257	/*******************************************************************************/
		@@ -247,10 +256,10 @@
247	256	}
248	257	/*******************************************************************************/
249	258
250	259	/* C e l l O V E R Dates - Background */
251		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over,
252		-.datepick-inline .datepick .datepick-days-cell-over{
	260	+.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over .wpbc-cell-box,
	261	+.datepick-inline .datepick .datepick-days-cell-over .wpbc-cell-box{
253	262	background:#aaa;
254	263	}
255	264	/* C e l l O V E R Dates - Text color */
256	265	.datepick-inline .datepick-one-month .datepick .datepick-days-cell-over .wpbc_time_dots, /* //FixIn: 8.9.4.13 */
		@@ -270,17 +279,24 @@
270	279	text-shadow: none;
271	280	}
272	281
273	282	/* Show partially (time-slots) booked days with Background color as for available days ********************************/
274		-/** //FixIn: 8.2.1.27 Updated 2018-07-04 ****/
275	283	/* Color as in this section A V A I L A B L E - BACKGROUND */
276		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock {
277		- background-color: #f5f5f5;
	284	+:root{
	285	+ --wpbc_cal-available-day-color: #f5f5f5;
278	286	}
	287	+.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock .wpbc-cell-box {
	288	+ background-color: var(--wpbc_cal-available-day-color);
	289	+}
	290	+
279	291	/* Same as in this Section above --- A V A I L A B L E - Text A */
280	292	/* TIME SLOTs (partially booked) - TEXT */
281		-.wpbc_timeslot_day_bg_as_available .datepick-inline .timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
282		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.date_available a {
	293	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
	294	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
	295	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) a,
	296	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) a,
	297	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) span,
	298	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) span{
283	299	color:#89a;
284	300	font-weight: 600;
285	301	text-shadow: 0 1px 0 #fff;
286	302	}
		@@ -303,14 +319,20 @@
303	319	/*******************************************************************************/
304	320	/* Fill diagonal check in/out items with AVAILABLE background color */
305	321	.wpbc-cell-box .wpbc-diagonal-el svg polygon{
306	322	fill: #f5f5f5;
307		-}
	323	+ display: block;
	324	+ }
308	325	/* Firstly we define background of the day cells background as available */
309		-.datepick-inline td.datepick-days-cell.check_in_time,
310		-.datepick-inline td.datepick-days-cell.check_out_time {
	326	+.datepick-inline td.datepick-days-cell.check_in_time .wpbc-cell-box,
	327	+.datepick-inline td.datepick-days-cell.check_out_time .wpbc-cell-box{
311	328	background-color: #F5F5F5;
312	329	}
	330	+/* Available Background for check in/out dates in calendar legend. */
	331	+div .block_hints .datepick-inline td.datepick-days-cell.check_out_time .wpbc-cell-box .wpbc-co-out svg polygon{
	332	+ fill: #f5f5f5;
	333	+}
	334	+
313	335	/* Pending */
314	336	.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date2approve .wpbc-cell-box .wpbc-co-in svg polygon, /* Check In */
315	337	.datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date2approve .wpbc-cell-box .wpbc-co-out svg polygon /* Check Out */
316	338	{
		@@ -322,8 +344,8 @@
322	344	{
323	345	fill: #C60B0B;
324	346	}
325	347	/* C e l l O V E R Dates */
326		-.datepick-inline td.datepick-days-cell.check_in_time.datepick-days-cell-over,
327		-.datepick-inline td.datepick-days-cell.check_out_time.datepick-days-cell-over {
	348	+.datepick-inline td.datepick-days-cell.check_in_time.datepick-days-cell-over .wpbc-cell-box,
	349	+.datepick-inline td.datepick-days-cell.check_out_time.datepick-days-cell-over .wpbc-cell-box{
328	350	background-color: #aaa;
329	351	}