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

		@@ -92,9 +92,9 @@
92	92	/******************************************************************************** FixIn: 9.5.0.2 */
93	93	/* New Stripes - Unavailable Cells - for Booking > Availability page ********/
94	94	/*******************************************************************************/
95	95	/* Stripes */
96		-.wpbc_ajx_availability_container .datepick-inline .datepick {
	96	+.wpbc_ajx_availability_container .datepick-inline .datepick .resource_unavailable:not(.datepick-unselectable,.datepick-current-day,.datepick-days-cell-over) .wpbc-cell-box {
97	97	/*background: repeating-linear-gradient( 135deg, #fff, #fff 4px, #eaeaeb 4px, #eaeaeb 8px );*/
98	98	background: repeating-linear-gradient( 135deg, #fff, #fff 4px, #f5f5ef 4px, #f5f5cf 8px );
99	99	}
100	100	/* Unselectable dates & headers - calendar empty cells */
		@@ -145,9 +145,9 @@
145	145	.block_hints .block_free,
146	146	.block_hints .block_time,
147	147	.block_hints .block_check_in_out div.check-in-div, /* Item for the LEGEND */
148	148	.block_hints .block_check_in_out div.check-out-div, /* Item for the LEGEND */
149		-.datepick-inline .date_available,
	149	+.datepick-inline .date_available .wpbc-cell-box,
150	150	.datepick-inline .timespartly.check_in_time div.check-in-div, /* Define the COLOR fot the check in / out times the same as available*/
151	151	.datepick-inline .timespartly.check_out_time div.check-out-div {
152	152	background: #4faf00;
153	153	}
		@@ -172,9 +172,13 @@
172	172
173	173	/* A P P R O V E D - BACKGROUND */
174	174	.block_hints .date_approved.block_check_in_out,
175	175	.block_hints .block_booked,
176		-.datepick-inline .date_approved,
	176	+.datepick-inline .date_approved .wpbc-cell-box,
	177	+/* Resolve Conflicts with tables in Elementor //FixIn: 10.9.2.2 *
	178	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n) > td.date_approved,
	179	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n+1) > td.date_approved,
	180	+*/
177	181	/* 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 */
178	182	td.timespartly.check_in_time.check_out_time.check_in_time_date2approve.check_out_time_date_approved div.check-in-div,
179	183	td.timespartly.check_in_time.check_out_time.check_out_time_date2approve.check_in_time_date_approved div.check-out-div {
180	184	background-color: #C60B0B;
		@@ -181,9 +185,9 @@
181	185	}
182	186	/* A P P R O V E D - T E X T /including partially booked - timeslots/ */
183	187	.block_hints .date_approved.block_check_in_out,
184	188	.block_hints .block_booked,
185		-.datepick-inline .date_approved,
	189	+.datepick-inline .date_approved .wpbc-cell-box,
186	190	.block_hints .block_booked a,
187	191	.datepick-inline .date_approved a{
188	192	color: #5F0000;
189	193	font-weight: 600;
		@@ -202,9 +206,13 @@
202	206
203	207	/* P E N D I N G - BACKGROUND */
204	208	.block_hints .date2approve.block_check_in_out,
205	209	.block_hints .block_pending,
206		-.datepick-inline .date2approve,
	210	+.datepick-inline .date2approve .wpbc-cell-box,
	211	+/* Resolve Conflicts with tables in Elementor //FixIn: 10.9.2.2 *
	212	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n) > td.date2approve,
	213	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n+1) > td.date2approve,
	214	+*/
207	215	/* 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 */
208	216	td.timespartly.check_in_time.check_out_time.check_in_time_date_approved.check_out_time_date2approve div.check-in-div,
209	217	td.timespartly.check_in_time.check_out_time.check_out_time_date_approved.check_in_time_date2approve div.check-out-div {
210	218	background-color: #DF9A00;
		@@ -211,9 +219,9 @@
211	219	}
212	220	/* P E N D I N G - T E X T /including partially booked - timeslots/ */
213	221	.block_hints .date2approve.block_check_in_out,
214	222	.block_hints .block_pending,
215		-.datepick-inline .date2approve,
	223	+.datepick-inline .date2approve .wpbc-cell-box,
216	224	.block_hints .block_pending a,
217	225	.datepick-inline .date2approve a {
218	226	color: #885500;
219	227	font-weight: 600;
		@@ -225,12 +233,12 @@
225	233	.datepick-inline .date_approved.timespartly {
226	234	background-color: #C0C60B;
227	235	}
228	236	/* TIME SLOTs (partially booked) - TEXT */
229		-.datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
230		-.datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
231		-.datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) a,
232		-.datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) a{
	237	+.NO_000.datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
	238	+.NO_000.datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
	239	+.NO_000.datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) a,
	240	+.NO_000.datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) a{
233	241	color: #93980c;
234	242	font-weight: 600;
235	243	text-shadow: 0 1px 0px #C3C808;
236	244	}
		@@ -246,14 +254,15 @@
246	254	}
247	255	/*******************************************************************************/
248	256
249	257	/* S E L E C T E D Dates - Background */
250		-.datepick-inline .datepick-one-month .datepick .datepick-current-day {
	258	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc-cell-box{
251	259	background-color: #555;
252	260	}
253	261	/* S E L E C T E D Dates - Text color */
254		-.datepick-inline .datepick-one-month .datepick .datepick-current-day .wpbc_time_dots, /* //FixIn: 8.9.4.13 */
255		-.datepick-inline .datepick-one-month .datepick .datepick-current-day a{
	262	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc_time_dots,
	263	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day a,
	264	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day a:hover {
256	265	color: #f0f0f0;
257	266	text-shadow: none;
258	267	}
259	268	/*******************************************************************************/
		@@ -258,10 +267,10 @@
258	267	}
259	268	/*******************************************************************************/
260	269
261	270	/* C e l l O V E R Dates - Background */
262		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over,
263		-.datepick-inline .datepick .datepick-days-cell-over{
	271	+.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over .wpbc-cell-box,
	272	+.datepick-inline .datepick .datepick-days-cell-over .wpbc-cell-box{
264	273	background:#aaa;
265	274	}
266	275	/* C e l l O V E R Dates - Text color */
267	276	.datepick-inline .datepick-one-month .datepick .datepick-days-cell-over .wpbc_time_dots, /* //FixIn: 8.9.4.13 */
		@@ -281,17 +290,24 @@
281	290	text-shadow: none;
282	291	}
283	292
284	293	/* Show partially (time-slots) booked days with Background color as for available days ********************************/
285		-/** //FixIn: 8.2.1.27 Updated 2018-07-04 ****/
286	294	/* Color as in this section A V A I L A B L E - BACKGROUND */
287		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock {
288		- background-color: #4faf00;
	295	+:root{
	296	+ --wpbc_cal-available-day-color: #4faf00;
289	297	}
	298	+.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock .wpbc-cell-box {
	299	+ background-color: var(--wpbc_cal-available-day-color);
	300	+}
	301	+
290	302	/* Same as in this Section above --- A V A I L A B L E - Text A */
291	303	/* TIME SLOTs (partially booked) - TEXT */
292		-.wpbc_timeslot_day_bg_as_available .datepick-inline .timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
293		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.date_available a {
	304	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
	305	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
	306	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) a,
	307	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) a,
	308	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) span,
	309	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) span{
294	310	color: #fff;
295	311	font-weight: 400;
296	312	text-shadow: 0 0px 0 #fff;
297	313	}
		@@ -317,14 +333,20 @@
