PluginProbe ʕ •ᴥ•ʔ
VikAppointments Services Booking Calendar / trunk
VikAppointments Services Booking Calendar vtrunk
trunk 1.2.17 1.2.18 1.2.19
vikappointments / admin / assets / css / adapter / J50.css
vikappointments / admin / assets / css / adapter Last commit date
J30.css 4 years ago J40.css 5 months ago J50.css 1 year ago index.html 4 years ago
J50.css
561 lines
1 /* Joomla 5.x */
2
3 .icon-vikappointments:before {
4 /* fa-utensils icon */
5 font-family: "Font Awesome 6 Free", FontAwesome !important;
6 font-weight: 900;
7 content: "\f274";
8 background: none !important;
9 }
10
11 .fa-ticket-alt:before {
12 content: "\f145";
13 }
14
15 /* select2 */
16
17 body.com_vikappointments .select2-container .select2-choice,
18 body.com_vikappointments .select2-container-multi .select2-choices,
19 body.com_vikappointments .select2-drop {
20 border-radius: var(--border-radius);
21 }
22 body.com_vikappointments .select2-container.select2-dropdown-open:not(.select2-drop-above) .select2-choice,
23 body.com_vikappointments .select2-container-multi.select2-dropdown-open:not(.select2-drop-above) .select2-choices {
24 border-bottom-left-radius: 0;
25 border-bottom-right-radius: 0;
26 }
27 body.com_vikappointments .select2-container.select2-dropdown-open.select2-drop-above .select2-choice,
28 body.com_vikappointments .select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices {
29 border-top-left-radius: 0;
30 border-top-right-radius: 0;
31 }
32 body.com_vikappointments .select2-drop.select2-drop-active:not(.select2-drop-above) {
33 border-top-left-radius: 0;
34 border-top-right-radius: 0;
35 }
36 body.com_vikappointments .select2-drop.select2-drop-active.select2-drop-above {
37 border-bottom-left-radius: 0;
38 border-bottom-right-radius: 0;
39 }
40
41 /* remove link status from dropdowns under tables */
42
43 .table tbody a.select2-choice {
44 color: #444 !important;
45 font-weight: normal !important;
46 }
47
48 /* popover */
49
50 body.com_vikappointments .options-form legend i.vap-quest-popover {
51 transform: none;
52 vertical-align: middle;
53 margin: 0 0 0 8px;
54 }
55
56 /***********************
57 *** DARK MODE ***
58 ***********************/
59
60 @media (prefers-color-scheme: dark) {
61
62 /* wizard */
63
64 body.com_vikappointments .vap-wizard-steps {
65 background: var(--body-bg);
66 }
67
68 body.com_vikappointments .vap-wizard .wizard-step .wizard-step-top-bar {
69 background: var(--template-bg-dark-90);
70 }
71
72 body.com_vikappointments .vap-wizard .wizard-step .wizard-step-body,
73 body.com_vikappointments .vap-wizard .wizard-step .wizard-step-footer-bar {
74 background: var(--template-bg-dark-80);
75 }
76
77 /* dashboard */
78
79 body.com_vikappointments .vapdash-tab-button a {
80 background: var(--template-bg-dark-70);
81 color: var(--body-color);
82 }
83 body.com_vikappointments .vapdash-tab-button a.active,
84 body.com_vikappointments .widget-body .vapdash-container .vapdash-tab-head .vapdash-tab-button a.active {
85 background: var(--template-bg-dark-80);
86 }
87
88 body.com_vikappointments .dashboard-widgets-container .dashboard-widget {
89 background: var(--body-bg);
90 }
91
92 body.com_vikappointments .dashboard-widgets-container .dashboard-widget .widget-head h3 {
93 color: var(--template-bg-dark-20);
94 }
95
96 body.com_vikappointments .dashboard-widgets-container .dashboard-widget .widget-revenue-table table thead th,
97 body.com_vikappointments .dashboard-widgets-container .dashboard-widget .widget-revenue-table table tfoot tr td {
98 background: var(--template-bg-dark-80);
99 color: var(--body-color);
100 border-color: var(--template-bg-dark-20);
101 }
102 body.com_vikappointments .dashboard-widgets-container .dashboard-widget .widget-revenue-table table tr td {
103 background: var(--template-bg-dark-70);
104 color: var(--body-color);
105 border-color: var(--template-bg-dark-20);
106 }
107 body.com_vikappointments .dashboard-widgets-container .dashboard-widget .widget-revenue-table table .td-secondary {
108 color: var(--template-bg-dark-20);
109 }
110
111 body.com_vikappointments .dashboard-widgets-container .dashboard-widget .dashboard-appointments-calendar {
112 background: var(--body-bg);
113 color: var(--body-color);
114 }
115 body.com_vikappointments .dashboard-widgets-container .dashboard-widget .dashboard-appointments-calendar .time-clock {
116 color: var(--template-bg-dark-20);
117 }
118 body.com_vikappointments .dashboard-widgets-container .dashboard-widget .dashboard-appointments-calendar table td {
119 border-color: var(--template-bg-dark-20);
120 }
121
122 body.com_vikappointments .dashboard-widgets-container .dashboard-widget .dashboard-appointments-calendar table td.time-col .current-time-clock {
123 color: var(--danger);
124 }
125 body.com_vikappointments .dashboard-widgets-container .dashboard-widget .dashboard-appointments-calendar table td.events-col .current-time-line {
126 border-bottom-color: var(--danger);
127 }
128 body.com_vikappointments .dashboard-widgets-container .dashboard-widget .dashboard-appointments-calendar table td.events-col .current-time-line:before {
129 background-color: var(--danger);
130 }
131
132 body.com_vikappointments .vapallcalhead {
133 background: var(--template-bg-dark-80);
134 color: var(--body-color);
135 border-color: var(--template-bg-dark-20);
136 }
137 body.com_vikappointments .vapallcalhead .vaptitleyearsp {
138 color: var(--body-color);
139 }
140
141 body.com_vikappointments .canvas-align-center .overall .overall-earning {
142 color: var(--template-bg-dark-40);
143 }
144 body.com_vikappointments .canvas-align-center .overall .overall-count {
145 color: var(--template-bg-dark-30);
146 }
147
148 body.com_vikappointments .canvas-align-center .rog .rog-earning {
149 color: var(--template-bg-dark-40);
150 }
151
152 /* dashboard builder */
153
154 body.com_vikappointments .widgets-builder .widgets-position-row {
155 background-color: var(--body-bg);
156 }
157 body.com_vikappointments .widgets-builder .widgets-position-row.add-new-position {
158 border-color: var(--template-bg-dark-20);
159 }
160 body.com_vikappointments .widgets-builder .widgets-position-row.add-new-position:hover {
161 background-color: var(--template-bg-dark-20);
162 }
163 body.com_vikappointments .widgets-builder .widgets-position-row.add-new-position i.fa-plus {
164 color: var(--template-bg-dark-20);
165 }
166 body.com_vikappointments .widgets-builder .widgets-position-row.add-new-position:hover i.fa-plus {
167 color: var(--body-bg);
168 }
169
170 body.com_vikappointments .widgets-builder .widgets-position-row .widget-thumb {
171 background-color: var(--template-bg-dark-80);
172 }
173 body.com_vikappointments .widgets-builder .widgets-position-row .widget-thumb.add-new-widget {
174 border-color: var(--template-bg-dark-20);
175 }
176 body.com_vikappointments .widgets-builder .widgets-position-row .widget-thumb.add-new-widget:hover {
177 background-color: var(--template-bg-dark-20);
178 }
179 body.com_vikappointments .widgets-builder .widgets-position-row .widget-thumb.add-new-widget i.fa-plus {
180 color: var(--template-bg-dark-20);
181 }
182 body.com_vikappointments .widgets-builder .widgets-position-row .widget-thumb.add-new-widget:hover i.fa-plus {
183 color: var(--template-bg-dark-80);
184 }
185
186 /* user notes */
187
188 body.com_vikappointments .vap-unotes > ul > li {
189 border-color: var(--template-bg-dark-20);
190 }
191 body.com_vikappointments .vap-unotes > ul > li .usernote-title,
192 body.com_vikappointments .user-note-box {
193 background: var(--template-bg-dark-80);
194 color: var(--body-color);
195 border-color: var(--template-bg-dark-20);
196 }
197 body.com_vikappointments .vap-unotes > ul > li .usernote-files {
198 border-color: var(--template-bg-dark-20);
199 }
200
201 /* iOs switch */
202
203 body.com_vikappointments .switch-ios input.ios-toggle-round:not(:checked) + label {
204 background-color: var(--template-bg-dark-20);
205 }
206
207 body.com_vikappointments .switch-ios input.ios-toggle-round:not(:checked) + label:before {
208 background-color: var(--body-bg);
209 }
210
211 body.com_vikappointments .switch-ios input.ios-toggle-round:not(:checked) + label:after {
212 background-color: var(--template-bg-dark-20);
213 }
214
215 /* select2 */
216
217 body.com_vikappointments .select2-container .select2-choice,
218 body.com_vikappointments .select2-container-multi .select2-choices {
219 background: var(--template-bg-dark);
220 color: var(--body-color);
221 border-color: var(--template-bg-dark-20);
222 }
223
224 body.com_vikappointments .select2-container.select2-dropdown-open .select2-choice,
225 body.com_vikappointments .select2-container-multi.select2-dropdown-open .select2-choices {
226 -webkit-box-shadow: none;
227 box-shadow: none;
228 }
229
230 body.com_vikappointments .select2-container .select2-choice .select2-arrow {
231 background: var(--template-bg-dark) !important;
232 }
233
234 body.com_vikappointments .select2-drop,
235 body.com_vikappointments .select2-drop.select2-drop-above.select2-drop-active {
236 background: var(--template-bg-dark);
237 color: var(--body-color);
238 border-color: var(--template-bg-dark-20);
239 margin: 0;
240 }
241
242 body.com_vikappointments .select2-search-field input {
243 color: var(--body-color) !important;
244 }
245
246 body.com_vikappointments .select2-results .select2-no-results,
247 body.com_vikappointments .select2-results .select2-searching {
248 background: transparent;
249 }
250
251 body.com_vikappointments .select2-results .select2-disabled {
252 background: var(--template-bg-dark-90);
253 color: var(--template-bg-dark-30);
254 }
255
256 body.com_vikappointments #content .select2-container-multi .select2-choices .select2-search-choice {
257 background: var(--template-bg-dark-85) !important;
258 }
259 body.com_vikappointments #content .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
260 color: var(--template-link-color) !important;
261 }
262
263 body.com_vikappointments .select2-container-multi .select2-choices .select2-search-field input.select2-active {
264 background: transparent !important;
265 }
266
267 /* media manager */
268
269 body.com_vikappointments input:read-only {
270 background: var(--gray-800) !important;
271 color: var(--body-color) !important;
272 border-color: var(--template-bg-dark-20) !important;
273 }
274
275 body.com_vikappointments .vap-media-gallery .vap-media-block[data-selected="1"] {
276 box-shadow: 0 0 0 3px var(--template-bg-dark) inset,inset 0 0 0 7px #0073aa;
277 }
278 body.com_vikappointments .vap-media-gallery .vap-media-block .media-preview {
279 background: var(--template-bg-dark-70);
280 }
281
282 body.com_vikappointments .vap-media-modal .vap-media-sidebar {
283 border-left-color: #495057;
284 }
285
286 body.com_vikappointments .vap-media-modal .vap-media-sidebar .vap-media-inspector {
287 background: var(--template-bg-dark);
288 color: var(--body-color);
289 }
290
291 body.com_vikappointments .vap-media-inspector .media-info-box .media-details .filename,
292 body.com_vikappointments .vap-media-inspector .media-info-box .media-details > *:not(.delete-media-image) {
293 color: var(--body-color);
294 }
295
296 body.com_vikappointments .vap-progressbar-status {
297 border-color: var(--template-bg-dark-20);
298 }
299 body.com_vikappointments .vap-progressbar-status:nth-child(odd) {
300 background: var(--template-bg-dark-80);
301 }
302 body.com_vikappointments .vap-progressbar-status:nth-child(even) {
303 background: var(--template-bg-dark-70);
304 }
305 body.com_vikappointments .vap-progressbar-filesize {
306 color: var(--body-color);
307 }
308 body.com_vikappointments .vap-progressbar div.completed {
309 background: var(--success);
310 color: #fff;
311 }
312
313 /* system status colors */
314
315 body.com_vikappointments i.ok, .vapreservationstatusconfirmed {
316 color: var(--success) !important;
317 }
318
319 body.com_vikappointments i.no, .vapreservationstatusremoved {
320 color: var(--danger) !important;
321 }
322
323 body.com_vikappointments .vaporderparentbox {
324 background-color: var(--success);
325 }
326
327 /* monthly calendar */
328
329 body.com_vikappointments .vapcalendardiv {
330 background: var(--template-bg-dark-90);
331 border-color: var(--template-bg-dark-70);
332 color: var(--body-color);
333 }
334 body.com_vikappointments .vapcaltable .vaptheadcal tr:first-child td {
335 background: transparent;
336 border-color: transparent;
337 }
338 body.com_vikappointments .vapcaltable .vaptbodycal td {
339 border-color: var(--template-bg-dark-70);
340 }
341 body.com_vikappointments .vapcaltable .vaptbodycal td.vaptdgrey {
342 background: var(--template-bg-dark-80);
343 }
344 body.com_vikappointments .vapcaltable .vaptbodycal td.vaptdgrey a {
345 color: var(--body-color) !important;
346 }
347
348 /* weekly calendar */
349
350 body.com_vikappointments table.vap-workday-calendar td {
351 background: var(--body-bg);
352 color: var(--body-color);
353 border-color: var(--template-bg-dark-70);
354 }
355
356 /* filter bar */
357
358 body.com_vikappointments #content .js-stools-container-filters-visible {
359 background: var(--body-bg);
360 }
361
362 /* inspector */
363
364 body.com_vikappointments .record-inspector {
365 background: var(--body-bg);
366 color: var(--body-color);
367 }
368 body.com_vikappointments .record-inspector.left-side {
369 border-right: 1px solid var(--template-bg-dark-20);
370 }
371 body.com_vikappointments .record-inspector.right-side {
372 border-left: 1px solid var(--template-bg-dark-20);
373 }
374
375 body.com_vikappointments .record-inspector .inspector-head {
376 border-color: var(--template-bg-dark-20);
377 }
378 body.com_vikappointments .record-inspector .inspector-footer {
379 border-top: 1px solid var(--template-bg-dark-20);
380 background: var(--body-bg);
381 }
382
383 body.com_vikappointments .record-inspector .inspector-body .inspector-form .inspector-repeatable .inspector-repeatable-head {
384 border-color: var(--template-bg-dark-20);
385 color: var(--body-color);
386 background-color: var(--template-bg-dark-90);
387 }
388 body.com_vikappointments .record-inspector .inspector-body .inspector-form .inspector-repeatable .inspector-repeatable-body {
389 border-color: var(--template-bg-dark-20);
390 color: var(--body-color);
391 background-color: var(--template-bg-dark-80);
392 }
393
394 body.com_vikappointments .record-inspector .inspector-body .inspector-form .inspector-selection-table thead th {
395 color: var(--body-color);
396 background-color: var(--template-bg-dark-80);
397 }
398
399 /* cards */
400
401 body.com_vikappointments .vap-cards-container {
402 background: var(--body-bg);
403 }
404
405 body.com_vikappointments .vap-card {
406 border-color: var(--template-bg-dark-20);
407 color: var(--body-color);
408 background-color: var(--template-bg-dark-80);
409 }
410
411 body.com_vikappointments .vap-card .vap-card-summary {
412 background-color: var(--template-bg-dark-80);
413 }
414
415 body.com_vikappointments .vap-card .vap-card-summary .card-text > * {
416 color: var(--body-color);
417 }
418
419 body.com_vikappointments .vap-card .vap-card-image:before {
420 background: linear-gradient(rgba(255, 255, 255, 0), rgba(32, 48, 71, 0.45));
421 }
422
423 /* popover */
424
425 body.com_vikappointments i.vap-quest-popover {
426 color: var(--body-color);
427 }
428
429 .popover-header {
430 color: var(--body-color);
431 }
432
433 /* custom fields */
434
435 body.com_vikappointments .separator.custom-field strong {
436 background: var(--body-bg);
437 }
438
439 /* order info modal */
440
441 body.com_vikappointments .order-container .order-left-box,
442 body.com_vikappointments .order-container .order-left-box .order-left-top-box {
443 border-color: #495057;
444 }
445
446 body.com_vikappointments .order-items-cart {
447 background: var(--template-bg-dark-80);
448 }
449 body.com_vikappointments .order-items-cart .cart-item-record {
450 border-color: var(--template-bg-dark-20);
451 }
452 body.com_vikappointments .cart-item-record .cart-item-details .cart-item-price {
453 color: var(--body-color);
454 }
455
456 body.com_vikappointments .order-payment-details .order-fields {
457 background: var(--template-bg-dark-80);
458 border-color: var(--template-bg-dark-20);
459 color: var(--body-color);
460 }
461 body.com_vikappointments .order-payment-details .order-fields label,
462 body.com_vikappointments .order-payment-details .order-fields .order-field.total-cost,
463 body.com_vikappointments .order-payment-details .order-fields .order-field.total-cost label {
464 color: var(--body-color);
465 }
466
467 body.com_vikappointments .order-status-history {
468 background: var(--template-bg-dark-80);
469 }
470 body.com_vikappointments .order-status-history .order-status-block:last-child {
471 border-color: var(--template-bg-dark-20);
472 }
473
474 /* order status table */
475
476 body.com_vikappointments .order-status-table thead tr {
477 background: var(--template-bg-dark-90);
478 border-color: var(--template-bg-dark-20);
479 }
480 body.com_vikappointments .order-status-table td {
481 background: var(--template-bg-dark-80);
482 }
483 body.com_vikappointments .order-status-table .track-comment td {
484 border-color: var(--template-bg-dark-20);
485 }
486 body.com_vikappointments .order-status-table .track-comment .items-list .item-row-details .item-price {
487 color: var(--template-bg-dark-30);
488 }
489
490 /* jQuery - intltel */
491
492 body.com_vikappointments .iti__country-list {
493 background-color: #1f1c1c;
494 -webkit-box-shadow: 0px 0px 6px 1px rgba(100,100,100,1);
495 -moz-box-shadow: 0px 0px 6px 1px rgba(100,100,100,1);
496 box-shadow: 0px 0px 6px 1px rgba(100,100,100,1);
497 }
498
499 body.com_vikappointments .iti__country-list .iti__country.iti__highlight {
500 background-color: var(--template-bg-dark-80);
501 }
502
503 /* review card */
504
505 body.com_vikappointments .vap-review-card .product-slide-left {
506 background: var(--template-bg-dark-80);
507 }
508
509 body.com_vikappointments .vap-review-card .review-slide-right {
510 background: var(--template-bg-dark-90);
511 }
512 body.com_vikappointments .vap-review-card .review-slide-right .review-card-top {
513 background: var(--template-bg-dark-70);
514 }
515 body.com_vikappointments .vap-review-card .review-slide-right .review-card-content {
516 background: var(--template-bg-dark-90);
517 }
518 body.com_vikappointments .vap-review-card .review-slide-right .review-card-bottom {
519 background: var(--template-bg-dark-80);
520 }
521
522 /* configuration */
523
524 body.com_vikappointments .configuration-panel {
525 background: var(--template-bg-dark-90);
526 border-color: var(--template-bg-dark-20);
527 }
528
529 body.com_vikappointments .configuration-panel #configuration-body .vaptabview .config-panel-subnav {
530 background: var(--template-bg-dark-70);
531 border-color: var(--template-bg-dark-20);
532 color: var(--body-color);
533 }
534 body.com_vikappointments .configuration-panel #configuration-body .vaptabview .config-panel-subnav ul li {
535 border-color: var(--template-bg-dark-20);
536 color: var(--body-color) !important;
537 }
538 body.com_vikappointments .configuration-panel #configuration-body .vaptabview .config-panel-subnav ul li.active {
539 background: var(--template-bg-dark);
540 }
541
542 body.com_vikappointments .configuration-panel #configuration-navbar {
543 border-color: var(--template-bg-dark-20);
544 }
545
546 body.com_vikappointments .configuration-panel #configuration-body .vaptabview .config-panel-tabview {
547 background: var(--body-bg);
548 }
549
550 body.com_vikappointments .config-panel-tabview .config-fieldset {
551 border-color: var(--template-bg-dark-20);
552 }
553 body.com_vikappointments .config-panel-tabview .config-fieldset .config-fieldset-head {
554 background: var(--template-bg-dark-90);
555 border-color: var(--template-bg-dark-20);
556 }
557 body.com_vikappointments .config-panel-tabview .config-fieldset .config-fieldset-body {
558 background: var(--template-bg-dark-80);
559 }
560
561 }