Wed, 05 Sep 2018 15:38:20 +0200
Added waters total table
2 | 1 | /* |
2 | */ | |
3 | ||
4 | body { | |
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
5 | background: #ccc; |
2 | 6 | font-family: Verdana, Arial, sans-serif; |
7 | margin: 0px; | |
8 | } | |
9 | ||
10 | ||
15 | 11 | |
12 | #MainPanel { | |
13 | width: 1278px; | |
14 | height: 628px; | |
15 | border: 2px solid #4297d7; | |
16 | background: #252526; | |
16 | 17 | color: #eeeeee; |
15 | 18 | } |
19 | ||
20 | ||
16 | 21 | |
53 | 22 | #water_totals { |
23 | width: 960px; | |
24 | background: #353536; | |
25 | margin-top: 15px; | |
26 | border: 1px solid; | |
27 | border-color: #59b4d4; | |
28 | border-radius: 5px 5px 5px 5px; | |
29 | } | |
30 | ||
31 | ||
32 | ||
16 | 33 | #node_table { |
34 | width: 600px; | |
35 | background: #353536; | |
36 | margin: 50px; | |
37 | border: 2px solid; | |
53 | 38 | border-color: #59b4d4; |
16 | 39 | border-radius: 5px 5px 5px 5px; |
40 | } | |
41 | ||
42 | ||
43 | ||
8
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
44 | #fermenter_table { |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
45 | width: 720px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
46 | background: #252526; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
47 | margin: 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
48 | border: 2px solid; |
53 | 49 | border-color: #59b4d4; |
8
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
50 | border-radius: 5px 5px 5px 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
51 | } |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
52 | |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
53 | |
40
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
54 | |
9
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
55 | .temperature { |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
56 | display: inline-block; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
57 | width: 64px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
58 | height: 20px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
59 | white-space: nowrap; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
60 | color: #00eeee; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
61 | } |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
62 | |
40
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
63 | |
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
64 | |
9
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
65 | .NUM { |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
66 | font-family: "Arial Black", Gadget, sans-serif; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
67 | color: #00eeee; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
68 | padding: 2px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
69 | margin: 2px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
70 | background-color: #212121; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
71 | } |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
72 | |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
73 | |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
74 | /* |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
75 | * +----------------------------------------------------_ |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
76 | * |+-------------------++--------++-------------------+| |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
77 | * || || || || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
78 | * || || chiller|| || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
79 | * || || || || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
80 | * || |=--------+| || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
81 | * || Air temp |+--------+| Beer temp || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
82 | * || || || || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
83 | * || || Temps || || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
84 | * || || digits || || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
85 | * |+-------------------++--------++-------------------+| |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
86 | * +----------------------------------------------------+ |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
87 | */ |
40
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
88 | |
9
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
89 | #fermenter_thermometers { |
8
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
90 | width: 720px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
91 | height: 295px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
92 | background-color: #252526; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
93 | margin: 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
94 | border: 2px solid; |
53 | 95 | border-color: #59b4d4; |
8
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
96 | border-radius: 5px 5px 5px 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
97 | } |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
98 | |
40
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
99 | |
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
100 | |
9
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
101 | #fermenter_tempdigits { |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
102 | width: 145px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
103 | height: 120px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
104 | float: left; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
105 | margin-top: 170; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
106 | background-color: #252526; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
107 | border: 2px solid; |
53 | 108 | border-color: #59b4d4; |
9
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
109 | border-radius: 5px 5px 5px 5px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
110 | } |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
111 | |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
112 | |
40
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
113 | /* |
2 | 114 | .LEDred_on { |
115 | margin: 5px auto; | |
116 | width: 12px; | |
117 | height: 12px; | |
118 | background-color: #F40; | |
119 | border-radius: 50%; | |
120 | box-shadow: #000 0 0px 4px 1px, inset #C33 0 -1px 5px, #f44 0 2px 12px; | |
121 | } | |
122 | ||
123 | .LEDred_off { | |
124 | margin: 5px auto; | |
125 | width: 12px; | |
126 | height: 12px; | |
127 | background-color: #820; | |
128 | border-radius: 50%; | |
129 | box-shadow: #400 0 0px 1px 1px; | |
130 | } | |
131 | ||
132 | .LEDyellow_on { | |
133 | margin: 5px auto; | |
134 | width: 12px; | |
135 | height: 12px; | |
136 | background-color: #FF0; | |
137 | border-radius: 50%; | |
138 | box-shadow: #000 0 0px 4px 1px, inset #860 0 -1px 5px, #DD0 0 2px 12px; | |
139 | } | |
140 | ||
141 | .LEDyellow_off { | |
142 | margin: 5px auto; | |
143 | width: 12px; | |
144 | height: 12px; | |
145 | background-color: #A90; | |
146 | border-radius: 50%; | |
147 | box-shadow: #440 0 0px 1px 1px; | |
148 | } | |
149 | ||
150 | .LEDgreen_on { | |
151 | margin: 5px auto; | |
152 | width: 12px; | |
153 | height: 12px; | |
154 | background-color: #5E0; | |
155 | border-radius: 50%; | |
156 | box-shadow: #000 0 0px 4px 1px, inset #270 0 -1px 5px, #5D0 0 2px 12px; | |
157 | } | |
158 | ||
159 | .LEDgreen_off { | |
160 | margin: 5px auto; | |
161 | width: 12px; | |
162 | height: 12px; | |
163 | background-color: #270; | |
164 | border-radius: 50%; | |
165 | box-shadow: #250 0 0px 1px 1px; | |
166 | } | |
167 | ||
168 | .LEDblue_on { | |
169 | margin: 5px auto; | |
170 | width: 12px; | |
171 | height: 12px; | |
172 | background-color: #4AF; | |
173 | border-radius: 50%; | |
174 | box-shadow: #000 0 0px 4px 1px, inset #247 0 -1px 5px, #48F 0 2px 12px; | |
175 | } | |
176 | ||
177 | .LEDblue_off { | |
178 | margin: 5px auto; | |
179 | width: 12px; | |
180 | height: 12px; | |
181 | background-color: #137; | |
182 | border-radius: 50%; | |
183 | box-shadow: #024 0 0px 1px 1px; | |
184 | } | |
40
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
185 | */ |