Sat, 04 May 2019 11:41:16 +0200
Work on web interface using websockets.
0 | 1 | |
2 | body { | |
3 | background: #ccc; | |
4 | font-family: Verdana, Arial, sans-serif; | |
5 | margin: 0px; | |
6 | } | |
7 | ||
40
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
8 | #webui_win { |
0 | 9 | width: 360px; |
10 | height: 270px; | |
11 | background: #353536; | |
12 | border: 2px solid; | |
13 | border-color: #59b4d4; | |
14 | } | |
15 | ||
40
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
16 | #topline { |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
17 | width: 100%; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
18 | height: 24px; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
19 | background: blue; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
20 | color: yellow; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
21 | text-align: center; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
22 | font-size: 18px; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
23 | } |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
24 | |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
25 | #mltline, |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
26 | #hltline { |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
27 | width: 100%; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
28 | height: 100px; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
29 | } |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
30 | |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
31 | #midline { |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
32 | width: 100%; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
33 | height: 45px; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
34 | } |
0 | 35 | |
36 | #mlt_table { | |
37 | width: 178px; | |
38 | height: 90px; | |
39 | margin: auto; | |
40 | background: #303030; | |
41 | border: 1px solid; | |
42 | border-collapse: collapse; | |
43 | color: white; | |
44 | border-color: white; | |
45 | } | |
46 | ||
47 | #hlt_table { | |
48 | width: 178px; | |
49 | height: 90px; | |
50 | margin: auto; | |
51 | background: #3f3f40; | |
52 | border: 1px solid; | |
53 | border-collapse: collapse; | |
54 | color: yellow; | |
55 | border-color: yellow; | |
56 | } | |
57 | ||
58 | .appbutton { | |
59 | width: 60px; | |
60 | height: 36px; | |
61 | border-radius: 4px; | |
62 | background-color: #e7e7e7; color: black; | |
63 | } | |
64 | ||
40
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
65 | .okbutton { |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
66 | width: 60px; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
67 | height: 36px; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
68 | border-radius: 4px; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
69 | background-color: #575757; color: white; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
70 | } |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
71 | |
0 | 72 | #timer { |
73 | color: white; | |
74 | text-align: center; | |
75 | font-family: "Courier New", "Lucida Console"; | |
76 | font-size: 34px; | |
77 | } | |
78 | ||
79 | /* LED */ | |
80 | .LEDred { | |
81 | margin: 5px auto; | |
82 | width: 12px; | |
83 | height: 12px; | |
84 | background-color: #820; /* On = #F40 */ | |
85 | border-radius: 50%; | |
86 | } | |
87 | ||
88 | .LEDgreen { | |
89 | margin: 5px auto; | |
90 | width: 12px; | |
91 | height: 12px; | |
92 | background-color: #270; /* On = #5E0 */ | |
93 | border-radius: 50%; | |
94 | } | |
95 | ||
96 |