← All changes | css/skins/black-2.css +45 -21 10.1.3 → 11.8.4 View file →

		@@ -73,9 +73,9 @@
73	73	/******************************************************************************** FixIn: 9.5.0.2 */
74	74	/* New Stripes - Unavailable Cells - for Booking > Availability page ********/
75	75	/*******************************************************************************/
76	76	/* Stripes */
77		-.wpbc_ajx_availability_container .datepick-inline .datepick {
	77	+.wpbc_ajx_availability_container .datepick-inline .datepick .resource_unavailable:not(.datepick-unselectable,.datepick-current-day,.datepick-days-cell-over) .wpbc-cell-box {
78	78	/*background: repeating-linear-gradient( 135deg, #717171, #717171 4px, #777 4px, #777 8px );*/
79	79	background: repeating-linear-gradient( 135deg, #444, #444 4px, #555 4px, #555 8px );
80	80	}
81	81	/* Unselectable dates & headers - calendar empty cells */
		@@ -126,9 +126,9 @@
126	126	.block_hints .block_free,
127	127	.block_hints .block_time,
128	128	.block_hints .block_check_in_out div.check-in-div, /* Item for the LEGEND */
129	129	.block_hints .block_check_in_out div.check-out-div, /* Item for the LEGEND */
130		-.datepick-inline .date_available,
	130	+.datepick-inline .date_available .wpbc-cell-box,
131	131	.datepick-inline .timespartly.check_in_time div.check-in-div, /* Define the COLOR fot the check in / out times the same as available*/
132	132	.datepick-inline .timespartly.check_out_time div.check-out-div {
133	133	background:#383838;
134	134	}
		@@ -152,9 +152,13 @@
152	152
153	153	/* A P P R O V E D - BACKGROUND */
154	154	.block_hints .date_approved.block_check_in_out,
155	155	.block_hints .block_booked,
156		-.datepick-inline .date_approved,
	156	+.datepick-inline .date_approved .wpbc-cell-box,
	157	+/* Resolve Conflicts with tables in Elementor //FixIn: 10.9.2.2 *
	158	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n) > td.date_approved,
	159	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n+1) > td.date_approved,
	160	+ */
157	161	/* 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 */
158	162	td.timespartly.check_in_time.check_out_time.check_in_time_date2approve.check_out_time_date_approved div.check-in-div,
159	163	td.timespartly.check_in_time.check_out_time.check_out_time_date2approve.check_in_time_date_approved div.check-out-div {
160	164	background-color:#c23b1b;
		@@ -161,12 +165,12 @@
161	165	}
162	166	/* A P P R O V E D - T E X T /including partially booked - timeslots/ */
163	167	.block_hints .date_approved.block_check_in_out,
164	168	.block_hints .block_booked,
165		-.datepick-inline .date_approved,
	169	+.datepick-inline .date_approved .wpbc-cell-box,
166	170	.block_hints .block_booked a,
167	171	.datepick-inline .date_approved a{
168		- color: #d3d3d3;
	172	+ color: #d3d3d3;
169	173	font-weight: 600;
170	174	text-shadow: 0 1px 0 #DD0000;
171	175	}
172	176	/* CHECK IN and CHECK OUT Borders for the approved cells - the COLOR have to be the SAME as BACKGROUND of this cell*/
		@@ -182,9 +186,13 @@
182	186
183	187	/* P E N D I N G - BACKGROUND */
184	188	.block_hints .date2approve.block_check_in_out,
185	189	.block_hints .block_pending,
186		-.datepick-inline .date2approve,
	190	+.datepick-inline .date2approve .wpbc-cell-box,
	191	+/* Resolve Conflicts with tables in Elementor //FixIn: 10.9.2.2 *
	192	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n) > td.date2approve,
	193	+.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n+1) > td.date2approve,
	194	+ */
187	195	/* 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 */
188	196	td.timespartly.check_in_time.check_out_time.check_in_time_date_approved.check_out_time_date2approve div.check-in-div,
189	197	td.timespartly.check_in_time.check_out_time.check_out_time_date_approved.check_in_time_date2approve div.check-out-div {
190	198	background-color: #DF9A00;
		@@ -191,9 +199,9 @@
191	199	}
192	200	/* P E N D I N G - T E X T /including partially booked - timeslots/ */
193	201	.block_hints .date2approve.block_check_in_out,
194	202	.block_hints .block_pending,
195		-.datepick-inline .date2approve,
	203	+.datepick-inline .date2approve .wpbc-cell-box,
196	204	.block_hints .block_pending a,
197	205	.datepick-inline .date2approve a {
198	206	color: #885500;
199	207	font-weight: 600;
		@@ -210,14 +218,15 @@
210	218	}
211	219	/*******************************************************************************/
212	220
213	221	/* S E L E C T E D Dates - Background */
214		-.datepick-inline .datepick-one-month .datepick .datepick-current-day {
	222	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc-cell-box{
215	223	background-color: #05738e;
216	224	}
217	225	/* S E L E C T E D Dates - Text color */
218		-.datepick-inline .datepick-one-month .datepick .datepick-current-day .wpbc_time_dots, /* //FixIn: 8.9.4.13 */
219		-.datepick-inline .datepick-one-month .datepick .datepick-current-day a{
	226	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc_time_dots,
	227	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day a,
	228	+.datepick-inline div.datepick-one-month .datepick td.datepick-current-day a:hover {
220	229	color: #EEEEEE;
221	230	text-shadow: 0 -1px 0 #000000;
222	231	}
223	232	/*******************************************************************************/
		@@ -222,10 +231,10 @@
222	231	}
223	232	/*******************************************************************************/
224	233
225	234	/* C e l l O V E R Dates - Background */
226		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over,
227		-.datepick-inline .datepick .datepick-days-cell-over{
	235	+.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over .wpbc-cell-box,
	236	+.datepick-inline .datepick .datepick-days-cell-over .wpbc-cell-box{
228	237	background:#aaa;
229	238	}
230	239	/* C e l l O V E R Dates - Text color */
231	240	.datepick-inline .datepick-one-month .datepick .datepick-days-cell-over .wpbc_time_dots, /* //FixIn: 8.9.4.13 */
		@@ -245,15 +254,24 @@
245	254	text-shadow: none;
246	255	}
247	256
248	257	/* Show partially (time-slots) booked days with Background color as for available days ********************************/
249		-/** //FixIn: 8.2.1.27 Updated 2018-07-04 ****/
250	258	/* Color as in this section A V A I L A B L E - BACKGROUND */
251		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock {
252		- background-color: #191919;
	259	+:root{
	260	+ --wpbc_cal-available-day-color: #191919;
253	261	}
	262	+.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock .wpbc-cell-box {
	263	+ background-color: var(--wpbc_cal-available-day-color);
	264	+}
	265	+
254	266	/* Same as in this Section above --- A V A I L A B L E - Text A */
255		-.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.date_available a {
	267	+/* TIME SLOTs (partially booked) - TEXT */
	268	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
	269	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
	270	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) a,
	271	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) a,
	272	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) span,
	273	+.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) span{
256	274	color: #fff;
257	275	font-weight: 600;
258	276	text-shadow: none;
259	277	}
		@@ -276,14 +294,20 @@
276	294	/*******************************************************************************/
277	295	/* Fill diagonal check in/out items with AVAILABLE background color */
278	296	.wpbc-cell-box .wpbc-diagonal-el svg polygon{
279	297	fill: #383838; /*FixIn: 9.6.3.1*/
280		-}
	298	+ display: block;
	299	+ }
