PluginProbe ʕ •ᴥ•ʔ
VikAppointments Services Booking Calendar / 1.2.21
VikAppointments Services Booking Calendar v1.2.21
1.2.21 1.2.20 trunk 1.2.17 1.2.18 1.2.19
vikappointments / site / assets / css / vikappointments-mobile.css
vikappointments / site / assets / css Last commit date
adapter 5 days ago colorpicker 5 days ago customizer 5 days ago flags 5 days ago fontawesome 5 days ago images 5 days ago tel 5 days ago themes 5 days ago confirmdialog.css 5 days ago contextmenu.css 5 days ago environment.css 5 days ago index.html 5 days ago input-select.css 5 days ago jquery-ui.min.css 5 days ago jquery-ui.structure.min.css 5 days ago jquery-ui.theme.min.css 5 days ago jquery.fancybox.css 5 days ago toast.css 5 days ago vap-emparea.css 5 days ago vikappointments-mobile.css 5 days ago vikappointments.css 5 days ago
vikappointments-mobile.css
687 lines
1 @media screen and (max-width : 940px) {
2 .vapserblock {
3 width: calc(50% - 22px);
4 }
5 .vapordertitlediv {
6 margin: 0 0 10px 0;
7 }
8 .vapcouponcodediv > * {
9 margin-bottom: 10px !important;
10 }
11 .vapcouponcodediv .vapcouponcodetext {
12 width: 100%;
13 }
14 .vapcouponcodediv .vap-btn {
15 width: 100%;
16 }
17 .vaporderboxleft, .vaorderboxright {
18 width: 100%;
19 min-width: inherit;
20 margin: 10px 0 0;
21 box-sizing: border-box;
22 }
23 .vaporderboxcontent > .vaporderheader, .vap-order-first {
24 margin-bottom: 10px;
25 }
26 .vap-allorders-column {
27 width: 100% !important;
28 display: block;
29 float: none;
30 text-align: center !important;
31 }
32 table.admintable tr:first-child td {
33 word-break: break-all;
34 }
35 table.admintable td {
36 border: 0 !important;
37 }
38 .vap-emparea-navform ul.nav {
39 width: 30% !important;
40 }
41 #empareaForm .vap-emparea-navform div.control-label {
42 width: 100%;
43 }
44 #empareaForm .vap-emparea-navform div.controls {
45 margin: 5px 0 0;
46 width: 100%;
47 }
48 .vap-user-timezone #s2id_vap-timezone-sel {
49 display: block;
50 }
51 .vap-emplist-toolbar-top {
52 height: auto;
53 }
54 .vap-emplist-toolbar-top .vap-empgroup-filterblock {
55 float: none;
56 }
57 .vap-emplist-toolbar-top .vap-emplist-ordering {
58 margin: 8px 0;
59 float: none;
60 }
61 .vapempinfoblock .vap-empinfo {
62 display: block;
63 width: 100%;
64 }
65 .vapempserlistcont .vap-allorders-singlerow > span:first-child, .vapempserlistcont .vap-allorders-singlerow > span:last-child {
66 margin-left: 0;
67 margin-right: 0;
68 text-align: center !important;
69 }
70 }
71 @media screen and (max-width : 860px) {
72 .vap-user-subscr-purchase {
73 flex-wrap: wrap;
74 }
75 .vap-subscr-custfields .cf-control {
76 flex-basis: 100%;
77 }
78 .vapemplogintoolbardiv > .vap-emplogin-rcont {
79 margin: 5px 30px 6px 0;
80 }
81 .vapordercontentinforight {
82 flex-basis: 100%;
83 border-top: 1px solid #eee;
84 padding-top: 10px;
85 margin: 6px 0 0;
86 }
87 .vapordercontentinforight .vapordercontentinfo .option-quantity {
88 margin-right: 10px;
89 }
90 .vapordercontentinforight .vapordercontentinfo .option-name {
91 margin-right: 10px;
92 }
93 .vap-subscr-custfields .vap-purchase-payments-field {
94 flex-basis: 100%;
95 }
96 }
97 @media screen and (max-width : 750px) {
98 .vapemplogintoolbardiv > .vap-emplogin-rcont {
99 margin: 10px 30px 10px 0;
100 }
101 .vapempblock-search .emp-search-box-left {
102 flex-basis: 100%;
103 padding-right: 0;
104 }
105 .emp-search-box-left .emp-profile-box {
106 justify-content: center;
107 }
108 .emp-search-box-right {
109 margin-top: 15px;
110 }
111 .vap-userprofile-container > div {
112 flex-basis: 100%;
113 }
114 .vap-allorders-userright .vap-btn {
115 margin: 3px;
116 }
117 .vap-allorders-tinylist .list-order-bar .order-purchase .purchase-price {
118 text-align: left;
119 }
120 }
121 @media screen and (max-width : 680px) {
122 .vapserblock {
123 width: 100%;
124 }
125 .vapempallblocks .vapempinfoblock {
126 display: flex;
127 flex-wrap: wrap;
128 }
129 .vapempallblocks .vapempinfoblock .vapempimgdiv {
130 margin: 0 10px 0 0;
131 }
132 .vapempallblocks .vapempinfoblock .vapempimgdiv img {
133 border-radius: 50%;
134 width: 100px;
135 height: 100px;
136 object-fit: cover;
137 }
138 .vapempallblocks .vapempinfoblock .vap-empinfo {
139 flex: 1;
140 }
141 .vapempallblocks .vapempinfoblock .vapempdescdiv,
142 .vapempallblocks .vapempinfoblock .vap-emp-avloc-block {
143 width: 100%;
144 }
145 #empareaForm .form-horizontal.box50 {
146 width: 100% !important;
147 }
148 .vapemplogintoolbardiv > .vapemploginactionpayments {
149 border-right: 0;
150 }
151 .vap-user-subscr-purchase .vap-user-subscr-purchase-left {
152 flex-basis: 100%;
153 }
154 .vap-user-subscr-purchase .vap-user-subscr-purchase-right {
155 width: 100%;
156 margin: 20px 0 0;
157 }
158 .vapcouponcodediv > * {
159 display: block;
160 }
161 .vap-user-subscr-coupon .vapcouponcodetext {
162 margin: 0 auto;
163 }
164 .vapcompleteorderdiv .vap-confirmapp-h3, .vap-packconf-box .vap-confirmapp-h3 {
165 margin-left: 0;
166 }
167 .vapcustomfields > div {
168 flex-basis: 100%;
169 margin: 10px 0;
170 }
171 .vap-packconf-custfields > div {
172 flex-basis: 100%;
173 margin: 10px 0;
174 }
175 .vapcustomfields .vapseparatorcf, .vap-packconf-custfields .vapseparatorcf {
176 margin-left: 0;
177 }
178 #empareaForm #employeeTabs {
179 width: 100%;
180 border-right: 0;
181 }
182 #empareaForm #employeeTabs li:last-child {
183 margin-bottom: 8px;
184 }
185 #empareaForm .vap-emparea-navform input[type="file"] + .vapmodal {
186 word-break: break-word;
187 display: block;
188 margin-top: 4px;
189 }
190 #empareaForm .vap-emparea-navform .controls input[type="email"] + .inline-field, #empareaForm .vap-emparea-navform .controls .iti + .inline-field {
191 display: block;
192 margin: 5px 0 0;
193 }
194 .vap-allorders-tinylist .list-order-bar {
195 flex-wrap: wrap;
196 }
197 .vap-allorders-tinylist .list-order-bar .order-purchase {
198 flex-basis: 70%;
199 margin-top: 10px;
200 margin-bottom: 10px;
201 }
202 .vap-allorders-tinylist .list-order-bar .order-purchase .purchase-date {
203 text-align: left;
204 }
205 .vap-allorders-tinylist .list-order-bar .order-view-button {
206 margin-left: 0;
207 }
208 .details-options-wrapper .vapsersingoption {
209 flex-wrap: wrap;
210 }
211 .details-options-wrapper .vapsersingoption .vapseroptrow {
212 flex: 1;
213 }
214 .details-options-wrapper .vapsersingoption .vapseroptrow .vapseroptprice {
215 white-space: nowrap;
216 }
217 .details-options-wrapper .vapseropt-variations,
218 .details-options-wrapper .vapseropt-variations > div {
219 width: 100% !important;
220 }
221 }
222 @media screen and (max-width : 600px) {
223 .vapserblock {
224 width: 90%;
225 margin: 10px 0;
226 }
227 .vapservicescont {
228 text-align: center;
229 }
230 .vaporderboxleft {
231 margin: 0 0 10px;
232 }
233 .vaorderboxright {
234 float: none;
235 }
236 .vapcontinueshoplink {
237 width: 92%;
238 }
239 .vapserviceselect, .vapemployeeselect, .vapmonthselect {
240 margin-bottom:10px;
241 }
242 .vaprecurrencediv .vaprecurrencerepeatlabel, .vaprecurrencediv .vaprecurrenceforlabel {
243 display: block;
244 }
245 .vapcaldivemplogin {
246 width: 77%;
247 display: table;
248 margin: 0 auto 8px;
249 }
250 .vapempratingdiv {
251 display: block;
252 float: none;
253 margin: 0 0 0 0px;
254 }
255 .vap-empsubreview-div {
256 float: none;
257 display: block;
258 }
259 .vap-review-header {
260 margin: 0 0 5px 0px;
261 }
262 .vap-review-title {
263 width: 100%;
264 display: block;
265 }
266 .vap-empgroup-filterblock {
267 float: none;
268 }
269 .vap-emplist-toolbar-top {
270 height: 80px;
271 }
272 .vap-emplist-ordering {
273 text-align: left !important;
274 display: block;
275 width: 100%;
276 margin: 5px 0 0;
277 }
278 .vap-empsearch-locations {
279 display: inline-block;
280 float: none;
281 margin: 10px 0 0 0;
282 }
283 .vapempwdtoolsp > * {
284 margin: 7px 3px 0 0;
285 }
286 .vap-subscr-option-plan {
287 width: 100%;
288 }
289 .vap-subscr-option-price {
290 float: right;
291 text-align: right;
292 margin: 0;
293 }
294 .vap-purchase-payment {
295 width: 100%;
296 }
297 .vap-purchase-payments-fields {
298 width: 100%;
299 }
300 .vap-purchasefield-payments .vap-purchase-payments-value {
301 height: auto;
302 }
303 .vap-purchase-cart {
304 width: 100%;
305 margin-left: 0;
306 }
307 .vap-purchase-payments-value input {
308 width: 97%;
309 }
310 .vap-purchase-payments-value .select2-container {
311 width: 97% !important;
312 }
313 .vap-purchase-payments-fields .vap-purchase-payments-field {
314 width: 100%;
315 }
316 .vapallcaldiv {
317 text-align: center;
318 }
319 .vap-postreview-top > .vap-postreview-ratingwrap {
320 float: left;
321 }
322 .vap-subscrord-right {
323 width: 92%;
324 }
325 .vap-subscrord-cont > div {
326 width: 92%;
327 }
328 .vap-modal-box {
329 width: calc(100vw - 20px) !important;
330 height: calc(100vh - 20px) !important;
331 }
332 .vap-allorders-userright {
333 margin-bottom:10px;
334 }
335 .vap-emplist-ordering {
336 text-align: right;
337 }
338 .vap-emplist-ordering ul {
339 text-align: left;
340 }
341 .vap-emp-avloc-block .vap-emp-avlocation-item {
342 height: auto;
343 margin: 5px 0;
344 }
345 .vap-emp-avlocation-item > span {
346 display: block;
347 }
348 .vaporderinfo .name {
349 width: 100%;
350 }
351 .vaporderinfo .numapp {
352 width: 30%;
353 text-align: left;
354 }
355 .vaporderinfo .quantity {
356 width: 15%;
357 }
358 .vaporderinfo .price {
359 width: 50%;
360 float: right;
361 }
362 .vap-packages-cart-row .cart-quantity {
363 width: auto;
364 margin-right: 10px;
365 }
366 .vap-packages-cart-row .cart-row-left {
367 width: 85%;
368 }
369 .vap-packages-cart-row .cart-row-right {
370 width: 10%;
371 }
372 .vap-package-block {
373 width: 97% !important;
374 }
375 .vap-packages-checkout .shop-left, .vap-packages-checkout .shop-right {
376 width: 100%;
377 }
378 .vapcustomfields div span.cf-label, .vap-packconf-custfields div span.cf-label {
379 width: 100%;
380 text-align: left;
381 }
382 .vapcustomfields .vapseparatorcf, .vap-packconf-custfields .vapseparatorcf {
383 margin-left: 0;
384 }
385 .vapeditempactionsdiv > div {
386 margin: 5px;
387 }
388 .vap-subscrord-right {
389 width: 100% !important;
390 border-left: 0 !important;
391 }
392 .vapcartinneritemscont .vapcartinneritemdiv .vapcartinitemupleft {
393 width: 100%;
394 }
395 .vapcartinneritemscont .vapcartinneritemdiv .vapcartinitemupright {
396 margin-right: 9px;
397 }
398 .vapordercontentinfoleft {
399 margin: 0;
400 }
401 .vap-subscr-option-name {
402 width: auto;
403 }
404 table.admintable .adminparamcol {
405 display: none;
406 }
407 .admintable .label-mobile-only {
408 display: block;
409 }
410 .vap-emparea-navform > ul.nav {
411 width: 100% !important;
412 border-right: 0 !important;
413 }
414 #vapsersearchform .vapemployeeselect, .vap-user-timezone #s2id_vap-timezone-sel {
415 width: 100%;
416 }
417 #vapsersearchform .vapemployeeselect .select2-container {
418 width: 100% !important;
419 }
420 #vapsersearchform .vapmonthselect {
421 width: 100%;
422 margin-right: 0;
423 }
424 #vapsersearchform .vapmonthselect .select2-container {
425 width: 100% !important;
426 }
427 .vaprecurrenceprediv {
428 display: flex;
429 }
430 .vaprecurrenceprediv input[type="checkbox"] {
431 align-self: flex-start;
432 margin-right: 5px;
433 }
434 .vaporderinfo .vaporderinfo-lbl {
435 display: block;
436 margin-right: 0;
437 }
438 .vaporderdetailsbox .vaporderinfo {
439 margin: 7px 0;
440 }
441 .vap-empmain-block {
442 padding: 0;
443 }
444 .tab-content #reservation_mailtext .custmail-top-control {
445 flex-wrap: wrap;
446 }
447 #empareaForm .vap-emparea-navform .controls input[type="text"], #empareaForm .vap-emparea-navform .controls input[type="email"], #empareaForm .vap-emparea-navform .controls input[type="number"] {
448 width: 100%;
449 }
450 #empareaForm .vap-emparea-navform .controls .iti {
451 width: 100%;
452 }
453 #empareaForm .vap-emparea-navform .controls .select2-container {
454 width: 100% !important;
455 }
456
457 .vapempblock.image-banner .vapempinfoblock .vap-empmain-block .vap-empheader-div {
458 display: block;
459 }
460 .vapempblock.image-banner .vapempinfoblock .vap-empmain-block .vap-empheader-div .vapempnamediv {
461 margin: 0;
462 }
463 .vapempblock.image-banner .vapempinfoblock .vap-empmain-block .vap-empheader-div .vapempratingwrapper {
464 text-align: left;
465 }
466 .vapempblock.image-banner .vapempinfoblock .vap-empmain-block .vap-empheader-div .vapempratingwrapper > * {
467 display: inline-block;
468 }
469
470 .vapempblock.featured-image .vapempinfoblock .vapempimgdiv {
471 float: none;
472 max-width: 100%;
473 margin: 0 0 10px;
474 }
475 .vapempblock.featured-image .vapempinfoblock .vap-empheader-div {
476 max-width: 100%;
477 }
478
479 }
480
481 @media screen and (max-width : 550px) {
482 .vap-userprofile-container > div {
483 margin: 0px 15px;
484 }
485 .vapsergroup .vapserblock {
486 width: 100%;
487 }
488 .vapserdescwrap {
489 height: auto;
490 }
491 .vapqcmailcont #qc-send-text {
492 min-width: inherit;
493 }
494 .vapemplogintoolbardiv > div {
495 width: 48%;
496 }
497 .vap-allorders-column {
498 width: 100% !important;
499 display: block;
500 margin-left: 0 !important;
501 margin-right: 0 !important;
502 }
503 .vap-postreview-top {
504 width: 100%;
505 }
506 .vap-postreview-field input, .vap-postreview-commentarea {
507 width: 100%;
508 }
509 #vapempsearchform .vapemployeeselect {
510 width: 100%;
511 margin-right: 0;
512 }
513 .vapemployeeselect .select2-container, #vapempsearchform .vapmonthselect .select2-container {
514 max-width: 100%;
515 width: 100% !important;
516 }
517 #vapempsearchform .vapmonthselect {
518 width: 100%;
519 margin-right: 0;
520 }
521 .vapqcdiv input {
522 width: 100%;
523 }
524 .vap-modal-body input, .vap-pushwl-control input {
525 width: 100%;
526 }
527 .vaporderinfo .vaporderinfo-lbl {
528 min-width: inherit;
529 width: 100%;
530 }
531 .g-recaptcha {
532 transform: scale(0.70) !important;
533 -webkit-transform: scale(0.70) !important;
534 transform-origin: 0 0 !important;
535 -webkit-transform-origin: 0 0 !important;
536 }
537 .vapserblock {
538 min-height: auto;
539 }
540 .vapserdescwrap {
541 opacity: 1;
542 position: relative;
543 border-bottom: 0;
544 }
545 .vapserimage {
546 height: auto;
547 }
548 .vapcalendardiv {
549 width: 100%;
550 }
551 .vaporderdetailsbox .vapordercancdiv {
552 float: none;
553 text-align: center;
554 margin-top: 10px;
555 display: inline-block;
556 width: 100%;
557 }
558 .vap-allorders-userright button {
559 margin: 3px;
560 }
561 .vepserfilterdiv .select2-container {
562 width: 100% !important;
563 }
564 .vepserfilterdiv > span {
565 margin: 3px;
566 }
567 .vap-allorders-singlerow.head {
568 display: none;
569 }
570 .vap-allorders-column.order-checkin, .vap-allorders-column.order-checkout {
571 display: inline-block !important;
572 width: auto !important
573 }
574 .vap-allorders-column.order-people {
575 display: none !important;
576 }
577 .vap-allorders-column.order-edit, .vap-allorders-column.order-delete {
578 display: inline-block !important;
579 width: auto !important
580 }
581 #empareaForm div.controls {
582 width: 100% !important;
583 }
584 #empareaForm #setTabs li {
585 float: none;
586 display: block;
587 border: 1px solid #ddd;
588 }
589 #empareaForm .nav-tabs > li > a {
590 margin: 0;
591 border: 0 !important;
592 }
593 #empareaForm .nav-tabs > li.active > a {
594 border: 0 !important;
595 background: #f6f6f6;
596 }
597 #empareaForm input[type="text"]:not(.select2-input), #empareaForm input[type="password"], #empareaForm input[type="file"], #empareaForm textarea {
598 width: 100%;
599 }
600 #empareaForm .select2-container {
601 width: 100% !important;
602 }
603 #empareaForm .fa-question-circle {
604 display: none;
605 }
606 #vap-fonticon-preview {
607 display: block;
608 margin-top: 5px;
609 }
610 #vap-fonticon-preview i {
611 font-size: 24px;
612 }
613 .vap-purchasefield-payments .vap-purchase-payments-value .vap-payment-method {
614 display: inline-block;
615 width: 100%;
616 border-right: 0;
617 }
618 .offcc-payment-wrapper {
619 padding: 10px !important;
620 min-width: inherit !important;
621 }
622 .offcc-payment-box {
623 width: 100% !important;
624 }
625 .vap-allorders-tinylist .list-order-bar .order-purchase {
626 flex-basis: 100%;
627 }
628 .vap-allorders-tinylist .list-order-bar .order-purchase .purchase-price {
629 text-align: left;
630 font-size: 16px;
631 }
632 .vap-allorders-tinylist .list-order-bar .order-view-button {
633 margin-left: 0;
634 flex-basis: 100%;
635 }
636 .vap-allorders-tinylist .list-order-bar .order-view-button a {
637 width: 100%;
638 }
639 .vap-packages-checkout .vap-packages-ordernow, .vap-packages-checkout .vap-packages-emptyact {
640 margin: 5px 0;
641 }
642 .vap-emploc-container > a {
643 flex-basis: 100%;
644 }
645 }
646
647 @media screen and (max-width : 450px) {
648 .vapemplogintoolbardiv > div {
649 width: 100%;
650 border-right: 0;
651 border-bottom: 1px solid #ddd;
652 }
653 .vapemplogintoolbardiv > .vap-emplogin-rcont {
654 float: left;
655 margin: 3px 0 0;
656 border-bottom: 0;
657 }
658 .vap-emplogin-rbox {
659 float: left;
660 margin-left: 10px;
661 margin-bottom: 10px;
662 }
663 .vap-emplogin-rcont .vap-emplogin-modal {
664 left: 0;
665 }
666 .vapbookbuttoninnerdiv {
667 display: inline-block;
668 width: 100%;
669 float: none;
670 }
671 button.vapcheckoutbutton {
672 float: left;
673 }
674 .vap-review-left {
675 flex-basis: 100%;
676 }
677 .vaptimeline .select2-container {
678 width: 100% !important;
679 margin: 5px !important;
680 }
681 .vap-userprofile-field-control input {
682 width: 100%;
683 }
684 .vap-userprofile-field-control .select2-container {
685 width: 100% !important;
686 }
687 }