← All changes | css/wpbc_ui_both.css +206 -156 10.10 → 11.8.2 View file →

		@@ -1,194 +1,228 @@
1		-
2	1	/* == L O A D E R =================================================================================================== //FixIn: 10.0.0.25 */
3	2
4		-/* == Blur calendar == */
5		-.wpbc_calendar_blur_small{
6		- filter: blur(0.7px);
7		- pointer-events: none;
8		- user-select: none;
	3	+/* == Blur calendar ================================================================================================= */
	4	+.wpbc_calendar_blur_small {
	5	+ filter: blur(0.7px);
	6	+ pointer-events: none;
	7	+ user-select: none;
9	8	}
10		-.wpbc_calendar_blur{
11		- filter: blur(1.2px);
12		- pointer-events: none;
13		- user-select: none;
	9	+.wpbc_calendar_blur {
	10	+ filter: blur(1.2px);
	11	+ pointer-events: none;
	12	+ user-select: none;
14	13	}
15	14	.wpbc_spins_loader_wrapper {
16		- position: absolute;
17		- top: 50%;
18		- left: 50%;
19		- width: 1px;
20		- height: 1px;
21		- z-index: 1000;
	15	+ position: absolute;
	16	+ top: 50%;
	17	+ left: 50%;
	18	+ width: 1px;
	19	+ height: 1px;
	20	+ z-index: 1000;
22	21	}
23		-
	22	+/* ================================================================================================================== */
	23	+/* == 3 Spins == */
	24	+/* ================================================================================================================== */
24	25	/* == Loader Standard == */
25	26	.wpbc_spins_loader {
26		- display: block;
27		- position: relative;
28		- left: 50%;
29		- top: 50%;
30		- width: 70px;
31		- height: 70px;
32		- margin: -35px 0 0 -35px;
33		- border-radius: 50%;
34		- border: 2px solid transparent;
35		- border-top-color: #2d6281;
36		- -webkit-animation: wpbc_spin_r 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
37		- animation: wpbc_spin_r 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	27	+ display: block;
	28	+ position: relative;
	29	+ left: 50%;
	30	+ top: 50%;
	31	+ width: 70px;
	32	+ height: 70px;
	33	+ margin: -35px 0 0 -35px;
	34	+ border-radius: 50%;
	35	+ border: 2px solid transparent;
	36	+ border-top-color: #2d6281;
	37	+ -webkit-animation: wpbc_spin_r 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	38	+ animation: wpbc_spin_r 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
38	39	}
39	40	.wpbc_spins_loader:before {
40		- content: "";
41		- position: absolute;
42		- top: 5px;
43		- left: 5px;
44		- right: 5px;
45		- bottom: 5px;
46		- border-radius: 50%;
47		- border: 2px solid transparent;
48		- border-top-color: #73983c;
49		- -webkit-animation: wpbc_spin_r 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
50		- animation: wpbc_spin_r 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	41	+ content: "";
	42	+ position: absolute;
	43	+ top: 5px;
	44	+ left: 5px;
	45	+ right: 5px;
	46	+ bottom: 5px;
	47	+ border-radius: 50%;
	48	+ border: 2px solid transparent;
	49	+ border-top-color: #73983c;
	50	+ -webkit-animation: wpbc_spin_r 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	51	+ animation: wpbc_spin_r 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
51	52	}
52	53	.wpbc_spins_loader:after {
53		- content: "";
54		- position: absolute;
55		- top: 15px;
56		- left: 15px;
57		- right: 15px;
58		- bottom: 15px;
59		- border-radius: 50%;
60		- border: 2px solid transparent;
61		- border-top-color: #af2e2e;
62		- -webkit-animation: wpbc_spin_r 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
63		- animation: wpbc_spin_r 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	54	+ content: "";
	55	+ position: absolute;
	56	+ top: 15px;
	57	+ left: 15px;
	58	+ right: 15px;
	59	+ bottom: 15px;
	60	+ border-radius: 50%;
	61	+ border: 2px solid transparent;
	62	+ border-top-color: #af2e2e;
	63	+ -webkit-animation: wpbc_spin_r 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	64	+ animation: wpbc_spin_r 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
64	65	}
65		-
66	66	/* == Loader mini == */
67	67	.wpbc_spins_loader_mini {
68		- display: block;
69		- position: relative;
70		- left: 50%;
71		- top: 50%;
72		- width: 30px;
73		- height: 30px;
74		- margin: -15px 0 0 -15px;
75		- border-radius: 50%;
76		- border: 2px solid transparent;
77		- border-top-color: #2d6281;
78		- -webkit-animation: wpbc_spin_r 1.1s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
79		- animation: wpbc_spin_r 1.1s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	68	+ display: block;
	69	+ position: relative;
	70	+ left: 50%;
	71	+ top: 50%;
	72	+ width: 30px;
	73	+ height: 30px;
	74	+ margin: -15px 0 0 -15px;
	75	+ border-radius: 50%;
	76	+ border: 2px solid transparent;
	77	+ border-top-color: #2d6281;
	78	+ -webkit-animation: wpbc_spin_r 1.1s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	79	+ animation: wpbc_spin_r 1.1s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
80	80	}
81	81	.wpbc_spins_loader_mini:before {
82		- content: "";
83		- position: absolute;
84		- top: 2px;
85		- left: 2px;
86		- right: 2px;
87		- bottom: 2px;
88		- border-radius: 50%;
89		- border: 2px solid transparent;
90		- border-top-color: #73983c;
91		- -webkit-animation: wpbc_spin_r 1.75s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
92		- animation: wpbc_spin_r 1.75s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	82	+ content: "";
	83	+ position: absolute;
	84	+ top: 2px;
	85	+ left: 2px;
	86	+ right: 2px;
	87	+ bottom: 2px;
	88	+ border-radius: 50%;
	89	+ border: 2px solid transparent;
	90	+ border-top-color: #73983c;
	91	+ -webkit-animation: wpbc_spin_r 1.75s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	92	+ animation: wpbc_spin_r 1.75s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
93	93	}
94	94	.wpbc_spins_loader_mini:after {
95		- content: "";
96		- position: absolute;
97		- top: 6px;
98		- left: 6px;
99		- right: 6px;
100		- bottom: 6px;
101		- border-radius: 50%;
102		- border: 2px solid transparent;
103		- border-top-color: #af2e2e;
104		- -webkit-animation: wpbc_spin_r 1.85s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
105		- animation: wpbc_spin_r 1.85s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	95	+ content: "";
	96	+ position: absolute;
	97	+ top: 6px;
	98	+ left: 6px;
	99	+ right: 6px;
	100	+ bottom: 6px;
	101	+ border-radius: 50%;
	102	+ border: 2px solid transparent;
	103	+ border-top-color: #af2e2e;
	104	+ -webkit-animation: wpbc_spin_r 1.85s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	105	+ animation: wpbc_spin_r 1.85s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
106	106	}
107	107
	108	+/* ================================================================================================================== */
	109	+/* == 1 Spin == */
	110	+/* ================================================================================================================== */
	111	+
	112	+/* == One Loader Spin Standard New | 2026-03-29 == */
	113	+.wpbc_spin_loader_one_new {
	114	+ border: 2px solid #345a95;
	115	+ border-top-color: transparent !important;
	116	+
	117	+ display: block;
	118	+ position: relative;
	119	+ left: 50%;
	120	+ top: 50%;
	121	+ width: 30px;
	122	+ height: 30px;
	123	+ margin: -15px 0 0 -15px;
	124	+ border-radius: 50%;
	125	+ -webkit-animation: wpbc_spin_r 1.1s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	126	+ animation: wpbc_spin_r 1.1s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	127	+}
	128	+
108	129	.wpbc_one_spin_loader_mini {
109		- display: block;
110		- position: relative;
111		- left: 50%;
112		- top: 50%;
113		- width: 30px;
114		- height: 30px;
115		- margin: -15px 0 0 -15px;
116		- border-radius: 50%;
117		- border: 2px solid #2d6281;
118		- border-top-color: transparent !important;
119		- -webkit-animation: wpbc_spin_r 1.1s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
120		- animation: wpbc_spin_r 1.1s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	130	+ display: block;
	131	+ position: relative;
	132	+ left: 50%;
	133	+ top: 50%;
	134	+ width: 30px;
	135	+ height: 30px;
	136	+ margin: -15px 0 0 -15px;
	137	+ border-radius: 50%;
	138	+ border: 2px solid #2d6281;
	139	+ border-top-color: transparent !important;
	140	+ -webkit-animation: wpbc_spin_r 1.1s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	141	+ animation: wpbc_spin_r 1.1s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
121	142	}
122		-
	143	+.wpbc_one_spin_loader_mini2 {
	144	+ display: block;
	145	+ position: relative;
	146	+ left: 50%;
	147	+ top: 50%;
	148	+ width: 20px;
	149	+ height: 20px;
	150	+ margin: -10px 0 0 -5px;
	151	+ border-radius: 50%;
	152	+ border: 2px solid #345a95;
	153	+ border-top-color: transparent !important;
	154	+ -webkit-animation: wpbc_spin_r 0.9s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	155	+ animation: wpbc_spin_r 0.9s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	156	+}
123	157	.wpbc_one_spin_loader_micro {
124		- display: block;
125		- position: relative;
126		- left: 50%;
127		- top: 50%;
128		- width: 12px;
129		- height: 12px;
130		- margin: -6px 0 0 -6px;
131		- border-radius: 50%;
132		- border: 2px solid #2d6281;
133		- border-top-color: transparent !important;
134		- -webkit-animation: wpbc_spin_r 0.8s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
135		- animation: wpbc_spin_r 0.8s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	158	+ display: block;
	159	+ position: relative;
	160	+ left: 50%;
	161	+ top: 50%;
	162	+ width: 12px;
	163	+ height: 12px;
	164	+ margin: -6px 0 0 -6px;
	165	+ border-radius: 50%;
	166	+ border: 2px solid #2d6281;
	167	+ border-top-color: transparent !important;
	168	+ -webkit-animation: wpbc_spin_r 0.8s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	169	+ animation: wpbc_spin_r 0.8s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
136	170	}
137		-/* == Spin animation (clockwise and apposite) == */
	171	+
	172	+/* == Spin animation (clockwise and apposite) ======================================================================= */
138	173	@-webkit-keyframes wpbc_spin_r {
139		- 0% {
140		- -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
141		- -ms-transform: rotate(0deg); /* IE 9 */
142		- transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
143		- }
144		- 100% {
145		- -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
146		- -ms-transform: rotate(360deg); /* IE 9 */
147		- transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
148		- }
	174	+ 0% {
	175	+ -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
	176	+ -ms-transform: rotate(0deg); /* IE 9 */
	177	+ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
	178	+ }
	179	+ 100% {
	180	+ -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
	181	+ -ms-transform: rotate(360deg); /* IE 9 */
	182	+ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
	183	+ }
149	184	}
150	185	@keyframes wpbc_spin_r {
151		- 0% {
152		- -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
153		- -ms-transform: rotate(0deg); /* IE 9 */
154		- transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
155		- }
156		- 100% {
157		- -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
158		- -ms-transform: rotate(360deg); /* IE 9 */
159		- transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
160		- }
	186	+ 0% {
	187	+ -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
	188	+ -ms-transform: rotate(0deg); /* IE 9 */
	189	+ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
	190	+ }
	191	+ 100% {
	192	+ -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
	193	+ -ms-transform: rotate(360deg); /* IE 9 */
	194	+ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
	195	+ }
161	196	}
162	197
163	198	@-webkit-keyframes wpbc_spin_l {
164		- 100% {
165		- -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
166		- -ms-transform: rotate(0deg); /* IE 9 */
167		- transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
168		- }
169		- 0% {
170		- -webkit-transform: rotate(-360deg); /* Chrome, Opera 15+, Safari 3.1+ */
171		- -ms-transform: rotate(-360deg); /* IE 9 */
172		- transform: rotate(-360deg); /* Firefox 16+, IE 10+, Opera */
173		- }
	199	+ 100% {
	200	+ -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
	201	+ -ms-transform: rotate(0deg); /* IE 9 */
	202	+ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
	203	+ }
	204	+ 0% {
	205	+ -webkit-transform: rotate(-360deg); /* Chrome, Opera 15+, Safari 3.1+ */
	206	+ -ms-transform: rotate(-360deg); /* IE 9 */
	207	+ transform: rotate(-360deg); /* Firefox 16+, IE 10+, Opera */
	208	+ }
174	209	}
175	210	@keyframes wpbc_spin_l {
176		- 0% {
177		- -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
178		- -ms-transform: rotate(0deg); /* IE 9 */
179		- transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
180		- }
181		- 100% {
182		- -webkit-transform: rotate(-360deg); /* Chrome, Opera 15+, Safari 3.1+ */
183		- -ms-transform: rotate(-360deg); /* IE 9 */
184		- transform: rotate(-360deg); /* Firefox 16+, IE 10+, Opera */
185		- }
	211	+ 0% {
	212	+ -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
	213	+ -ms-transform: rotate(0deg); /* IE 9 */
	214	+ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
	215	+ }
	216	+ 100% {
	217	+ -webkit-transform: rotate(-360deg); /* Chrome, Opera 15+, Safari 3.1+ */
	218	+ -ms-transform: rotate(-360deg); /* IE 9 */
	219	+ transform: rotate(-360deg); /* Firefox 16+, IE 10+, Opera */
	220	+ }
186	221	}
187	222
188		-
189	223	/* Loading message //FixIn: 10.0.0.25 */
190		-.wpbc_spins_loading_container{
	224	+.wpbc_spins_loading_container {
191	225	text-align: center;
192	226	font-size: 14px;
193	227	display: flex;
194	228	flex-flow: row nowrap;
		@@ -196,12 +230,28 @@
196	230	align-items: center;
197	231	height: 90px;
198	232	text-shadow: none;
199	233	}
200		-.wpbc_spins_loading_container .wpbc_booking_form_spin_loader{
	234	+.wpbc_spins_loading_container .wpbc_booking_form_spin_loader {
201	235	position: relative;
202	236	}
203	237	.wpbc_spins_loading_container span {
204	238	padding: 0;
205	239	margin: 0 0 0 35px;
206		- font-size: 15px;
	240	+ font-size: 15px;
	241	+}
	242	+
	243	+/* HTML: <div class="wpbc_spins_loader_other"></div> */
	244	+.wpbc_spins_loader_other {
	245	+ width: 50px;
	246	+ aspect-ratio: 1;
	247	+ border-radius: 50%;
	248	+ background: radial-gradient(farthest-side, #8ECE01 94%, #0000) top/2px 2px no-repeat,
	249	+ conic-gradient(#0000 30%, #8ECE01);
	250	+ -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 2px), #000 0);
	251	+ animation: wpbc_spins_loader_other_anim 0.75s infinite linear;
	252	+}
	253	+@keyframes wpbc_spins_loader_other_anim {
	254	+ 100% {
	255	+ transform: rotate(1turn)
	256	+ }
207	257	}