Mercurial > mbsePi-apps / file comparison
comparison: www-thermferm/css/style.css
www-thermferm/css/style.css
- changeset 295
- e88d182657ca
- parent 269
- dc88583a068d
- child 397
- 00ca08f5a6f8
equal
deleted
inserted
replaced
| 294:e07b08283d96 | 295:e88d182657ca |
|---|---|
| 192 * |+----------++----------++----------+| | 192 * |+----------++----------++----------+| |
| 193 * |+----------++----------++----------+| | 193 * |+----------++----------++----------+| |
| 194 * || switch1 || switch2 || switch3 || | 194 * || switch1 || switch2 || switch3 || |
| 195 * |+----------++----------++----------+| | 195 * |+----------++----------++----------+| |
| 196 * +------------------------------------+ | 196 * +------------------------------------+ |
| 197 * +----------pannel_buttons------------+ | |
| 198 * | | | |
| 199 * +------------------------------------+ | |
| 197 */ | 200 */ |
| 198 | 201 |
| 199 #fermentor_panel_top { | 202 #fermentor_panel_top { |
| 200 width: 236px; | 203 width: 236px; |
| 201 height: 170px; | 204 height: 170px; |
| 202 float: right; | 205 float: right; |
| 203 background-color: #eee; | 206 background-color: #eee; |
| 204 border: 2px solid; | 207 border: 2px solid; |
| 205 border-color: #888; | 208 border-color: #888; |
| 206 border-radius: 5px 5px 5px 5px; | 209 border-radius: 5px 5px 5px 5px; |
| 207 margin-bottom: 5px; | 210 margin-bottom: 3px; |
| 208 } | 211 } |
| 209 | 212 |
| 210 #fermentor_selector { | 213 #fermentor_selector { |
| 211 width: 88px; | 214 width: 88px; |
| 212 height: 170px; | 215 height: 170px; |
| 242 float: right; | 245 float: right; |
| 243 background-color: #eee; | 246 background-color: #eee; |
| 244 border: 2px solid; | 247 border: 2px solid; |
| 245 border-color: #888; | 248 border-color: #888; |
| 246 border-radius: 5px 5px 5px 5px; | 249 border-radius: 5px 5px 5px 5px; |
| 247 margin-bottom: 5px; | 250 margin-bottom: 3px; |
| 248 } | 251 } |
| 249 | 252 |
| 250 #fermentor_display1 { | 253 #fermentor_display1 { |
| 251 width: 79px; | 254 width: 79px; |
| 252 height: 46px; | 255 height: 46px; |
| 271 margin-top: 7px; | 274 margin-top: 7px; |
| 272 } | 275 } |
| 273 | 276 |
| 274 #fermentor_panel_control { | 277 #fermentor_panel_control { |
| 275 width: 236px; | 278 width: 236px; |
| 276 height: 120px; | 279 height: 100px; |
| 277 float: right; | 280 float: right; |
| 278 background-color: #eee; | 281 background-color: #eee; |
| 279 border: 2px solid; | 282 border: 2px solid; |
| 280 border-color: #888; | 283 border-color: #888; |
| 281 border-radius: 5px 5px 5px 5px; | 284 border-radius: 5px 5px 5px 5px; |
| 285 margin-bottom: 3px; | |
| 282 } | 286 } |
| 283 | 287 |
| 284 #fermentor_led1 { | 288 #fermentor_led1 { |
| 285 width: 79px; | 289 width: 79px; |
| 286 height: 30px; | 290 height: 30px; |
| 287 float: left; | 291 float: left; |
| 288 text-align: center; | 292 text-align: center; |
| 289 margin-top: 10px; | 293 margin-top: 8px; |
| 290 } | 294 } |
| 291 | 295 |
| 292 #fermentor_led2 { | 296 #fermentor_led2 { |
| 293 width: 78px; | 297 width: 78px; |
| 294 height: 30px; | 298 height: 30px; |
| 295 float: left; | 299 float: left; |
| 296 text-align: center; | 300 text-align: center; |
| 297 margin-top: 10px; | 301 margin-top: 8px; |
| 298 } | 302 } |
| 299 | 303 |
| 300 #fermentor_led3 { | 304 #fermentor_led3 { |
| 301 width: 79px; | 305 width: 79px; |
| 302 height: 30px; | 306 height: 30px; |
| 303 float: left; | 307 float: left; |
| 304 text-align: center; | 308 text-align: center; |
| 305 margin-top: 10px; | 309 margin-top: 8px; |
| 306 } | 310 } |
| 307 | 311 |
| 308 .dtemp { | 312 .dtemp { |
| 309 font-weight: bold; | 313 font-weight: bold; |
| 310 font-size: 1.2em; | 314 font-size: 1.2em; |
| 311 color: blue; | 315 color: blue; |
| 312 } | 316 } |
| 313 | 317 |
| 314 #fermentor_toggle1 { | 318 #fermentor_toggle1 { |
| 315 width: 79px; | 319 width: 79px; |
| 316 height: 90px; | 320 height: 70px; |
| 317 float: left; | 321 float: left; |
| 318 text-align: center; | 322 text-align: center; |
| 319 margin-top: 10px; | 323 margin-top: 10px; |
| 320 } | 324 } |
| 321 | 325 |
| 322 #fermentor_toggle2 { | 326 #fermentor_toggle2 { |
| 323 width: 78px; | 327 width: 78px; |
| 324 height: 90px; | 328 height: 70px; |
| 325 float: left; | 329 float: left; |
| 326 text-align: center; | 330 text-align: center; |
| 327 margin-top: 10px; | 331 margin-top: 10px; |
| 328 } | 332 } |
| 329 | 333 |
| 330 #fermentor_toggle3 { | 334 #fermentor_toggle3 { |
| 331 width: 79px; | 335 width: 79px; |
| 332 height: 90px; | 336 height: 70px; |
| 333 float: left; | 337 float: left; |
| 334 text-align: center; | 338 text-align: center; |
| 335 margin-top: 10px; | 339 margin-top: 10px; |
| 340 } | |
| 341 | |
| 342 #fermentor_panel_buttons { | |
| 343 width: 236px; | |
| 344 height: 30px; | |
| 345 float: right; | |
| 346 background-color: #eee; | |
| 347 border: 2px solid; | |
| 348 border-color: #888; | |
| 349 border-radius: 5px 5px 5px 5px; | |
| 336 } | 350 } |
| 337 | 351 |
| 338 #menu { | 352 #menu { |
| 339 width: 600px; | 353 width: 600px; |
| 340 height: 300px; | 354 height: 300px; |
| 385 background-color: #820; | 399 background-color: #820; |
| 386 border-radius: 50%; | 400 border-radius: 50%; |
| 387 box-shadow: #400 0 0px 1px 1px; | 401 box-shadow: #400 0 0px 1px 1px; |
| 388 } | 402 } |
| 389 | 403 |
| 390 | |
| 391 .LEDyellow_on { | 404 .LEDyellow_on { |
| 392 margin: 5px auto; | 405 margin: 5px auto; |
| 393 width: 12px; | 406 width: 12px; |
| 394 height: 12px; | 407 height: 12px; |
| 395 background-color: #FF0; | 408 background-color: #FF0; |
