PluginProbe
WPVR – 360 Panorama viewer and Virtual Tour Builder for WordPress / 9.1.3
WPVR – 360 Panorama viewer and Virtual Tour Builder for WordPress v9.1.3
9.1.3 9.1.2 9.1.1 9.1.0 9.0.3 9.0.2 9.0.1 9.0.0 8.5.79 8.5.78 8.5.77 8.5.76 8.5.75 8.5.74 8.5.73 8.5.72 8.5.71 8.5.70 8.5.69 8.5.68 8.5.35 8.5.36 8.5.37 8.5.38 8.5.39 All 222 releases
wpvr / app / admin / tour-listing.css

tour-listing.css in WPVR – 360 Panorama viewer and Virtual Tour Builder for WordPress 9.1.3, at app/admin/tour-listing.css

843 lines 18.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wpvr-tour-list {
2 background: #edebf4;
3 color: #73707d;
4 }
5
6 .wpvr-tour-list:not(.wpvr-tour-list-ready) #wpbody-content {
7 opacity: 0;
8 visibility: hidden;
9 pointer-events: none;
10 }
11
12 .wpvr-tour-list.wpvr-tour-list-ready #wpbody-content {
13 opacity: 1;
14 visibility: visible;
15 pointer-events: auto;
16 }
17
18 .wpvr-tour-list #wpcontent {
19 background: #edebf4;
20 }
21
22 .wpvr-tour-list #wpbody-content {
23 box-sizing: border-box;
24 padding-bottom: 32px;
25 }
26
27 .wpvr-tour-list #wpbody-content > .wrap {
28 box-sizing: border-box;
29 margin: 28px 20px 0;
30 clear: both;
31 }
32
33 .wpvr-tour-list .wpvr-listing-notices {
34 display: flex;
35 flex-direction: column;
36 gap: 10px;
37 margin: 0 0 20px;
38 width: 100%;
39 clear: both;
40 }
41
42 .wpvr-tour-list .wpvr-listing-notices:empty {
43 display: none;
44 margin: 0;
45 }
46
47 .wpvr-tour-list .wpvr-listing-notices > .notice,
48 .wpvr-tour-list .wpvr-listing-notices > .wpvr-onboarding-notice {
49 width: 100% !important;
50 margin: 0 !important;
51 }
52
53 .wpvr-tour-list .wpvr-listing-notices > .wpvr-promotional-banner {
54 width: 100% !important;
55 margin: 10px 0 16px 0 !important;
56 }
57
58 .wpvr-tour-list .wpvr-listing-header {
59 box-sizing: border-box;
60 display: flex;
61 flex-wrap: wrap;
62 align-items: center;
63 align-content: center;
64 gap: 12px;
65 min-height: 44px;
66 margin: 0 0 16px;
67 }
68
69 .wpvr-tour-list .wpvr-listing-header h1.wp-heading-inline {
70 box-sizing: border-box;
71 display: flex;
72 flex: 0 0 auto;
73 align-self: center;
74 align-items: center;
75 height: 44px;
76 margin: 0;
77 padding: 0;
78 color: #0e003c;
79 font-size: 18px;
80 font-weight: 600;
81 line-height: 1.3;
82 }
83
84 .wpvr-tour-list .wpvr-listing-header .page-title-action,
85 .wpvr-tour-list .wpvr-listing-header .page-title-action:active {
86 position: relative;
87 top: 0;
88 box-sizing: border-box;
89 display: inline-flex;
90 flex: 0 0 auto;
91 align-self: center;
92 align-items: center;
93 justify-content: center;
94 gap: 10px;
95 height: 44px;
96 min-height: 44px;
97 margin: 0;
98 padding: 0 20px;
99 color: #fff;
100 font-size: 15px;
101 font-weight: 500;
102 line-height: 1;
103 text-decoration: none;
104 background: #3f04fe;
105 border: 1px solid #3f04fe;
106 border-radius: 6px;
107 box-shadow: none;
108 }
109
110 .wpvr-tour-list .wpvr-listing-header .page-title-action:hover,
111 .wpvr-tour-list .wpvr-listing-header .page-title-action:focus {
112 color: #fff;
113 background: #3200cc;
114 border-color: #3200cc;
115 box-shadow: none;
116 }
117
118 .wpvr-tour-list .wpvr-listing-header .page-title-action.wpvr-import-button {
119 gap: 11px;
120 height: 44px;
121 min-height: 44px;
122 padding: 14px 19px;
123 color: #73707d;
124 font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
125 font-size: 15px;
126 font-weight: 500;
127 line-height: 16px;
128 background: #fff;
129 border-color: transparent;
130 border-radius: 6px;
131 box-shadow: 0 1px 0.5px rgba(30, 0, 125, 0.1);
132 }
133
134 .wpvr-tour-list .wpvr-listing-header .page-title-action.wpvr-import-button::before {
135 box-sizing: border-box;
136 display: block;
137 flex: 0 0 15px;
138 width: 15px;
139 height: 15px;
140 content: "";
141 background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.02448 6.92056L7.08134 8.97742L9.1382 6.92056' stroke='%2373707D' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.08118 0.75V8.9212' stroke='%2373707D' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.6054 7.3223C13.6054 10.8736 11.195 13.75 7.17769 13.75C3.16038 13.75 0.75 10.8736 0.75 7.3223' stroke='%2373707D' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
142 background-repeat: no-repeat;
143 background-position: center;
144 background-size: 15px 15px;
145 }
146
147 .wpvr-tour-list .wpvr-listing-header .page-title-action.wpvr-import-button .is-pro {
148 position: absolute;
149 top: -5px;
150 right: 0;
151 z-index: 1;
152 box-sizing: border-box;
153 display: flex;
154 align-items: center;
155 justify-content: center;
156 width: 30px;
157 height: 17px;
158 padding: 0;
159 color: #fff;
160 font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
161 font-size: 12px;
162 font-weight: 600;
163 line-height: 17px;
164 text-transform: none;
165 background: #00b4ff;
166 border-radius: 7px 7px 7px 0;
167 }
168
169 .wpvr-tour-list .wpvr-listing-header .page-title-action.wpvr-import-button:hover,
170 .wpvr-tour-list .wpvr-listing-header .page-title-action.wpvr-import-button:focus {
171 color: #3f04fe;
172 background: #fff;
173 border-color: #d6cdf0;
174 }
175
176 .wpvr-tour-list .wpvr-listing-header #wpvr-import-template-area {
177 box-sizing: border-box;
178 flex: 1 0 100%;
179 order: 10;
180 margin: 0;
181 border-color: #d6cdf0;
182 border-radius: 6px;
183 background: #fcfbff;
184 }
185
186 .wpvr-tour-list hr.wp-header-end {
187 display: none;
188 }
189
190 .wpvr-tour-list .subsubsub a {
191 color: #73707d;
192 }
193
194 .wpvr-tour-list .subsubsub a:hover,
195 .wpvr-tour-list .subsubsub a.current {
196 color: #3f04fe;
197 }
198
199 .wpvr-tour-list #posts-filter {
200 position: static;
201 }
202
203 .wpvr-tour-list #posts-filter .tablenav.top {
204 box-sizing: border-box;
205 display: flex;
206 align-items: center;
207 gap: 10px;
208 width: 100%;
209 height: auto;
210 min-height: 40px;
211 margin: 0 0 16px;
212 padding: 0;
213 clear: both;
214 }
215
216 .wpvr-tour-list #posts-filter .tablenav.top .actions {
217 display: flex;
218 align-items: center;
219 gap: 10px;
220 padding: 0;
221 }
222
223 .wpvr-tour-list #posts-filter .tablenav.top .actions + .actions {
224 margin-left: 2px;
225 }
226
227 .wpvr-tour-list #posts-filter .tablenav.top .tablenav-pages {
228 display: none;
229 }
230
231 .wpvr-tour-list .tablenav .actions select,
232 .wpvr-tour-list .tablenav .actions input[type="submit"],
233 .wpvr-tour-list .search-box input[type="search"] {
234 box-sizing: border-box;
235 height: 40px;
236 min-height: 40px;
237 margin: 0;
238 color: #73707d;
239 font-size: 15px;
240 font-weight: 400;
241 line-height: 38px;
242 background-color: #fcfbff;
243 border: 1px solid #d6cdf0;
244 border-radius: 6px;
245 box-shadow: none;
246 outline: none;
247 }
248
249 .wpvr-tour-list .tablenav .actions select {
250 padding: 0 36px 0 14px;
251 background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2373707D' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
252 background-repeat: no-repeat;
253 background-position: right 13px center;
254 background-size: 10px 6px;
255 -webkit-appearance: none;
256 appearance: none;
257 }
258
259 .wpvr-tour-list #bulk-action-selector-top {
260 min-width: 145px;
261 }
262
263 .wpvr-tour-list #filter-by-date {
264 min-width: 155px;
265 }
266
267 .wpvr-tour-list .tablenav .actions input[type="submit"] {
268 min-width: 65px;
269 padding: 0 14px;
270 cursor: pointer;
271 }
272
273 .wpvr-tour-list .tablenav .actions input[type="submit"]:hover,
274 .wpvr-tour-list .tablenav .actions input[type="submit"]:focus,
275 .wpvr-tour-list .tablenav .actions select:hover,
276 .wpvr-tour-list .tablenav .actions select:focus,
277 .wpvr-tour-list .search-box input[type="search"]:hover,
278 .wpvr-tour-list .search-box input[type="search"]:focus {
279 border-color: #3f04fe;
280 box-shadow: 0 0 0 1px rgba(63, 4, 254, 0.08);
281 }
282
283 .wpvr-tour-list #posts-filter .search-box {
284 position: relative;
285 top: auto;
286 right: auto;
287 float: none;
288 width: 240px;
289 height: 40px;
290 margin: 0 0 0 auto;
291 }
292
293 .wpvr-tour-list .search-box input[type="search"] {
294 width: 100%;
295 padding: 0 42px 0 15px;
296 color: #0e003c;
297 }
298
299 .wpvr-tour-list .search-box input[type="search"]::placeholder {
300 color: #73707d;
301 opacity: 1;
302 }
303
304 .wpvr-tour-list .search-box #search-submit {
305 position: absolute;
306 top: 1px;
307 right: 1px;
308 z-index: 2;
309 width: 39px;
310 height: 38px;
311 min-height: 38px;
312 margin: 0;
313 padding: 0;
314 font-size: 0;
315 text-indent: -9999px;
316 cursor: pointer;
317 background-color: transparent;
318 background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.25' cy='8.25' r='5.75' stroke='%2373707D' stroke-width='1.5'/%3E%3Cpath d='M12.5 12.5L16 16' stroke='%2373707D' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
319 background-repeat: no-repeat;
320 background-position: center;
321 background-size: 18px;
322 border: 0;
323 box-shadow: none;
324 }
325
326 .wpvr-tour-list table.wp-list-table {
327 width: 100%;
328 margin: 0;
329 overflow: hidden;
330 table-layout: fixed;
331 background: #fff;
332 border: 0;
333 border-radius: 6px;
334 border-collapse: separate;
335 border-spacing: 0;
336 box-shadow: 0 1px 2px rgba(30, 0, 125, 0.1);
337 }
338
339 .wpvr-tour-list table.wp-list-table thead tr {
340 height: 49px;
341 background: #fff;
342 box-shadow: 0 1px 1px rgba(65, 26, 188, 0.08);
343 }
344
345 .wpvr-tour-list table.wp-list-table thead th,
346 .wpvr-tour-list table.wp-list-table thead td {
347 vertical-align: middle;
348 color: #73707d;
349 font-size: 14px;
350 font-weight: 500;
351 line-height: 1.2;
352 background: transparent;
353 border: 0;
354 }
355
356
357 .wpvr-tour-list table.wp-list-table thead th a {
358 box-sizing: border-box;
359 display: inline-flex;
360 align-items: center;
361 gap: 10px;
362 min-height: 49px;
363 padding: 0;
364 color: #73707d;
365 }
366
367 .wpvr-tour-list table.wp-list-table thead th a:hover,
368 .wpvr-tour-list table.wp-list-table thead th a:focus {
369 color: #3f04fe;
370 box-shadow: none;
371 outline: 0;
372 }
373
374 .wpvr-tour-list table.wp-list-table thead th.sortable .sorting-indicator,
375 .wpvr-tour-list table.wp-list-table thead th.sorted .sorting-indicator {
376 float: none;
377 display: inline-block;
378 width: 10px;
379 height: 9px;
380 margin: 0;
381 visibility: visible;
382 opacity: 1;
383 }
384
385 .wpvr-tour-list table.wp-list-table tbody tr {
386 height: 80px;
387 }
388
389 .wpvr-tour-list table.wp-list-table.striped > tbody > :nth-child(odd) {
390 background: #efedf5;
391 }
392
393 .wpvr-tour-list table.wp-list-table.striped > tbody > :nth-child(even) {
394 background: #f7f6fc;
395 }
396
397 .wpvr-tour-list table.wp-list-table tbody th,
398 .wpvr-tour-list table.wp-list-table tbody td {
399 box-sizing: border-box;
400 vertical-align: middle;
401 padding: 12px;
402 color: #73707d;
403 font-size: 15px;
404 font-weight: 400;
405 line-height: 1.35;
406 border: 0;
407 }
408
409 body.wpvr-tour-list table.wp-list-table .column-cb {
410 width: 40px;
411 min-width: 40px;
412 max-width: 40px;
413 }
414
415 .wpvr-tour-list table.wp-list-table .column-title {
416 width: 19%;
417 }
418
419 .wpvr-tour-list table.wp-list-table .column-thumbnail {
420 width: 17%;
421 }
422
423 .wpvr-tour-list table.wp-list-table .column-shortcode {
424 width: 19%;
425 }
426
427 .wpvr-tour-list table.wp-list-table .column-type {
428 width: 13%;
429 }
430
431 .wpvr-tour-list table.wp-list-table .column-author {
432 width: 12%;
433 }
434
435 .wpvr-tour-list table.wp-list-table .column-date {
436 width: 14%;
437 }
438
439 body.wpvr-tour-list table.wp-list-table thead td.check-column {
440 box-sizing: border-box;
441 padding: 0 0 0 11px;
442 vertical-align: middle;
443 }
444
445 body.wpvr-tour-list table.wp-list-table tbody th.check-column {
446 box-sizing: border-box;
447 padding: 20px 0 0 11px;
448 vertical-align: top;
449 }
450
451 .wpvr-tour-list table.wp-list-table .check-column input[type="checkbox"] {
452 position: relative;
453 box-sizing: border-box;
454 display: inline-block;
455 width: 18px;
456 min-width: 18px;
457 height: 18px;
458 min-height: 18px;
459 margin: 0;
460 cursor: pointer;
461 background: #fff;
462 border: 1px solid #d6cdf0;
463 border-radius: 4px;
464 box-shadow: none;
465 -webkit-appearance: none;
466 appearance: none;
467 }
468
469 .wpvr-tour-list table.wp-list-table .check-column input[type="checkbox"]::before {
470 display: none;
471 content: none;
472 }
473
474 .wpvr-tour-list table.wp-list-table .check-column input[type="checkbox"]:checked,
475 .wpvr-tour-list table.wp-list-table .check-column input[type="checkbox"]:indeterminate {
476 background: #3f04fe;
477 border-color: #3f04fe;
478 }
479
480 .wpvr-tour-list table.wp-list-table .check-column input[type="checkbox"]:checked::after {
481 position: absolute;
482 top: 3px;
483 left: 5px;
484 box-sizing: border-box;
485 width: 6px;
486 height: 9px;
487 content: "";
488 border: solid #fff;
489 border-width: 0 2px 2px 0;
490 transform: rotate(45deg);
491 }
492
493 .wpvr-tour-list table.wp-list-table .check-column input[type="checkbox"]:indeterminate::after {
494 position: absolute;
495 top: 7px;
496 left: 4px;
497 width: 8px;
498 height: 2px;
499 content: "";
500 background: #fff;
501 border-radius: 1px;
502 }
503
504 .wpvr-tour-list table.wp-list-table .check-column input[type="checkbox"]:focus {
505 border-color: #3f04fe;
506 box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(63, 4, 254, 0.35);
507 outline: 0;
508 }
509
510 body.wpvr-tour-list table.wp-list-table thead th.column-title a,
511 body.wpvr-tour-list table.wp-list-table tbody td.column-title {
512 padding-left: 4px;
513 }
514
515 .wpvr-tour-list table.wp-list-table tbody td.column-title .row-title {
516 color: #0e003c;
517 font-size: 15px;
518 font-weight: 500;
519 }
520
521 .wpvr-tour-list table.wp-list-table tbody td.column-title .row-title:hover {
522 color: #3f04fe;
523 }
524
525 .wpvr-tour-list table.wp-list-table tbody .wpvr-thumbnail-image {
526 display: block;
527 width: 73px;
528 height: 54px;
529 object-fit: cover;
530 border-radius: 5px;
531 }
532
533 .wpvr-tour-list table.wp-list-table tbody .wpvr-listing-shortcode,
534 .wpvr-tour-list table.wp-list-table tbody .tour-type {
535 display: flex;
536 align-items: center;
537 gap: 8px;
538 }
539
540 .wpvr-tour-list table.wp-list-table tbody .wpvr-listing-shortcode {
541 white-space: nowrap;
542 }
543
544 .wpvr-tour-list table.wp-list-table tbody .wpvr-copy-shortcode-listing {
545 position: static;
546 box-sizing: border-box;
547 display: inline-flex;
548 align-items: center;
549 justify-content: center;
550 width: 24px;
551 height: 24px;
552 margin: 0;
553 padding: 0;
554 cursor: pointer;
555 background: transparent;
556 border: 0;
557 border-radius: 4px;
558 box-shadow: none;
559 }
560
561 .wpvr-tour-list table.wp-list-table tbody .wpvr-copy-shortcode-listing:hover,
562 .wpvr-tour-list table.wp-list-table tbody .wpvr-copy-shortcode-listing:focus {
563 background: rgba(63, 4, 254, 0.08);
564 box-shadow: none;
565 outline: 0;
566 }
567
568 .wpvr-tour-list .wpvr-listing-toast {
569 position: fixed;
570 left: 50%;
571 bottom: 18vh;
572 z-index: 200000;
573 box-sizing: border-box;
574 min-width: 240px;
575 max-width: calc(100vw - 40px);
576 padding: 10px 16px;
577 color: #000;
578 font-size: 13px;
579 font-weight: 500;
580 text-align: center;
581 background: #fff;
582 border: 1px solid transparent;
583 border-radius: 4px;
584 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
585 transform: translateX(-50%);
586 animation: wpvr-listing-toast-in 0.2s ease, wpvr-listing-toast-out 0.2s ease 3s forwards;
587 }
588
589 .wpvr-tour-list .wpvr-listing-toast.wpvr-toast--success {
590 border-color: #00a32a;
591 }
592
593 .wpvr-tour-list .wpvr-listing-toast.wpvr-toast--warning,
594 .wpvr-tour-list .wpvr-listing-toast.wpvr-toast--error {
595 border-color: #d63638;
596 }
597
598 @keyframes wpvr-listing-toast-in {
599 from {
600 transform: translate(-50%, 12px);
601 opacity: 0;
602 }
603
604 to {
605 transform: translate(-50%, 0);
606 opacity: 1;
607 }
608 }
609
610 @keyframes wpvr-listing-toast-out {
611 from {
612 transform: translate(-50%, 0);
613 opacity: 1;
614 }
615
616 to {
617 transform: translate(-50%, 12px);
618 opacity: 0;
619 }
620 }
621
622 .wpvr-tour-list table.wp-list-table tbody td.author a {
623 color: #73707d;
624 text-decoration: underline;
625 }
626
627 .wpvr-tour-list table.wp-list-table tbody td.author a:hover {
628 color: #3f04fe;
629 }
630
631 .wpvr-tour-list table.wp-list-table tfoot {
632 display: none;
633 }
634
635 .wpvr-tour-list .tablenav.bottom {
636 box-sizing: border-box;
637 display: flex;
638 align-items: center;
639 justify-content: flex-end;
640 height: auto;
641 min-height: 40px;
642 margin: 15px 0 0;
643 padding: 0;
644 }
645
646 .wpvr-tour-list .tablenav.bottom .actions {
647 display: none;
648 }
649
650 .wpvr-tour-list .tablenav.bottom .tablenav-pages {
651 float: none;
652 display: flex;
653 align-items: center;
654 justify-content: space-between;
655 width: 100%;
656 height: auto;
657 margin: 0;
658 }
659
660 .wpvr-tour-list .tablenav.bottom .displaying-num {
661 margin: 0 auto 0 0;
662 color: #73707d;
663 font-size: 14px;
664 }
665
666 .wpvr-tour-list .tablenav.bottom .displaying-num::before {
667 content: "Showing: ";
668 }
669
670 .wpvr-tour-list .tablenav-pages .pagination-links {
671 display: inline-flex;
672 align-items: center;
673 gap: 6px;
674 }
675
676 .wpvr-tour-list .tablenav-pages .tablenav-pages-navspan,
677 .wpvr-tour-list .tablenav-pages a.button,
678 .wpvr-tour-list .tablenav-pages .current-page {
679 box-sizing: border-box;
680 width: 36px;
681 height: 36px;
682 min-height: 36px;
683 margin: 0;
684 padding: 0;
685 color: #73707d;
686 font-size: 15px;
687 line-height: 34px;
688 text-align: center;
689 background: #fcfbff;
690 border: 1px solid #d6cdf0;
691 border-radius: 6px;
692 box-shadow: none;
693 }
694
695 .wpvr-tour-list .tablenav-pages a.button:hover,
696 .wpvr-tour-list .tablenav-pages a.button:focus {
697 color: #3f04fe;
698 border-color: #3f04fe;
699 box-shadow: none;
700 }
701
702 .wpvr-tour-list .wpvr-listing-empty {
703 display: flex;
704 flex-direction: column;
705 align-items: center;
706 justify-content: center;
707 min-height: 300px;
708 padding: 32px;
709 text-align: center;
710 }
711
712 .wpvr-tour-list .wpvr-listing-empty__icon {
713 display: block;
714 width: 65px;
715 height: 52px;
716 }
717
718 .wpvr-tour-list .wpvr-listing-empty p {
719 margin: 13px 0 25px;
720 color: #000;
721 font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
722 font-size: 18px;
723 font-weight: 400;
724 line-height: normal;
725 }
726
727 .wpvr-tour-list .wpvr-listing-empty__button {
728 box-sizing: border-box;
729 display: inline-flex;
730 align-items: center;
731 justify-content: center;
732 gap: 13px;
733 height: 44px;
734 min-height: 44px;
735 padding: 14px 19px;
736 cursor: pointer;
737 color: #3f04fe;
738 font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
739 font-size: 15px;
740 font-weight: 500;
741 line-height: 16px;
742 background: #fff;
743 border: 1px solid #3f04fe;
744 border-radius: 6px;
745 box-shadow: none;
746 }
747
748 .wpvr-tour-list .wpvr-listing-empty__button::before {
749 display: block;
750 flex: 0 0 13px;
751 width: 13px;
752 height: 13px;
753 content: "";
754 background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 1V12M1 6.5H12' stroke='%233F04FE' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
755 background-repeat: no-repeat;
756 background-position: center;
757 background-size: 13px;
758 }
759
760 .wpvr-tour-list .wpvr-listing-empty__button:hover,
761 .wpvr-tour-list .wpvr-listing-empty__button:focus {
762 color: #fff;
763 background: #3f04fe;
764 outline: 0;
765 }
766
767 .wpvr-tour-list .wpvr-listing-empty__button:hover::before,
768 .wpvr-tour-list .wpvr-listing-empty__button:focus::before {
769 filter: brightness(0) invert(1);
770 }
771
772 @media screen and (max-width: 1199px) {
773 .wpvr-tour-list table.wp-list-table #thumbnail,
774 .wpvr-tour-list table.wp-list-table #type,
775 .wpvr-tour-list table.wp-list-table .column-thumbnail,
776 .wpvr-tour-list table.wp-list-table .column-type {
777 display: table-cell !important;
778 }
779
780 .wpvr-tour-list table.wp-list-table .column-title {
781 width: 21%;
782 }
783
784 .wpvr-tour-list table.wp-list-table .column-shortcode {
785 width: 20%;
786 }
787
788 .wpvr-tour-list table.wp-list-table tbody .wpvr-listing-shortcode {
789 white-space: normal;
790 }
791 }
792
793 @media screen and (max-width: 960px) {
794 .wpvr-tour-list #posts-filter .tablenav.top {
795 flex-wrap: wrap;
796 }
797
798 .wpvr-tour-list #posts-filter .search-box {
799 flex: 1 1 240px;
800 width: auto;
801 min-width: 200px;
802 }
803
804 .wpvr-tour-list table.wp-list-table #type,
805 .wpvr-tour-list table.wp-list-table .column-type {
806 display: none !important;
807 }
808 }
809
810 @media screen and (max-width: 782px) {
811 .wpvr-tour-list #wpbody-content > .wrap {
812 margin: 20px 12px 0;
813 }
814
815 .wpvr-tour-list .wpvr-listing-header {
816 flex-wrap: wrap;
817 }
818
819 .wpvr-tour-list .wpvr-listing-header h1.wp-heading-inline {
820 flex-basis: 100%;
821 }
822
823 .wpvr-tour-list #posts-filter .tablenav.top .actions,
824 .wpvr-tour-list #posts-filter .search-box {
825 width: 100%;
826 margin-left: 0;
827 }
828
829 .wpvr-tour-list #posts-filter .tablenav.top .actions select {
830 flex: 1 1 auto;
831 }
832 }
833
834 .wpvr-tour-list table.wp-list-table tbody tr.wpvr-pro-feature-tour,
835 .wpvr-tour-list table.wp-list-table.striped > tbody > tr.wpvr-pro-feature-tour {
836 background-color: #fff8f8;
837 }
838
839 .wpvr-tour-list table.wp-list-table tbody tr.wpvr-pro-feature-tour > td:first-child,
840 .wpvr-tour-list table.wp-list-table tbody tr.wpvr-pro-feature-tour > th:first-child {
841 border-left: 3px solid #d63638;
842 }
843