Mon, 01 Jun 2020 20:27:00 +0200
Version 0.3.10 Updated the webui. The recipe mash infusiont temperature rounding from 0.25 to 0.0625 degrees.
0 | 1 | |
2 | body { | |
42 | 3 | background: #555; |
0 | 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; |
76
3ff381bfa469
Version 0.3.10 Updated the webui. The recipe mash infusiont temperature rounding from 0.25 to 0.0625 degrees.
Michiel Broek <mbroek@mbse.eu>
parents:
42
diff
changeset
|
23 | font-weight: 700; |
40
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 | |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
26 | #mltline, |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
27 | #hltline { |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
28 | width: 100%; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
29 | height: 100px; |
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 | |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
32 | #midline { |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
33 | width: 100%; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
34 | height: 45px; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
35 | } |
0 | 36 | |
37 | #mlt_table { | |
38 | width: 178px; | |
39 | height: 90px; | |
40 | margin: auto; | |
41 | background: #303030; | |
42 | border: 1px solid; | |
43 | border-collapse: collapse; | |
44 | color: white; | |
45 | border-color: white; | |
46 | } | |
47 | ||
48 | #hlt_table { | |
49 | width: 178px; | |
50 | height: 90px; | |
51 | margin: auto; | |
52 | background: #3f3f40; | |
53 | border: 1px solid; | |
54 | border-collapse: collapse; | |
55 | color: yellow; | |
56 | border-color: yellow; | |
57 | } | |
58 | ||
41
7639cfa6aec0
Websocket interface is working for the main screen and manual mode.
Michiel Broek <mbroek@mbse.eu>
parents:
40
diff
changeset
|
59 | #prompt { |
7639cfa6aec0
Websocket interface is working for the main screen and manual mode.
Michiel Broek <mbroek@mbse.eu>
parents:
40
diff
changeset
|
60 | width: 100%; |
7639cfa6aec0
Websocket interface is working for the main screen and manual mode.
Michiel Broek <mbroek@mbse.eu>
parents:
40
diff
changeset
|
61 | float: left; |
7639cfa6aec0
Websocket interface is working for the main screen and manual mode.
Michiel Broek <mbroek@mbse.eu>
parents:
40
diff
changeset
|
62 | text-align: center; |
7639cfa6aec0
Websocket interface is working for the main screen and manual mode.
Michiel Broek <mbroek@mbse.eu>
parents:
40
diff
changeset
|
63 | } |
7639cfa6aec0
Websocket interface is working for the main screen and manual mode.
Michiel Broek <mbroek@mbse.eu>
parents:
40
diff
changeset
|
64 | |
0 | 65 | .appbutton { |
66 | width: 60px; | |
67 | height: 36px; | |
68 | border-radius: 4px; | |
69 | background-color: #e7e7e7; color: black; | |
70 | } | |
71 | ||
40
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
72 | .okbutton { |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
73 | width: 60px; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
74 | height: 36px; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
75 | border-radius: 4px; |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
76 | background-color: #575757; color: white; |
42 | 77 | position: absolute; |
78 | left: 150px; | |
79 | top: 230px; | |
40
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
80 | } |
71e06f6d80fd
Work on web interface using websockets.
Michiel Broek <mbroek@mbse.eu>
parents:
11
diff
changeset
|
81 | |
41
7639cfa6aec0
Websocket interface is working for the main screen and manual mode.
Michiel Broek <mbroek@mbse.eu>
parents:
40
diff
changeset
|
82 | .promptbutton { |
7639cfa6aec0
Websocket interface is working for the main screen and manual mode.
Michiel Broek <mbroek@mbse.eu>
parents:
40
diff
changeset
|
83 | width: 80px; |
7639cfa6aec0
Websocket interface is working for the main screen and manual mode.
Michiel Broek <mbroek@mbse.eu>
parents:
40
diff
changeset
|
84 | height: 40px; |
7639cfa6aec0
Websocket interface is working for the main screen and manual mode.
Michiel Broek <mbroek@mbse.eu>
parents:
40
diff
changeset
|
85 | border-radius: 4px; |
7639cfa6aec0
Websocket interface is working for the main screen and manual mode.
Michiel Broek <mbroek@mbse.eu>
parents:
40
diff
changeset
|
86 | background-color: #e7e7e7; color: black; |
7639cfa6aec0
Websocket interface is working for the main screen and manual mode.
Michiel Broek <mbroek@mbse.eu>
parents:
40
diff
changeset
|
87 | } |
7639cfa6aec0
Websocket interface is working for the main screen and manual mode.
Michiel Broek <mbroek@mbse.eu>
parents:
40
diff
changeset
|
88 | |
0 | 89 | #timer { |
42 | 90 | color: white; |
91 | text-align: center; | |
92 | font-family: "Courier New", "Lucida Console"; | |
93 | font-size: 34px; | |
0 | 94 | } |
95 | ||
96 | /* LED */ | |
97 | .LEDred { | |
42 | 98 | margin: 5px auto; |
99 | width: 12px; | |
100 | height: 12px; | |
101 | background-color: #820; /* On = #F40 */ | |
102 | border-radius: 50%; | |
0 | 103 | } |
104 | ||
105 | .LEDgreen { | |
42 | 106 | margin: 5px auto; |
107 | width: 12px; | |
108 | height: 12px; | |
109 | background-color: #270; /* On = #5E0 */ | |
110 | border-radius: 50%; | |
0 | 111 | } |
112 | ||
42 | 113 | .menu input[type=submit] { |
114 | background-color: #33b5e5; | |
115 | border: none; | |
116 | color: white; | |
117 | font-weight: bold; | |
118 | width: 250px; | |
119 | padding: 15px 32px; | |
120 | text-decoration: none; | |
121 | font-size: 16px; | |
122 | cursor: pointer; | |
123 | margin: 8px; | |
124 | text-align: center; | |
125 | border-radius: 10px; | |
126 | } | |
0 | 127 | |
42 | 128 | .menu input[type=submit]:hover { |
129 | background-color: #0099cc; | |
130 | } | |
131 |