Sat, 11 Aug 2018 16:36:45 +0200
Fermenter thermomenters are in place.
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 | ||
37 | #header { | |
38 | width: 1278px; | |
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
39 | height: 38px; |
2 | 40 | float: left; |
41 | border: 1px solid #4297d7; | |
42 | border-radius: 5px 5px 5px 5px; | |
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
43 | background: #5c9ccc url(/jqwidgets/styles/images/redmond/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; |
2 | 44 | color: #ffffff; |
45 | font-weight: bold; | |
46 | } | |
47 | ||
48 | #title { | |
49 | width: 1278px; | |
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
50 | height: 38px; |
2 | 51 | float: left; |
4
1750b6cae48e
Web pages nodes display works.
Michiel Broek <mbroek@mbse.eu>
parents:
2
diff
changeset
|
52 | margin-top: 2px; |
2 | 53 | font-size: 1.8em; |
54 | color: #FFD700; | |
55 | text-align: center; | |
56 | font-family: comic sans ms; | |
57 | } | |
58 | ||
59 | ||
8
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 | #fermenter_table { |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
62 | width: 720px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
63 | background: #252526; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
64 | margin: 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
65 | border: 2px solid; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
66 | border-color: #888; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
67 | border-radius: 5px 5px 5px 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
68 | } |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
69 | |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
70 | |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
71 | #fermentor_thermometers { |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
72 | width: 720px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
73 | height: 295px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
74 | background-color: #252526; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
75 | margin: 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
76 | border: 2px solid; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
77 | border-color: #888; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
78 | border-radius: 5px 5px 5px 5px; |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
79 | } |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
80 | |
50545c3e36c6
Fermenter thermomenters are in place.
Michiel Broek <mbroek@mbse.eu>
parents:
4
diff
changeset
|
81 | |
2 | 82 | .LEDred_on { |
83 | margin: 5px auto; | |
84 | width: 12px; | |
85 | height: 12px; | |
86 | background-color: #F40; | |
87 | border-radius: 50%; | |
88 | box-shadow: #000 0 0px 4px 1px, inset #C33 0 -1px 5px, #f44 0 2px 12px; | |
89 | } | |
90 | ||
91 | .LEDred_off { | |
92 | margin: 5px auto; | |
93 | width: 12px; | |
94 | height: 12px; | |
95 | background-color: #820; | |
96 | border-radius: 50%; | |
97 | box-shadow: #400 0 0px 1px 1px; | |
98 | } | |
99 | ||
100 | .LEDyellow_on { | |
101 | margin: 5px auto; | |
102 | width: 12px; | |
103 | height: 12px; | |
104 | background-color: #FF0; | |
105 | border-radius: 50%; | |
106 | box-shadow: #000 0 0px 4px 1px, inset #860 0 -1px 5px, #DD0 0 2px 12px; | |
107 | } | |
108 | ||
109 | .LEDyellow_off { | |
110 | margin: 5px auto; | |
111 | width: 12px; | |
112 | height: 12px; | |
113 | background-color: #A90; | |
114 | border-radius: 50%; | |
115 | box-shadow: #440 0 0px 1px 1px; | |
116 | } | |
117 | ||
118 | .LEDgreen_on { | |
119 | margin: 5px auto; | |
120 | width: 12px; | |
121 | height: 12px; | |
122 | background-color: #5E0; | |
123 | border-radius: 50%; | |
124 | box-shadow: #000 0 0px 4px 1px, inset #270 0 -1px 5px, #5D0 0 2px 12px; | |
125 | } | |
126 | ||
127 | .LEDgreen_off { | |
128 | margin: 5px auto; | |
129 | width: 12px; | |
130 | height: 12px; | |
131 | background-color: #270; | |
132 | border-radius: 50%; | |
133 | box-shadow: #250 0 0px 1px 1px; | |
134 | } | |
135 | ||
136 | .LEDblue_on { | |
137 | margin: 5px auto; | |
138 | width: 12px; | |
139 | height: 12px; | |
140 | background-color: #4AF; | |
141 | border-radius: 50%; | |
142 | box-shadow: #000 0 0px 4px 1px, inset #247 0 -1px 5px, #48F 0 2px 12px; | |
143 | } | |
144 | ||
145 | .LEDblue_off { | |
146 | margin: 5px auto; | |
147 | width: 12px; | |
148 | height: 12px; | |
149 | background-color: #137; | |
150 | border-radius: 50%; | |
151 | box-shadow: #024 0 0px 1px 1px; | |
152 | } | |
153 |