booking / css / wpbc_ui_both.css

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

192 lines 6.2 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	/* == Spin animation (clockwise and apposite) == */
123	@-webkit-keyframes wpbc_spin_r {
124	0% {
125	-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
126	-ms-transform: rotate(0deg); /* IE 9 */
127	transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
128	}
129	100% {
130	-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
131	-ms-transform: rotate(360deg); /* IE 9 */
132	transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
133	}
134	}
135	@keyframes wpbc_spin_r {
136	0% {
137	-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
138	-ms-transform: rotate(0deg); /* IE 9 */
139	transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
140	}
141	100% {
142	-webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
143	-ms-transform: rotate(360deg); /* IE 9 */
144	transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
145	}
146	}
147
148	@-webkit-keyframes wpbc_spin_l {
149	100% {
150	-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
151	-ms-transform: rotate(0deg); /* IE 9 */
152	transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
153	}
154	0% {
155	-webkit-transform: rotate(-360deg); /* Chrome, Opera 15+, Safari 3.1+ */
156	-ms-transform: rotate(-360deg); /* IE 9 */
157	transform: rotate(-360deg); /* Firefox 16+, IE 10+, Opera */
158	}
159	}
160	@keyframes wpbc_spin_l {
161	0% {
162	-webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
163	-ms-transform: rotate(0deg); /* IE 9 */
164	transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
165	}
166	100% {
167	-webkit-transform: rotate(-360deg); /* Chrome, Opera 15+, Safari 3.1+ */
168	-ms-transform: rotate(-360deg); /* IE 9 */
169	transform: rotate(-360deg); /* Firefox 16+, IE 10+, Opera */
170	}
171	}
172
173
174	/* Loading message //FixIn: 10.0.0.25 */
175	.wpbc_spins_loading_container{
176	text-align: center;
177	font-size: 14px;
178	display: flex;
179	flex-flow: row nowrap;
180	justify-content: center;
181	align-items: center;
182	height: 90px;
183	text-shadow: none;
184	}
185	.wpbc_spins_loading_container .wpbc_booking_form_spin_loader{
186	position: relative;
187	}
188	.wpbc_spins_loading_container span {
189	padding: 0;
190	margin: 0 0 0 35px;
191	font-size: 15px;
192	}