← All changes | css/skins/traditional.css +42 -20 10.1.3 → 11.8.4 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 */
		@@ -118,9 +118,9 @@
118	118	.block_hints .block_free,
119	119	.block_hints .block_time,
120	120	.block_hints .block_check_in_out div.check-in-div, /* Item for the LEGEND */
121	121	.block_hints .block_check_in_out div.check-out-div, /* Item for the LEGEND */
122		-.datepick-inline .date_available,
	122	+.datepick-inline .date_available .wpbc-cell-box,
123	123	.datepick-inline .timespartly.check_in_time div.check-in-div, /* Define the COLOR fot the check in / out times the same as available*/
124	124	.datepick-inline .timespartly.check_out_time div.check-out-div {
125	125	background: none repeat scroll 0 0 #f5f5f5;
126	126	}
		@@ -145,9 +145,13 @@
145	145
146	146	/* A P P R O V E D - BACKGROUND */
147	147	.block_hints .date_approved.block_check_in_out,
148	148	.block_hints .block_booked,
149		-.datepick-inline .date_approved,
	149	+.datepick-inline .date_approved .wpbc-cell-box,
	150	+/* Resolve Conflicts with tables in Elementor //FixIn: 10.9.2.2 *
	151	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n) > td.date_approved,
	152	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n+1) > td.date_approved,
	153	+ */
150	154	/* 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 */
151	155	td.timespartly.check_in_time.check_out_time.check_in_time_date2approve.check_out_time_date_approved div.check-in-div,
152	156	td.timespartly.check_in_time.check_out_time.check_out_time_date2approve.check_in_time_date_approved div.check-out-div {
153	157	background-color: #C60B0B;
		@@ -154,9 +158,9 @@
154	158	}
155	159	/* A P P R O V E D - T E X T /including partially booked - timeslots/ */
156	160	.block_hints .date_approved.block_check_in_out,
157	161	.block_hints .block_booked,
158		-.datepick-inline .date_approved,
	162	+.datepick-inline .date_approved .wpbc-cell-box,
