www/css/style.css

changeset 570
c8a20234d7e7
parent 505
c09b67fd8323
child 764
e95744b6b31d
equal deleted inserted replaced
569:d0e7ab1fc245 570:c8a20234d7e7
8 } 8 }
9 9
10 10
11 #MainPanel, 11 #MainPanel,
12 #fermenter, 12 #fermenter,
13 #co2meter { 13 #co2meter,
14 #ispindel {
14 width: 1278px; 15 width: 1278px;
15 height: 628px; 16 height: 628px;
16 border: 2px solid #4297d7; 17 border: 2px solid #4297d7;
17 background: #252526; 18 background: #252526;
18 float: left; 19 float: left;
63 } 64 }
64 65
65 66
66 67
67 #fermenter_table, 68 #fermenter_table,
68 #co2meter_table { 69 #co2meter_table,
70 #ispindel_table {
69 width: 960px; 71 width: 960px;
70 height: 210px; 72 height: 210px;
71 background: #252526; 73 background: #252526;
72 margin: 5px; 74 margin: 5px;
73 border: 2px solid; 75 border: 2px solid;
103 * |+-------------------+ +-------------------+| 105 * |+-------------------+ +-------------------+|
104 * +----------------------------------------------------+ 106 * +----------------------------------------------------+
105 */ 107 */
106 108
107 #fermenter_thermometers, 109 #fermenter_thermometers,
108 #co2meter_meters { 110 #co2meter_meters,
111 #ispindel_meters {
109 width: 960px; 112 width: 960px;
110 height: 390px; 113 height: 390px;
111 float: left; 114 float: left;
112 background-color: #252526; 115 background-color: #252526;
113 margin: 5px; 116 margin: 5px;
138 * +--------panel_buttons----------+ 141 * +--------panel_buttons----------+
139 * | | 142 * | |
140 * +-------------------------------+ 143 * +-------------------------------+
141 */ 144 */
142 #fermenter_panel_top, 145 #fermenter_panel_top,
143 #co2meter_panel_top { 146 #co2meter_panel_top,
147 #ispindel_panel_top {
144 width: 290px; 148 width: 290px;
145 height: 100px; 149 height: 100px;
146 float: right; 150 float: right;
147 margin: 5px; 151 margin: 5px;
148 background-color: #252526; 152 background-color: #252526;
162 margin-top: 15px; 166 margin-top: 15px;
163 margin-left: 20px; 167 margin-left: 20px;
164 } 168 }
165 169
166 #co2meter_alarmled, 170 #co2meter_alarmled,
167 #co2meter_powerled { 171 #co2meter_powerled,
172 #ispindel_alarmled,
173 #ispindel_powerled {
168 width: 50px; 174 width: 50px;
169 height: 30px; 175 height: 30px;
170 float: right; 176 float: right;
171 text-align: center; 177 text-align: center;
172 margin-top: 15px; 178 margin-top: 15px;
173 margin-right: 20px; 179 margin-right: 20px;
174 } 180 }
175 181
176 #co2meter_panel_display { 182 #co2meter_panel_display,
183 #ispindel_panel_display {
177 width: 290px; 184 width: 290px;
178 height: 260px; 185 height: 260px;
179 float: right; 186 float: right;
180 margin: 5px; 187 margin: 5px;
181 margin-top: 3px; 188 margin-top: 3px;
239 margin-top: 20px; 246 margin-top: 20px;
240 } 247 }
241 248
242 249
243 #fermenter_panel_buttons, 250 #fermenter_panel_buttons,
244 #co2meter_panel_buttons { 251 #co2meter_panel_buttons,
252 #ispindel_panel_buttons {
245 width: 290px; 253 width: 290px;
246 height: 227px; 254 height: 227px;
247 float: right; 255 float: right;
248 margin: 5px; 256 margin: 5px;
249 margin-top: 3px; 257 margin-top: 3px;

mercurial