PluginProbe
Booking Calendar / 11.3
Booking Calendar v11.3
11.7 11.6.1 11.6 11.5 11.4.3 11.4.2 11.4.1 11.4 11.3 11.2.1 11.2 11.1 11.0 10.15.7 10.15.6 10.1.3 10.10 10.10.1 10.10.2 10.11 10.11.2 10.11.3 10.11.4 10.12.0 10.12.1 All 199 releases
booking / css / wpbc_ui_both.css

wpbc_ui_both.css in Booking Calendar 11.3, at css/wpbc_ui_both.css

257 lines 7.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* == L O A D E R =================================================================================================== //FixIn: 10.0.0.25 */
2
3 /* == Blur calendar ================================================================================================= */
4 .wpbc_calendar_blur_small {
5 filter: blur(0.7px);
6 pointer-events: none;
7 user-select: none;
8 }
9 .wpbc_calendar_blur {
10 filter: blur(1.2px);
11 pointer-events: none;
12 user-select: none;
13 }
14 .wpbc_spins_loader_wrapper {
15 position: absolute;
16 top: 50%;
17 left: 50%;
18 width: 1px;
19 height: 1px;
20 z-index: 1000;
21 }
22 /* ================================================================================================================== */
23 /* == 3 Spins == */
24 /* ================================================================================================================== */
25 /* == Loader Standard == */
26 .wpbc_spins_loader {
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 */
39 }
40 .wpbc_spins_loader:before {
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 */
52 }
53 .wpbc_spins_loader:after {
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 */
65 }
66 /* == Loader mini == */
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 */
80 }
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 */
93 }
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 */
106 }
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
129 .wpbc_one_spin_loader_mini {
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 */
142 }
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 }
157 .wpbc_one_spin_loader_micro {
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 */
170 }
171
172 /* == Spin animation (clockwise and apposite) ======================================================================= */
173 @-webkit-keyframes wpbc_spin_r {
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 }
184 }
185 @keyframes wpbc_spin_r {
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 }
196 }
197
198 @-webkit-keyframes wpbc_spin_l {
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 }
209 }
210 @keyframes wpbc_spin_l {
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 }
221 }
222
223 /* Loading message //FixIn: 10.0.0.25 */
224 .wpbc_spins_loading_container {
225 text-align: center;
226 font-size: 14px;
227 display: flex;
228 flex-flow: row nowrap;
229 justify-content: center;
230 align-items: center;
231 height: 90px;
232 text-shadow: none;
233 }
234 .wpbc_spins_loading_container .wpbc_booking_form_spin_loader {
235 position: relative;
236 }
237 .wpbc_spins_loading_container span {
238 padding: 0;
239 margin: 0 0 0 35px;
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 }
257 }