PluginProbe
Booking Calendar / 10.10
Booking Calendar v10.10
11.8.3 11.8.2 11.8.1 11.8 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 All 203 releases
booking / includes / _tour / _src / wpbc-tour.css

wpbc-tour.css in Booking Calendar 10.10, at includes/_tour/_src/wpbc-tour.css

550 lines 17.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 :root {
2 --wpbc-tour-header-color: #4f5254;
3 --wpbc-tour-close-link-color-hover: #fff;
4 }
5 .shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content:before,
6 .shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content:before,
7 .shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content:before,
8 .shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content:before {
9 display: none;
10 }
11
12 .shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
13 box-sizing: border-box;
14 }
15
16 .shepherd-element {
17 position: absolute;
18 display: none;
19 }
20
21 .shepherd-element.shepherd-open {
22 display: block;
23 }
24
25 .shepherd-element.wpbc_tour_theme202408 {
26 max-width: 100%;
27 max-height: 100%;
28 }
29
30 .shepherd-element.wpbc_tour_theme202408 .shepherd-content {
31 border-radius: 5px;
32 position: relative;
33 font-family: inherit;
34 background: #fff;
35 color: #444;
36 padding: 1em;
37 font-size: 1.1em;
38 line-height: 1.5em;
39 -webkit-transform: translateZ(0);
40 transform: translateZ(0);
41 -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
42 filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
43 }
44
45 .shepherd-element.wpbc_tour_theme202408 .shepherd-content:before {
46 content: "";
47 display: block;
48 position: absolute;
49 width: 0;
50 height: 0;
51 border-color: transparent;
52 border-width: 16px;
53 border-style: solid;
54 pointer-events: none;
55 }
56
57 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
58 margin-bottom: 16px;
59 }
60
61 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
62 top: 100%;
63 left: 50%;
64 margin-left: -16px;
65 border-top-color: var(--wpbc-tour-header-color);
66 }
67
68 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
69 margin-top: 16px;
70 }
71
72 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
73 bottom: 100%;
74 left: 50%;
75 margin-left: -16px;
76 border-bottom-color: var(--wpbc-tour-header-color);
77 }
78
79 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
80 margin-right: 16px;
81 }
82
83 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
84 left: 100%;
85 top: 50%;
86 margin-top: -16px;
87 border-left-color: var(--wpbc-tour-header-color);
88 }
89
90 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
91 margin-left: 16px;
92 }
93
94 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
95 right: 100%;
96 top: 50%;
97 margin-top: -16px;
98 border-right-color: var(--wpbc-tour-header-color);
99 }
100
101 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-left.shepherd-target-attached-center .shepherd-content {
102 left: -32px;
103 }
104
105 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-right.shepherd-target-attached-center .shepherd-content {
106 left: 32px;
107 }
108
109 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
110 margin-top: 16px;
111 }
112
113 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
114 bottom: 100%;
115 left: 16px;
116 border-bottom-color: var(--wpbc-tour-header-color);
117 }
118
119 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
120 margin-top: 16px;
121 }
122
123 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
124 bottom: 100%;
125 right: 16px;
126 border-bottom-color: var(--wpbc-tour-header-color);
127 }
128
129 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
130 margin-bottom: 16px;
131 }
132
133 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
134 top: 100%;
135 left: 16px;
136 border-top-color: var(--wpbc-tour-header-color);
137 }
138
139 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
140 margin-bottom: 16px;
141 }
142
143 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
144 top: 100%;
145 right: 16px;
146 border-top-color: var(--wpbc-tour-header-color);
147 }
148
149 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
150 margin-top: 16px;
151 }
152
153 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
154 bottom: 100%;
155 left: 16px;
156 border-bottom-color: var(--wpbc-tour-header-color);
157 }
158
159 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
160 margin-top: 16px;
161 }
162
163 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
164 bottom: 100%;
165 right: 16px;
166 border-bottom-color: var(--wpbc-tour-header-color);
167 }
168
169 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
170 margin-bottom: 16px;
171 }
172
173 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
174 top: 100%;
175 left: 16px;
176 border-top-color: var(--wpbc-tour-header-color);
177 }
178
179 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
180 margin-bottom: 16px;
181 }
182
183 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
184 top: 100%;
185 right: 16px;
186 border-top-color: var(--wpbc-tour-header-color);
187 }
188
189 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
190 margin-right: 16px;
191 }
192
193 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
194 top: 16px;
195 left: 100%;
196 border-left-color: var(--wpbc-tour-header-color);
197 }
198
199 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
200 margin-left: 16px;
201 }
202
203 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
204 top: 16px;
205 right: 100%;
206 border-right-color: var(--wpbc-tour-header-color);
207 }
208
209 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
210 margin-right: 16px;
211 }
212
213 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
214 bottom: 16px;
215 left: 100%;
216 border-left-color: var(--wpbc-tour-header-color);
217 }
218
219 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
220 margin-left: 16px;
221 }
222
223 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
224 bottom: 16px;
225 right: 100%;
226 border-right-color: var(--wpbc-tour-header-color);
227 }
228
229 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before,
230 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before,
231 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
232 border-bottom-color: #eee;
233 }
234
235 .shepherd-element.wpbc_tour_theme202408.shepherd-has-title .shepherd-content header {
236 background: #eee;
237 padding: 1em;
238 }
239
240 .shepherd-element.wpbc_tour_theme202408.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
241 padding: 0;
242 margin-bottom: 0;
243 }
244
245 .shepherd-element.wpbc_tour_theme202408.shepherd-has-cancel-link .shepherd-content header h3 {
246 float: left;
247 }
248
249 .shepherd-element.wpbc_tour_theme202408 .shepherd-content {
250 padding: 0;
251 }
252
253 .shepherd-element.wpbc_tour_theme202408 .shepherd-content header {
254 *zoom: 1;
255 border-radius: 5px 5px 0 0;
256 }
257
258 .shepherd-element.wpbc_tour_theme202408 .shepherd-content header:after {
259 content: "";
260 display: table;
261 clear: both;
262 }
263
264 .shepherd-element.wpbc_tour_theme202408 .shepherd-content header h3 {
265 margin: 0;
266 line-height: 1;
267 font-weight: normal;
268 }
269
270 .shepherd-element.wpbc_tour_theme202408 .shepherd-content header a.shepherd-cancel-link {
271 float: right;
272 text-decoration: none;
273 font-size: 1.25em;
274 line-height: .8em;
275 font-weight: normal;
276 color: rgba(0, 0, 0, 0.5);
277 opacity: 0.25;
278 position: relative;
279 top: .1em;
280 padding: .8em;
281 margin-bottom: -.8em;
282 }
283
284 .shepherd-element.wpbc_tour_theme202408 .shepherd-content header a.shepherd-cancel-link:hover {
285 opacity: 1;
286 }
287
288 .shepherd-element.wpbc_tour_theme202408 .shepherd-content .shepherd-text {
289 padding: 1em;
290 }
291
292 .shepherd-element.wpbc_tour_theme202408 .shepherd-content .shepherd-text p {
293 margin: 0 0 .5em 0;
294 line-height: 1.3em;
295 }
296
297 .shepherd-element.wpbc_tour_theme202408 .shepherd-content .shepherd-text p:last-child {
298 margin-bottom: 0;
299 }
300
301 .shepherd-element.wpbc_tour_theme202408 .shepherd-content footer {
302 padding: 0 1em 1em;
303 }
304
305 .shepherd-element.wpbc_tour_theme202408 .shepherd-content footer .shepherd-buttons {
306 text-align: right;
307 list-style: none;
308 padding: 0;
309 margin: 0;
310 }
311
312 .shepherd-element.wpbc_tour_theme202408 .shepherd-content footer .shepherd-buttons li {
313 display: inline;
314 padding: 0;
315 margin: 0;
316 }
317
318 .shepherd-element.wpbc_tour_theme202408 .shepherd-content footer .shepherd-buttons li .shepherd-button {
319 display: inline-block;
320 vertical-align: middle;
321 *vertical-align: auto;
322 *zoom: 1;
323 *display: inline;
324 cursor: pointer;
325 margin: 0 .5em 0 0;
326 text-decoration: none;
327 }
328
329 .shepherd-element.wpbc_tour_theme202408 .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
330 margin-right: 0;
331 }
332 /* ------------------------------------------------------------------------------------------------------------------ */
333 /* == Custom Theme Start ============================================================================================ */
334 /* ------------------------------------------------------------------------------------------------------------------ */
335 .wpbc_tour_theme202408 {
336 z-index: 9999;
337 max-width: 390px !important;
338 }
339
340 .wpbc_tour_theme202408.super-index {
341 z-index: 999999;
342 }
343
344 .shepherd-element.wpbc_tour_theme202408 .shepherd-content {
345 border-radius: 3px;
346 -webkit-filter: none;
347 filter: none;
348 /*box-shadow: 0 0px 2px rgba(18, 18, 18, 0.1),0 5px 20px rgba(44, 44, 44, 0.05);*/
349 box-shadow: 0 0 10px #c1c1c1;
350
351 background: #4f5254;
352 color: #fff;
353 }
354
355 .shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content:before,
356 .shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content:before,
357 .shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content:before,
358 .shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content:before {
359 display: none;
360 }
361
362 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before,
363 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before,
364 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
365 border-bottom-color: var(--wpbc-tour-header-color);
366 }
367
368 .shepherd-element.wpbc_tour_theme202408.shepherd-has-title .shepherd-content header {
369 background-color: var(--wpbc-tour-header-color);
370 background: linear-gradient(165deg,#3c3d3f,#4f5254);
371 border-radius: 3px 3px 0 0;
372 padding-right: 90px;
373 }
374
375 .shepherd-element.wpbc_tour_theme202408 .shepherd-content header h3 {
376 color: #FFF;
377 font-size: 1.2em;
378 float: none;
379 font-weight: 600;
380 }
381
382 .shepherd-element.wpbc_tour_theme202408.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
383 opacity: 0.7;
384 color: rgba(255, 255, 255, 0);
385 font-size: 0.8em;
386 border: 0px solid #FFF;
387 border-radius: 50%;
388 width: 22px;
389 height: 22px;
390 line-height: 20px;
391 padding: 0;
392 text-align: center;
393 float: none;
394 position: absolute;
395 right: 11px;
396 top: 12px
397 }
398
399 .shepherd-element.wpbc_tour_theme202408.shepherd-has-title .shepherd-content header a.shepherd-cancel-link::before {
400 color: #FFF;
401 content: attr(data-btntext);
402 position: absolute;
403 right: 20px;
404 padding-right: 10px;
405 }
406
407 .shepherd-element.wpbc_tour_theme202408.shepherd-has-title .shepherd-content header a.shepherd-cancel-link::after {
408 content: "\f335";
409 -webkit-font-smoothing: antialiased;
410 -moz-osx-font-smoothing: grayscale;
411 font-family: dashicons;
412 color: #FFF;
413 position: absolute;
414 left: 2px;
415 line-height: 21px;
416 font-size: 16px;
417 }
418
419 .shepherd-element.wpbc_tour_theme202408.shepherd-has-title .shepherd-content header a.shepherd-cancel-link:hover,
420 .shepherd-element.wpbc_tour_theme202408.shepherd-has-title .shepherd-content header a.shepherd-cancel-link:focus {
421 border: 0px solid var(--wpbc-tour-close-link-color-hover);
422 opacity: 1;
423 box-shadow: none;
424 }
425
426 .shepherd-element.wpbc_tour_theme202408.shepherd-has-title .shepherd-content header a.shepherd-cancel-link:hover::before,
427 .shepherd-element.wpbc_tour_theme202408.shepherd-has-title .shepherd-content header a.shepherd-cancel-link:focus::before {
428 color: var(--wpbc-tour-close-link-color-hover);
429 }
430
431 .shepherd-element.wpbc_tour_theme202408.shepherd-has-title .shepherd-content header a.shepherd-cancel-link:hover::after,
432 .shepherd-element.wpbc_tour_theme202408.shepherd-has-title .shepherd-content header a.shepherd-cancel-link:focus::after {
433 color: var(--wpbc-tour-close-link-color-hover);
434 }
435
436 .shepherd-element.wpbc_tour_theme202408.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
437 top: 44px;
438 }
439
440 .shepherd-content .ud-notice {
441
442 background: #F0F0F0;
443 padding: 14px;
444 border-radius: 4px;
445 font-size: 90% !important;
446 line-height: 1.5;
447
448 }
449
450 .shepherd-content .ud-notice h3 {
451 margin-top: 0;
452 padding-top: 0;
453 margin-bottom: .5em;
454 }
455 .shepherd-element.wpbc_tour_theme202408 .shepherd-content .shepherd-text p {
456 margin-top: 0.5em;
457 margin-bottom: 1.3em;
458 line-height: 175%;
459 font-size: 14px;
460 }
461
462 .ud-notice span.ud-special-offer {
463 font-weight: bold;
464 display: inline-block;
465 padding: 1px 6px;
466 border-radius: 3px;
467 background: rgba(217, 105, 0, 0.09);
468 }
469
470 label[for=updraft_servicecheckbox_updraftvault] {
471
472 border: 1px solid rgba(204, 204, 204, 0.4);
473 -webkit-transition: border .5s;
474 transition: border .5s
475
476 }
477
478 label[for=updraft_servicecheckbox_updraftvault].emphasize {
479 border-color: var(--wpbc-tour-header-color);
480 }
481
482 .shepherd-element.wpbc_tour_theme202408 .shepherd-content footer .shepherd-buttons li .shepherd-button.udp-tour-back,
483 .shepherd-element.wpbc_tour_theme202408 .shepherd-content footer .shepherd-buttons li .shepherd-button.wpbc_tour_end {
484 float: left;
485 position: relative;
486 padding-left: 10px;
487 }
488
489 .shepherd-element.wpbc_tour_theme202408 .shepherd-content footer .shepherd-buttons li .shepherd-button.wpbc_tour_end {
490 padding-left: 0;
491 color: #B7B7B7;
492 }
493
494 .shepherd-element.wpbc_tour_theme202408 .shepherd-content footer .shepherd-buttons li .shepherd-button.udp-tour-back::before {
495 content: ' ';
496 width: 6px;
497 height: 6px;
498 display: block;
499 border-left: 1px solid;
500 border-bottom: 1px solid;
501 position: absolute;
502 left: 0px;
503 top: 8px;
504 -webkit-transform: rotate(45deg);
505 transform: rotate(45deg);
506 }
507
508 a.shepherd-button.wpbc_tour_end::before {
509 display: inline-block;
510 position: relative;
511 content: "\f335";
512 -webkit-font-smoothing: antialiased;
513 -moz-osx-font-smoothing: grayscale;
514 font-family: dashicons;
515 font-size: 20px;
516 line-height: 20px;
517 vertical-align: middle;
518 margin-top: -2px;
519 }
520
521 .updraftplus-welcome-logo {
522 display: block;
523 width: 70px;
524 float: left;
525 margin-top: -11px;
526 margin-right: 12px;
527 }
528
529 .updraftplus-welcome-logo img {
530 display: block;
531 width: auto;
532 max-width: 100%;
533 }
534
535 @media (max-width: 790px) {
536
537 .shepherd-element.wpbc_tour_theme202408 {
538 display: none;
539 }
540
541 }
542
543 .plugins_page_highlight_wpbc .plugins #the-list tr:not([data-slug="booking"]) {
544 opacity: 0.3;
545 }
546
547 body.plugins_page_highlight_wpbc .plugins #the-list tr[data-slug="booking"] {
548 opacity: 1;
549 }
550