Mon, 13 Aug 2018 23:00:50 +0200
Added monitoring screens
2 | 1 | /* |
2 | */ | |
3 | ||
4 | /* Reset default browser CSS. */ | |
5 | html, body, div, span, applet, object, iframe, | |
6 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
7 | a, abbr, acronym, address, big, cite, code, | |
8 | del, dfn, em, font, img, ins, kbd, q, s, samp, | |
9 | small, strike, strong, sub, sup, tt, var, | |
10 | b, u, i, center, | |
11 | dl, dt, dd, ol, ul, li, | |
12 | fieldset, form, label, legend, | |
13 | table, caption, tbody, tfoot, thead, tr, th, td { | |
14 | background: transparent; | |
15 | border: 0; | |
16 | margin: 0; | |
17 | padding: 0; | |
18 | vertical-align: baseline; | |
19 | } | |
20 | ||
21 | body { | |
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
22 | background: #ccc; |
2 | 23 | color: #000; |
24 | font-family: Verdana, Arial, sans-serif; | |
25 | font-size: 12px; | |
26 | margin: 0px; | |
27 | } | |
28 | ||
29 | ||
30 | #jqxWidget { | |
31 | width: 1280px; | |
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
32 | height: 660px; |
2 | 33 | float: left; |
34 | } | |
35 | ||
36 | ||
15 | 37 | #jqxMenu { |
38 | border: 2px solid #4297d7; | |
39 | } | |
40 | ||
41 | ||
42 | #MainPanel { | |
43 | width: 1278px; | |
44 | height: 628px; | |
45 | border: 2px solid #4297d7; | |
46 | background: #252526; | |
16 | 47 | color: #eeeeee; |
15 | 48 | } |
49 | ||
50 | ||
16 | 51 | |
2 | 52 | #header { |
53 | width: 1278px; | |
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
54 | height: 38px; |
2 | 55 | float: left; |
56 | border: 1px solid #4297d7; | |
57 | border-radius: 5px 5px 5px 5px; | |
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
58 | background: #5c9ccc url(/jqwidgets/styles/images/redmond/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; |
2 | 59 | color: #ffffff; |
60 | font-weight: bold; | |
61 | } | |
62 | ||
63 | #title { | |
64 | width: 1278px; | |
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
65 | height: 38px; |
2 | 66 | float: left; |
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
67 | margin-top: 2px; |
2 | 68 | font-size: 1.8em; |
69 | color: #FFD700; | |
70 | text-align: center; | |
71 | font-family: comic sans ms; | |
72 | } | |
73 | ||
74 | ||
8
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
75 | |
16 | 76 | #node_table { |
77 | width: 600px; | |
78 | background: #353536; | |
79 | margin: 50px; | |
80 | border: 2px solid; | |
81 | font-size: 12pt; | |
82 | border-color: #888; | |
83 | border-radius: 5px 5px 5px 5px; | |
84 | } | |
85 | ||
86 | ||
87 | ||
8
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
88 | #fermenter_table { |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
89 | width: 720px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
90 | background: #252526; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
91 | margin: 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
92 | border: 2px solid; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
93 | border-color: #888; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
94 | border-radius: 5px 5px 5px 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
95 | } |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
96 | |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
97 | |
9
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
98 | .temperature { |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
99 | display: inline-block; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
100 | font-size: 12pt; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
101 | width: 64px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
102 | height: 20px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
103 | white-space: nowrap; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
104 | color: #00eeee; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
105 | } |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
106 | |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
107 | .NUM { |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
108 | font-family: "Arial Black", Gadget, sans-serif; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
109 | color: #00eeee; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
110 | border-style: ridge; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
111 | padding: 2px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
112 | margin: 2px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
113 | background-color: #212121; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
114 | } |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
115 | |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
116 | |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
117 | /* |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
118 | * +----------------------------------------------------_ |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
119 | * |+-------------------++--------++-------------------+| |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
120 | * || || || || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
121 | * || || chiller|| || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
122 | * || || || || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
123 | * || |=--------+| || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
124 | * || Air temp |+--------+| Beer temp || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
125 | * || || || || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
126 | * || || Temps || || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
127 | * || || digits || || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
128 | * |+-------------------++--------++-------------------+| |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
129 | * +----------------------------------------------------+ |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
130 | */ |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
131 | #fermenter_thermometers { |
8
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
132 | width: 720px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
133 | height: 295px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
134 | background-color: #252526; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
135 | margin: 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
136 | border: 2px solid; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
137 | border-color: #888; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
138 | border-radius: 5px 5px 5px 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
139 | } |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
140 | |
9
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
141 | #fermenter_tempdigits { |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
142 | width: 145px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
143 | height: 120px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
144 | float: left; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
145 | margin-top: 170; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
146 | background-color: #252526; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
147 | border: 2px solid; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
148 | border-color: #888; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
149 | border-radius: 5px 5px 5px 5px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
150 | } |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
151 | |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
152 | |
8
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
153 | |
2 | 154 | .LEDred_on { |
155 | margin: 5px auto; | |
156 | width: 12px; | |
157 | height: 12px; | |
158 | background-color: #F40; | |
159 | border-radius: 50%; | |
160 | box-shadow: #000 0 0px 4px 1px, inset #C33 0 -1px 5px, #f44 0 2px 12px; | |
161 | } | |
162 | ||
163 | .LEDred_off { | |
164 | margin: 5px auto; | |
165 | width: 12px; | |
166 | height: 12px; | |
167 | background-color: #820; | |
168 | border-radius: 50%; | |
169 | box-shadow: #400 0 0px 1px 1px; | |
170 | } | |
171 | ||
172 | .LEDyellow_on { | |
173 | margin: 5px auto; | |
174 | width: 12px; | |
175 | height: 12px; | |
176 | background-color: #FF0; | |
177 | border-radius: 50%; | |
178 | box-shadow: #000 0 0px 4px 1px, inset #860 0 -1px 5px, #DD0 0 2px 12px; | |
179 | } | |
180 | ||
181 | .LEDyellow_off { | |
182 | margin: 5px auto; | |
183 | width: 12px; | |
184 | height: 12px; | |
185 | background-color: #A90; | |
186 | border-radius: 50%; | |
187 | box-shadow: #440 0 0px 1px 1px; | |
188 | } | |
189 | ||
190 | .LEDgreen_on { | |
191 | margin: 5px auto; | |
192 | width: 12px; | |
193 | height: 12px; | |
194 | background-color: #5E0; | |
195 | border-radius: 50%; | |
196 | box-shadow: #000 0 0px 4px 1px, inset #270 0 -1px 5px, #5D0 0 2px 12px; | |
197 | } | |
198 | ||
199 | .LEDgreen_off { | |
200 | margin: 5px auto; | |
201 | width: 12px; | |
202 | height: 12px; | |
203 | background-color: #270; | |
204 | border-radius: 50%; | |
205 | box-shadow: #250 0 0px 1px 1px; | |
206 | } | |
207 | ||
208 | .LEDblue_on { | |
209 | margin: 5px auto; | |
210 | width: 12px; | |
211 | height: 12px; | |
212 | background-color: #4AF; | |
213 | border-radius: 50%; | |
214 | box-shadow: #000 0 0px 4px 1px, inset #247 0 -1px 5px, #48F 0 2px 12px; | |
215 | } | |
216 | ||
217 | .LEDblue_off { | |
218 | margin: 5px auto; | |
219 | width: 12px; | |
220 | height: 12px; | |
221 | background-color: #137; | |
222 | border-radius: 50%; | |
223 | box-shadow: #024 0 0px 1px 1px; | |
224 | } | |
225 |