317	333	/*******************************************************************************/
318	334	/* Fill diagonal check in/out items with AVAILABLE background color */
319	335	.wpbc-cell-box .wpbc-diagonal-el svg polygon{
320	336	fill: #4faf00;
321		-}
	337	+ display: block;
	338	+ }
322	339	/* Firstly we define background of the day cells background as available */
323		-.datepick-inline td.datepick-days-cell.check_in_time,
324		-.datepick-inline td.datepick-days-cell.check_out_time {
	340	+.datepick-inline td.datepick-days-cell.check_in_time .wpbc-cell-box,
	341	+.datepick-inline td.datepick-days-cell.check_out_time .wpbc-cell-box{
325	342	background-color: #4faf00;
326	343	}
	344	+/* Available Background for check in/out dates in calendar legend. */
	345	+div .block_hints .datepick-inline td.datepick-days-cell.check_out_time .wpbc-cell-box .wpbc-co-out svg polygon{
	346	+ fill: #4faf00;
	347	+}
	348	+
327	349	/* Pending */
328	350	.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date2approve .wpbc-cell-box .wpbc-co-in svg polygon, /* Check In */
329	351	.datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date2approve .wpbc-cell-box .wpbc-co-out svg polygon /* Check Out */
330	352	{
		@@ -336,8 +358,8 @@
336	358	{
337	359	fill: #C60B0B;
338	360	}
339	361	/* C e l l O V E R Dates */
340		-.datepick-inline td.datepick-days-cell.check_in_time.datepick-days-cell-over,
341		-.datepick-inline td.datepick-days-cell.check_out_time.datepick-days-cell-over {
	362	+.datepick-inline td.datepick-days-cell.check_in_time.datepick-days-cell-over .wpbc-cell-box,
	363	+.datepick-inline td.datepick-days-cell.check_out_time.datepick-days-cell-over .wpbc-cell-box{
342	364	background-color: #aaa;
343	365	}