dark mode and websockets
[kismet-logviewer.git] / logviewer / static / css / jquery.kismet.gps.css
1 :root {
2     --gps-dialog-header-color: #AAA;
3     --gps-dialog-footer-color: #CCC;
4     --gps-icon-base-color: #707070;
5 }
6
7 [data-theme="dark"] {
8 }
9
10 div.kg-top-icon {
11     display: inline-block;
12     font-size: 14px;
13     font-weight: normal;
14     padding-left: 5px;
15     padding-right: 5px;
16 }
17
18 div.kg-dialog-content {
19     height: 100%;
20     display: flex;
21
22     flex-direction: column;
23 }
24
25 div.kg-dialog-header {
26     background-color: var(--gps-dialog-header-color);
27     height: 20px;
28 }
29
30 div.kg-dialog-main {
31     height: 100%;
32     flex: 1;
33 }
34
35 div.kg-dialog-footer {
36     background-color: var(--gps-dialog-footer-color);
37     height: 20px;
38 }
39
40 i.kg-icon-base {
41     color: var(--gps-icon-base-color);
42     font-size: 18px;
43 }
44
45 i.kg-icon-2d {
46     color: yellow !important;
47 }
48
49 i.kg-icon-3d {
50     color: green !important;
51 }
52
53 i.kg-header-icon {
54     margin: 5px;
55     font-size: 14px;
56 }
57
58 b.kg-header-text {
59     font-size: 14px;
60 }
61
62 .kg-bottom-text {
63     margin: auto;
64     display: table;
65 }
66
67 span.kg-header-close {
68     position: absolute;
69     right: 5px;
70     top: 5px;
71 }
72
73 .kg-dialog-center {
74     position: absolute;
75     top: 50%;
76     left: 50%;
77     transform: translateX(-50%) translateY(-50%);
78 }
79
80 .gpstext {
81     padding-right: 4px;
82     font-size: 14px;
83     font-weight: normal;
84 }
85
86 .gpstext_lost {
87     font-weight: bold;
88     color: red;
89 }