Fri, 28 Sep 2018 17:29:23 +0200
Added category and type to the recipe style. Added tooltips in the edit screen. Added Alcohol and Carbonation to the recipe style. Redesigned the main edit window and added the style limits.
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 | ||
67
883e897aad40
Start building the workflow in the scripts.
Michiel Broek <mbroek@mbse.eu>
parents:
53
diff
changeset
|
32 | #about_table { |
883e897aad40
Start building the workflow in the scripts.
Michiel Broek <mbroek@mbse.eu>
parents:
53
diff
changeset
|
33 | width: 960px; |
883e897aad40
Start building the workflow in the scripts.
Michiel Broek <mbroek@mbse.eu>
parents:
53
diff
changeset
|
34 | background: #353536; |
883e897aad40
Start building the workflow in the scripts.
Michiel Broek <mbroek@mbse.eu>
parents:
53
diff
changeset
|
35 | margin: 150px; |
883e897aad40
Start building the workflow in the scripts.
Michiel Broek <mbroek@mbse.eu>
parents:
53
diff
changeset
|
36 | border: 2px solid; |
883e897aad40
Start building the workflow in the scripts.
Michiel Broek <mbroek@mbse.eu>
parents:
53
diff
changeset
|
37 | border-color: #59b4d4; |
883e897aad40
Start building the workflow in the scripts.
Michiel Broek <mbroek@mbse.eu>
parents:
53
diff
changeset
|
38 | border-radius: 5px 5px 5px 5px; |
883e897aad40
Start building the workflow in the scripts.
Michiel Broek <mbroek@mbse.eu>
parents:
53
diff
changeset
|
39 | } |
883e897aad40
Start building the workflow in the scripts.
Michiel Broek <mbroek@mbse.eu>
parents:
53
diff
changeset
|
40 | |
53 | 41 | |
16 | 42 | #node_table { |
43 | width: 600px; | |
44 | background: #353536; | |
45 | margin: 50px; | |
46 | border: 2px solid; | |
53 | 47 | border-color: #59b4d4; |
16 | 48 | border-radius: 5px 5px 5px 5px; |
49 | } | |
50 | ||
51 | ||
52 | ||
8
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
53 | #fermenter_table { |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
54 | width: 720px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
55 | background: #252526; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
56 | margin: 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
57 | border: 2px solid; |
53 | 58 | border-color: #59b4d4; |
8
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
59 | border-radius: 5px 5px 5px 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
60 | } |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
61 | |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
62 | |
40
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
63 | |
9
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
64 | .temperature { |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
65 | display: inline-block; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
66 | width: 64px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
67 | height: 20px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
68 | white-space: nowrap; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
69 | color: #00eeee; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
70 | } |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
71 | |
40
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
72 | |
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
73 | |
9
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
74 | .NUM { |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
75 | font-family: "Arial Black", Gadget, sans-serif; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
76 | color: #00eeee; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
77 | padding: 2px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
78 | margin: 2px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
79 | background-color: #212121; |
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 | |
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 | /* |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
84 | * +----------------------------------------------------_ |
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 | * || || chiller|| || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
88 | * || || || || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
89 | * || |=--------+| || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
90 | * || Air temp |+--------+| Beer temp || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
91 | * || || || || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
92 | * || || Temps || || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
93 | * || || digits || || |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
94 | * |+-------------------++--------++-------------------+| |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
95 | * +----------------------------------------------------+ |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
96 | */ |
40
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
97 | |
9
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
98 | #fermenter_thermometers { |
8
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
99 | width: 720px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
100 | height: 295px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
101 | background-color: #252526; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
102 | margin: 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
103 | border: 2px solid; |
53 | 104 | border-color: #59b4d4; |
8
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
105 | border-radius: 5px 5px 5px 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
106 | } |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
107 | |
40
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
108 | |
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
109 | |
9
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
110 | #fermenter_tempdigits { |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
111 | width: 145px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
112 | height: 120px; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
113 | float: left; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
114 | margin-top: 170; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
115 | background-color: #252526; |
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
116 | border: 2px solid; |
53 | 117 | border-color: #59b4d4; |
9
5b384299cc53
Added thermometers values block
Michiel Broek <mbroek@mbse.eu>
parents:
8
diff
changeset
|
118 | border-radius: 5px 5px 5px 5px; |
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 | |
40
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
122 | /* |
2 | 123 | .LEDred_on { |
124 | margin: 5px auto; | |
125 | width: 12px; | |
126 | height: 12px; | |
127 | background-color: #F40; | |
128 | border-radius: 50%; | |
129 | box-shadow: #000 0 0px 4px 1px, inset #C33 0 -1px 5px, #f44 0 2px 12px; | |
130 | } | |
131 | ||
132 | .LEDred_off { | |
133 | margin: 5px auto; | |
134 | width: 12px; | |
135 | height: 12px; | |
136 | background-color: #820; | |
137 | border-radius: 50%; | |
138 | box-shadow: #400 0 0px 1px 1px; | |
139 | } | |
140 | ||
141 | .LEDyellow_on { | |
142 | margin: 5px auto; | |
143 | width: 12px; | |
144 | height: 12px; | |
145 | background-color: #FF0; | |
146 | border-radius: 50%; | |
147 | box-shadow: #000 0 0px 4px 1px, inset #860 0 -1px 5px, #DD0 0 2px 12px; | |
148 | } | |
149 | ||
150 | .LEDyellow_off { | |
151 | margin: 5px auto; | |
152 | width: 12px; | |
153 | height: 12px; | |
154 | background-color: #A90; | |
155 | border-radius: 50%; | |
156 | box-shadow: #440 0 0px 1px 1px; | |
157 | } | |
158 | ||
159 | .LEDgreen_on { | |
160 | margin: 5px auto; | |
161 | width: 12px; | |
162 | height: 12px; | |
163 | background-color: #5E0; | |
164 | border-radius: 50%; | |
165 | box-shadow: #000 0 0px 4px 1px, inset #270 0 -1px 5px, #5D0 0 2px 12px; | |
166 | } | |
167 | ||
168 | .LEDgreen_off { | |
169 | margin: 5px auto; | |
170 | width: 12px; | |
171 | height: 12px; | |
172 | background-color: #270; | |
173 | border-radius: 50%; | |
174 | box-shadow: #250 0 0px 1px 1px; | |
175 | } | |
176 | ||
177 | .LEDblue_on { | |
178 | margin: 5px auto; | |
179 | width: 12px; | |
180 | height: 12px; | |
181 | background-color: #4AF; | |
182 | border-radius: 50%; | |
183 | box-shadow: #000 0 0px 4px 1px, inset #247 0 -1px 5px, #48F 0 2px 12px; | |
184 | } | |
185 | ||
186 | .LEDblue_off { | |
187 | margin: 5px auto; | |
188 | width: 12px; | |
189 | height: 12px; | |
190 | background-color: #137; | |
191 | border-radius: 50%; | |
192 | box-shadow: #024 0 0px 1px 1px; | |
193 | } | |
40
b825c675987d
Finished mash steps editing. Style sheets cleanup.
Michiel Broek <mbroek@mbse.eu>
parents:
16
diff
changeset
|
194 | */ |
71
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
195 | |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
196 | |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
197 | /* |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
198 | * New recipe wizzard |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
199 | */ |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
200 | #hintBase, #hintStyle { |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
201 | float: left; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
202 | margin-top: 30px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
203 | margin-right: 20px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
204 | padding: 5px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
205 | width: 600px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
206 | color: yellow; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
207 | } |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
208 | #section { |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
209 | margin: 5px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
210 | } |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
211 | #baseButtonsWrapper { |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
212 | float: right; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
213 | margin-top: 30px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
214 | margin-right: 10px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
215 | width: 160px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
216 | } |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
217 | #styleButtonsWrapper { |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
218 | float: right; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
219 | margin-top: 30px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
220 | margin-right: 10px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
221 | width: 320px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
222 | } |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
223 | #completedButtonsWrapper { |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
224 | float: right; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
225 | margin-right: 10px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
226 | width: 320px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
227 | margin-top: 160px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
228 | } |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
229 | .nextButton { |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
230 | float: right; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
231 | margin-left: 0px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
232 | } |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
233 | .backButton { |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
234 | float: left; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
235 | margin-left: 10px; |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
236 | } |
e1c50b21b7e3
Added new recipe screens and wizzard.
Michiel Broek <mbroek@mbse.eu>
parents:
67
diff
changeset
|
237 |