159	163	.block_hints .block_booked a,
160	164	.datepick-inline .date_approved a{
161	165	color: #5F0000;
162	166	font-weight: 600;
		@@ -175,9 +179,13 @@
175	179
176	180	/* P E N D I N G - BACKGROUND */
177	181	.block_hints .date2approve.block_check_in_out,
178	182	.block_hints .block_pending,
179		-.datepick-inline .date2approve,
	183	+.datepick-inline .date2approve .wpbc-cell-box,
	184	+/* Resolve Conflicts with tables in Elementor //FixIn: 10.9.2.2 *
	185	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n) > td.date2approve,
	186	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n+1) > td.date2approve,
	187	+ */
180	188	/* 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 */
181	189	td.timespartly.check_in_time.check_out_time.check_in_time_date_approved.check_out_time_date2approve div.check-in-div,
182	190	td.timespartly.check_in_time.check_out_time.check_out_time_date_approved.check_in_time_date2approve div.check-out-div {
183	191	background-color: #DF9A00;
		@@ -184,9 +192,9 @@
184	192	}
185	193	/* P E N D I N G - T E X T /including partially booked - timeslots/ */
186	194	.block_hints .date2approve.block_check_in_out,
187	195	.block_hints .block_pending,
188		-.datepick-inline .date2approve,
	196	+.datepick-inline .date2approve .wpbc-cell-box,
189	197	.block_hints .block_pending a,
190	198	.datepick-inline .date2approve a {
191	199	color: #885500;
192	200	font-weight: 600;
		@@ -203,14 +211,15 @@
203	211	}
204	212	/*******************************************************************************/
205	213
206	214	/* S E L E C T E D Dates - Background */
207		-.datepick-inline .datepick-one-month .datepick .datepick-current-day {
	215	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc-cell-box{
208	216	background-color: #555;
209	217	}
210	218	/* S E L E C T E D Dates - Text color */
211		-.datepick-inline .datepick-one-month .datepick .datepick-current-day .wpbc_time_dots, /* //FixIn: 8.9.4.13 */
212		-.datepick-inline .datepick-one-month .datepick .datepick-current-day a{
	219	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc_time_dots, /* //FixIn: 8.9.4.13 */
	220	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day a,
	221	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day a:hover {
213	222	color: #f0f0f0;
214	223	text-shadow: none;
215	224	}
216	225	/*******************************************************************************/
		@@ -215,10 +224,10 @@
215	224	}
216	225	/*******************************************************************************/
217	226
218	227	/* C e l l O V E R Dates - Background */
219		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over,
220		-.datepick-inline .datepick .datepick-days-cell-over{
	228	+.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over .wpbc-cell-box,
	229	+.datepick-inline .datepick .datepick-days-cell-over .wpbc-cell-box{
221	230	background:#aaa;
222	231	}
223	232	/* C e l l O V E R Dates - Text color */
224	233	.datepick-inline .datepick-one-month .datepick .datepick-days-cell-over .wpbc_time_dots, /* //FixIn: 8.9.4.13 */
		@@ -236,17 +245,24 @@
236	245	td.timespartly.check_in_time.check_out_time.check_out_time_date2approve.check_in_time_date_approved span {
237	246	font-weight: 600;
238	247	text-shadow: none;
239	248	}
240		-
241	249	/* Show partially (time-slots) booked days with Background color as for available days ********************************/
242		-/** //FixIn: 8.2.1.27 Updated 2018-07-04 ****/
243	250	/* Color as in this section A V A I L A B L E - BACKGROUND */
244		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock {
245		- background-color: #f5f5f5;
	251	+:root{
	252	+ --wpbc_cal-available-day-color: #f5f5f5;
246	253	}
	254	+.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock .wpbc-cell-box {
	255	+ background-color: var(--wpbc_cal-available-day-color);
	256	+}
247	257	/* Same as in this Section above --- A V A I L A B L E - Text A */
248		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.date_available a {
	258	+/* TIME SLOTs (partially booked) - TEXT */
	259	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
	260	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
	261	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) a,
	262	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) a,
	263	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) span,
	264	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) span{
249	265	color:#89a;
250	266	font-weight: 600;
251	267	text-shadow: 0 1px 0 #fff;
252	268	}
		@@ -269,14 +285,20 @@
269	285	/*******************************************************************************/
270	286	/* Fill diagonal check in/out items with AVAILABLE background color */
271	287	.wpbc-cell-box .wpbc-diagonal-el svg polygon{
272	288	fill: #f5f5f5;
	289	+ display: block;
273	290	}
274	291	/* Firstly we define background of the day cells background as available */
275		-.datepick-inline td.datepick-days-cell.check_in_time,
276		-.datepick-inline td.datepick-days-cell.check_out_time {
	292	+.datepick-inline td.datepick-days-cell.check_in_time .wpbc-cell-box,
	293	+.datepick-inline td.datepick-days-cell.check_out_time .wpbc-cell-box{
277	294	background-color: #F5F5F5;
278	295	}
	296	+/* Available Background for check in/out dates in calendar legend. */
	297	+div .block_hints .datepick-inline td.datepick-days-cell.check_out_time .wpbc-cell-box .wpbc-co-out svg polygon{
	298	+ fill: #F5F5F5;
	299	+}
	300	+
279	301	/* Pending */
280	302	.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date2approve .wpbc-cell-box .wpbc-co-in svg polygon, /* Check In */
281	303	.datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date2approve .wpbc-cell-box .wpbc-co-out svg polygon /* Check Out */
282	304	{
		@@ -288,8 +310,8 @@
288	310	{
289	311	fill: #C60B0B;
290	312	}
291	313	/* C e l l O V E R Dates */
292		-.datepick-inline td.datepick-days-cell.check_in_time.datepick-days-cell-over,
293		-.datepick-inline td.datepick-days-cell.check_out_time.datepick-days-cell-over {
	314	+.datepick-inline td.datepick-days-cell.check_in_time.datepick-days-cell-over .wpbc-cell-box,
	315	+.datepick-inline td.datepick-days-cell.check_out_time.datepick-days-cell-over .wpbc-cell-box{
294	316	background-color: #aaa;
295	317	}