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