281	300	/* Firstly we define background of the day cells background as available */
282		-.datepick-inline td.datepick-days-cell.check_in_time,
283		-.datepick-inline td.datepick-days-cell.check_out_time {
	301	+.datepick-inline td.datepick-days-cell.check_in_time .wpbc-cell-box,
	302	+.datepick-inline td.datepick-days-cell.check_out_time .wpbc-cell-box{
284	303	background-color: #191919;
285	304	}
	305	+/* Available Background for check in/out dates in calendar legend. */
	306	+div .block_hints .datepick-inline td.datepick-days-cell.check_out_time .wpbc-cell-box .wpbc-co-out svg polygon{
	307	+ fill: #191919;
	308	+}
	309	+
286	310	/* Pending */
287	311	.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date2approve .wpbc-cell-box .wpbc-co-in svg polygon, /* Check In */
288	312	.datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date2approve .wpbc-cell-box .wpbc-co-out svg polygon /* Check Out */
289	313	{
		@@ -295,8 +319,8 @@
295	319	{
296	320	fill: #c23b1b;
297	321	}
298	322	/* C e l l O V E R Dates */
299		-.datepick-inline td.datepick-days-cell.check_in_time.datepick-days-cell-over,
300		-.datepick-inline td.datepick-days-cell.check_out_time.datepick-days-cell-over {
	323	+.datepick-inline td.datepick-days-cell.check_in_time.datepick-days-cell-over .wpbc-cell-box,
	324	+.datepick-inline td.datepick-days-cell.check_out_time.datepick-days-cell-over .wpbc-cell-box{
301	325	background-color: #aaa;
302	326	}