Sun, 20 Jul 2014 23:09:50 +0200
Initial setup of wqwidgets
99 | 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 | } | |
97
4a9dbee41a6c
Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
20 | |
4a9dbee41a6c
Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
21 | |
4a9dbee41a6c
Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
22 | body { |
4a9dbee41a6c
Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
23 | background: #fff; |
4a9dbee41a6c
Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
24 | color: #000; |
4a9dbee41a6c
Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
25 | font-family: Verdana, Arial, sans-serif; |
4a9dbee41a6c
Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
26 | width: 980px; |
4a9dbee41a6c
Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
27 | font-size: 12px; |
99 | 28 | margin: 0px; |
97
4a9dbee41a6c
Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
29 | } |
4a9dbee41a6c
Added initial set for the thermferm web interface
Michiel Broek <mbroek@mbse.eu>
parents:
diff
changeset
|
30 | |
99 | 31 | |
32 | #header button.script-status { | |
98
6e7e69f3493a
Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents:
97
diff
changeset
|
33 | margin:10px; |
6e7e69f3493a
Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents:
97
diff
changeset
|
34 | } |
6e7e69f3493a
Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents:
97
diff
changeset
|
35 | |
117 | 36 | #jqxWidget { |
98
6e7e69f3493a
Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents:
97
diff
changeset
|
37 | width: 980px; |
99 | 38 | height: 510px; |
117 | 39 | // background: #ddd; |
98
6e7e69f3493a
Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents:
97
diff
changeset
|
40 | float: left; |
6e7e69f3493a
Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents:
97
diff
changeset
|
41 | } |
6e7e69f3493a
Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents:
97
diff
changeset
|
42 | |
99 | 43 | #header { |
117 | 44 | width: 980px; |
45 | height: 60px; | |
46 | // background: #222; | |
47 | // margin: 5px; | |
98
6e7e69f3493a
Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents:
97
diff
changeset
|
48 | float: left; |
6e7e69f3493a
Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents:
97
diff
changeset
|
49 | } |
6e7e69f3493a
Start over again with web pages
Michiel Broek <mbroek@mbse.eu>
parents:
97
diff
changeset
|
50 | |
117 | 51 | #jqxTabs { |
52 | width: 980px; | |
53 | height: 460px; | |
100 | 54 | float: left; |
55 | } | |
56 | ||
57 | ||
58 | #fermentor { | |
59 | border: 5px solid; | |
60 | border-color: #FFCC01; | |
61 | border-radius: 15px 15px 15px 15px; | |
117 | 62 | height: 393px; |
63 | width: 958px; | |
100 | 64 | background: #fff; |
99 | 65 | margin: 5px; |
66 | float: left; | |
67 | } | |
68 | ||
100 | 69 | #fermentor_head { |
70 | margin-bottom: 1px; | |
71 | padding: 3px 10px 8px; | |
72 | background-color: #FFCC01; | |
73 | color: #666666; | |
74 | font-weight: bold; | |
75 | } | |
76 | ||
77 | #fermentor_pict { | |
78 | width: 220px; | |
79 | height: 350px; | |
80 | float: left; | |
81 | } | |
82 | ||
113
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
83 | #fermentor_panel { |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
84 | width: 240px; |
117 | 85 | height: 350px; |
113
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
86 | float: left; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
87 | background-color: #f0f0f0; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
88 | } |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
89 | |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
90 | #fermentor_selector { |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
91 | width: 160px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
92 | height: 160px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
93 | float: left; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
94 | } |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
95 | |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
96 | #fermentor_powerled { |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
97 | width: 80px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
98 | height: 160px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
99 | float: left; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
100 | } |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
101 | |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
102 | #fermentor_display1 { |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
103 | width: 80px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
104 | height: 40px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
105 | float: left; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
106 | } |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
107 | |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
108 | #fermentor_display2 { |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
109 | width: 80px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
110 | height: 40px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
111 | float: left; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
112 | } |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
113 | |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
114 | #fermentor_display3 { |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
115 | width: 80px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
116 | height: 40px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
117 | float: left; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
118 | } |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
119 | |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
120 | #fermentor_led1 { |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
121 | width: 80px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
122 | height: 40px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
123 | float: left; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
124 | } |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
125 | |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
126 | #fermentor_led2 { |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
127 | width: 80px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
128 | height: 40px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
129 | float: left; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
130 | } |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
131 | |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
132 | #fermentor_led3 { |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
133 | width: 80px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
134 | height: 40px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
135 | float: left; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
136 | } |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
137 | |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
138 | #fermentor_toggle1 { |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
139 | width: 80px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
140 | height: 40px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
141 | float: left; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
142 | } |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
143 | |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
144 | #fermentor_toggle2 { |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
145 | width: 80px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
146 | height: 40px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
147 | float: left; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
148 | } |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
149 | |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
150 | #fermentor_toggle3 { |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
151 | width: 80px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
152 | height: 40px; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
153 | float: left; |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
154 | } |
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
155 | |
100 | 156 | #fermentor_control { |
157 | width: 240px; | |
113
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
158 | height: 40px; |
100 | 159 | float: right; |
160 | } | |
161 | ||
112 | 162 | #fermentor_edit { |
163 | width: 240px; | |
113
cf3f906ffe0d
Created control panel layout
Michiel Broek <mbroek@mbse.eu>
parents:
112
diff
changeset
|
164 | height: 40px; |
112 | 165 | float: right; |
166 | } | |
167 |