comparison: www/css/style.css
www/css/style.css
- changeset 183
- a810539dc218
- parent 182
- 58618d93c0fb
- child 184
- 3dbe1d2265ed
equal
deleted
inserted
replaced
| 182:58618d93c0fb | 183:a810539dc218 |
|---|---|
| 125 * +-------------------------------+ | 125 * +-------------------------------+ |
| 126 * +--------panel_buttons----------+ | 126 * +--------panel_buttons----------+ |
| 127 * | | | 127 * | | |
| 128 * +-------------------------------+ | 128 * +-------------------------------+ |
| 129 */ | 129 */ |
| 130 #fermentor_panel_top { | 130 #fermenter_panel_top { |
| 131 width: 280px; | 131 width: 280px; |
| 132 height: 200px; | 132 height: 200px; |
| 133 float: right; | 133 float: right; |
| 134 margin: 5px; | 134 margin: 5px; |
| 135 background-color: #252526; | 135 background-color: #252526; |
| 136 border: 2px solid; | 136 border: 2px solid; |
| 137 border-color: #59b4d4; | 137 border-color: #59b4d4; |
| 138 border-radius: 5px 5px 5px 5px; | 138 border-radius: 5px 5px 5px 5px; |
| 139 } | 139 } |
| 140 | 140 |
| 141 #fermentor_selector { | 141 #fermenter_selector { |
| 142 width: 100px; | 142 width: 100px; |
| 143 height: 198px; | 143 height: 198px; |
| 144 margin-top: 3px; | |
| 144 float: left; | 145 float: left; |
| 145 } | 146 } |
| 146 | 147 |
| 147 input.select { | 148 #fermenter_alarmled { |
| 148 margin-left: 10px; | |
| 149 margin-top: 13px; | |
| 150 } | |
| 151 | |
| 152 #fermentor_alarmled { | |
| 153 width: 50px; | 149 width: 50px; |
| 154 height: 30px; | 150 height: 30px; |
| 155 float: left; | 151 float: left; |
| 156 text-align: center; | 152 text-align: center; |
| 157 margin-top: 10px; | 153 margin-top: 10px; |
| 158 margin-left: 20px; | 154 margin-left: 20px; |
| 159 } | 155 } |
| 160 | 156 |
| 161 #fermentor_powerled { | 157 #fermenter_powerled { |
| 162 width: 50px; | 158 width: 50px; |
| 163 height: 30px; | 159 height: 30px; |
| 164 float: left; | 160 float: left; |
| 165 text-align: center; | 161 text-align: center; |
| 166 margin-top: 10px; | 162 margin-top: 10px; |
| 167 margin-left: 42px; | 163 margin-left: 42px; |
| 168 } | 164 } |
| 169 | 165 |
| 170 #fermentor_mode_control { | 166 #fermenter_mode_control { |
| 171 width: 148px; | 167 width: 148px; |
| 172 height: 110px; | 168 height: 110px; |
| 173 float: left; | 169 float: left; |
| 174 margin-top: 10px; | 170 margin-top: 10px; |
| 175 background-color: #ddd; | 171 background-color: #ddd; |
| 176 } | 172 } |
| 177 | 173 |
| 178 #fermentor_panel_display { | 174 #fermenter_panel_display { |
| 179 width: 280px; | 175 width: 280px; |
| 180 height: 80px; | 176 height: 80px; |
| 181 float: right; | 177 float: right; |
| 182 margin: 5px; | 178 margin: 5px; |
| 183 background-color: #252526; | 179 background-color: #252526; |
| 185 border-color: #59b4d4; | 181 border-color: #59b4d4; |
| 186 border-radius: 5px 5px 5px 5px; | 182 border-radius: 5px 5px 5px 5px; |
| 187 margin-bottom: 3px; | 183 margin-bottom: 3px; |
| 188 } | 184 } |
| 189 | 185 |
| 190 #fermentor_display1 { | 186 #fermenter_display1 { |
| 191 width: 93px; | 187 width: 93px; |
| 192 height: 76px; | 188 height: 76px; |
| 193 float: left; | 189 float: left; |
| 194 text-align: center; | 190 text-align: center; |
| 195 margin-top: 7px; | 191 margin-top: 7px; |
| 196 } | 192 } |
| 197 | 193 |
| 198 #fermentor_display2 { | 194 #fermenter_display2 { |
| 199 width: 93px; | 195 width: 93px; |
| 200 height: 76px; | 196 height: 76px; |
| 201 float: left; | 197 float: left; |
| 202 text-align: center; | 198 text-align: center; |
| 203 margin-top: 7px; | 199 margin-top: 7px; |
| 204 } | 200 } |
| 205 | 201 |
| 206 #fermentor_display3 { | 202 #fermenter_display3 { |
| 207 width: 93px; | 203 width: 93px; |
| 208 height: 76px; | 204 height: 76px; |
| 209 float: left; | 205 float: left; |
| 210 text-align: center; | 206 text-align: center; |
| 211 margin-top: 7px; | 207 margin-top: 7px; |
| 224 .htemp { | 220 .htemp { |
| 225 font-weight: bold; | 221 font-weight: bold; |
| 226 color: red; | 222 color: red; |
| 227 } | 223 } |
| 228 | 224 |
| 229 #fermentor_panel_control { | 225 #fermenter_panel_control { |
| 230 width: 280px; | 226 width: 280px; |
| 231 height: 120px; | 227 height: 140px; |
| 232 float: right; | 228 float: right; |
| 233 margin: 5px; | 229 margin: 5px; |
| 234 background-color: #252526; | 230 background-color: #252526; |
| 235 border: 2px solid; | 231 border: 2px solid; |
| 236 border-color: #59b4d4; | 232 border-color: #59b4d4; |
| 237 border-radius: 5px 5px 5px 5px; | 233 border-radius: 5px 5px 5px 5px; |
| 238 margin-bottom: 3px; | 234 margin-bottom: 3px; |
| 239 } | 235 } |
| 240 | 236 |
| 241 #fermentor_led1 { | 237 #fermenter_led1, |
| 242 width: 93px; | 238 #fermenter_led2, |
| 243 height: 30px; | 239 #fermenter_led3 { |
| 244 float: left; | 240 width: 93px; |
| 245 text-align: center; | 241 height: 30px; |
| 246 margin-top: 8px; | 242 float: left; |
| 247 } | 243 text-align: center; |
| 248 | 244 margin-top: 8px; |
| 249 #fermentor_led2 { | 245 } |
| 250 width: 93px; | 246 |
| 251 height: 30px; | 247 #fermenter_toggle1 { |
| 252 float: left; | 248 float: left; |
| 253 text-align: center; | 249 margin-left: 29px; |
| 254 margin-top: 8px; | 250 margin-top: 20px; |
| 255 } | 251 } |
| 256 | 252 |
| 257 #fermentor_led3 { | 253 #fermenter_toggle2, |
| 258 width: 93px; | 254 #fermenter_toggle3 { |
| 259 height: 30px; | 255 float: left; |
| 260 float: left; | 256 margin-left: 57px; |
| 261 text-align: center; | 257 margin-top: 20px; |
| 262 margin-top: 8px; | 258 } |
| 263 } | 259 |
| 264 | 260 |
| 265 #fermentor_toggle1 { | 261 #fermenter_panel_buttons { |
| 266 width: 93px; | |
| 267 height: 70px; | |
| 268 float: left; | |
| 269 text-align: center; | |
| 270 margin-top: 10px; | |
| 271 } | |
| 272 | |
| 273 #fermentor_toggle2 { | |
| 274 width: 93px; | |
| 275 height: 70px; | |
| 276 float: left; | |
| 277 text-align: center; | |
| 278 margin-top: 10px; | |
| 279 } | |
| 280 | |
| 281 #fermentor_toggle3 { | |
| 282 width: 93px; | |
| 283 height: 70px; | |
| 284 float: left; | |
| 285 text-align: center; | |
| 286 margin-top: 10px; | |
| 287 } | |
| 288 | |
| 289 | |
| 290 #fermentor_panel_buttons { | |
| 291 width: 280px; | 262 width: 280px; |
| 292 height: 130px; | 263 height: 130px; |
| 293 float: right; | 264 float: right; |
| 294 margin: 5px; | 265 margin: 5px; |
| 295 background-color: #252526; | 266 background-color: #252526; |
| 298 border-radius: 5px 5px 5px 5px; | 269 border-radius: 5px 5px 5px 5px; |
| 299 margin-bottom: 3px; | 270 margin-bottom: 3px; |
| 300 } | 271 } |
| 301 | 272 |
| 302 | 273 |
| 303 #fermenter_tempdigits { | |
| 304 width: 145px; | |
| 305 height: 120px; | |
| 306 float: left; | |
| 307 margin-top: 170; | |
| 308 background-color: #252526; | |
| 309 border: 2px solid; | |
| 310 border-color: #59b4d4; | |
| 311 border-radius: 5px 5px 5px 5px; | |
| 312 } | |
| 313 | |
| 314 | |
| 315 | |
| 316 .LEDred_on { | 274 .LEDred_on { |
| 317 margin: 5px auto; | 275 margin: 5px auto; |
| 318 width: 18px; | 276 width: 18px; |
| 319 height: 18px; | 277 height: 18px; |
| 320 background-color: #F40; | 278 background-color: #F40; |
