booking / css / wpbc_ui_both.css

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

207 lines 6.7 KB

Raw Download Zip

1
2	/* == L O A D E R =================================================================================================== //FixIn: 10.0.0.25 */
3
4	/* == Blur calendar == */
5	.wpbc_calendar_blur_small{
6	filter: blur(0.7px);
7	pointer-events: none;
8	user-select: none;
9	}
10	.wpbc_calendar_blur{
11	filter: blur(1.2px);
12	pointer-events: none;
13	user-select: none;
14	}
15	.wpbc_spins_loader_wrapper {
16	position: absolute;
17	top: 50%;
18	left: 50%;
19	width: 1px;
20	height: 1px;
21	z-index: 1000;
22	}
23
24	/* == Loader Standard == */
25	.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 */
38	}
39	.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 */
51	}
52	.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 */
64	}
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	.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 */
121	}
122
123	.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 */
136	}
137	/* == Spin animation (clockwise and apposite) == */
138	@-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	}
149	}
150	@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	}
161	}
162
163	@-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	}
174	}
175	@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	}
186	}
187
188
189	/* Loading message //FixIn: 10.0.0.25 */
190	.wpbc_spins_loading_container{
191	text-align: center;
192	font-size: 14px;
193	display: flex;
194	flex-flow: row nowrap;
195	justify-content: center;
196	align-items: center;
197	height: 90px;
198	text-shadow: none;
199	}
200	.wpbc_spins_loading_container .wpbc_booking_form_spin_loader{
201	position: relative;
202	}
203	.wpbc_spins_loading_container span {
204	padding: 0;
205	margin: 0 0 0 35px;
206	font-size: 15px;
207	}