Mercurial > mbsePi-apps / file comparison
comparison: www-thermferm/css/style.css
www-thermferm/css/style.css
- changeset 225
- b18b06c17a80
- parent 224
- 3b72d4d3e389
- child 258
- e02393b29733
equal
deleted
inserted
replaced
| 224:3b72d4d3e389 | 225:b18b06c17a80 |
|---|---|
| 193 | 193 |
| 194 #fermentor_panel_top { | 194 #fermentor_panel_top { |
| 195 width: 236px; | 195 width: 236px; |
| 196 height: 156px; | 196 height: 156px; |
| 197 float: right; | 197 float: right; |
| 198 background-color: #bbb; | 198 background-color: #eee; |
| 199 border: 2px solid; | 199 border: 2px solid; |
| 200 border-color: #888; | 200 border-color: #888; |
| 201 border-radius: 5px 5px 5px 5px; | 201 border-radius: 5px 5px 5px 5px; |
| 202 margin-bottom: 5px; | 202 margin-bottom: 5px; |
| 203 } | 203 } |
| 215 | 215 |
| 216 #fermentor_powerled { | 216 #fermentor_powerled { |
| 217 width: 38px; | 217 width: 38px; |
| 218 height: 36px; | 218 height: 36px; |
| 219 float: left; | 219 float: left; |
| 220 margin-top: 10px; | 220 text-align: center; |
| 221 margin-left: 110px; | 221 margin-top: 10px; |
| 222 margin-left: 90px; | |
| 222 } | 223 } |
| 223 | 224 |
| 224 #fermentor_mode_control { | 225 #fermentor_mode_control { |
| 225 width: 148px; | 226 width: 148px; |
| 226 height: 100px; | 227 height: 100px; |
| 232 | 233 |
| 233 #fermentor_panel_display { | 234 #fermentor_panel_display { |
| 234 width: 236px; | 235 width: 236px; |
| 235 height: 50px; | 236 height: 50px; |
| 236 float: right; | 237 float: right; |
| 237 background-color: #bbb; | 238 background-color: #eee; |
| 238 border: 2px solid; | 239 border: 2px solid; |
| 239 border-color: #888; | 240 border-color: #888; |
| 240 border-radius: 5px 5px 5px 5px; | 241 border-radius: 5px 5px 5px 5px; |
| 241 margin-bottom: 5px; | 242 margin-bottom: 5px; |
| 242 } | 243 } |
| 267 | 268 |
| 268 #fermentor_panel_control { | 269 #fermentor_panel_control { |
| 269 width: 236px; | 270 width: 236px; |
| 270 height: 136px; | 271 height: 136px; |
| 271 float: right; | 272 float: right; |
| 272 background-color: #bbb; | 273 background-color: #eee; |
| 273 border: 2px solid; | 274 border: 2px solid; |
| 274 border-color: #888; | 275 border-color: #888; |
| 275 border-radius: 5px 5px 5px 5px; | 276 border-radius: 5px 5px 5px 5px; |
| 276 } | 277 } |
| 277 | 278 |
| 361 width: 300px; | 362 width: 300px; |
| 362 height: 260px; | 363 height: 260px; |
| 363 float: right; | 364 float: right; |
| 364 } | 365 } |
| 365 | 366 |
| 366 .led-red { | 367 .LEDred_on { |
| 367 margin: 5px auto; | 368 margin: 5px auto; |
| 368 width: 12px; | 369 width: 12px; |
| 369 height: 12px; | 370 height: 12px; |
| 370 background-color: #940; | 371 background-color: #F40; |
| 371 border-radius: 50%; | 372 border-radius: 50%; |
| 372 box-shadow: #000 0 -1px 7px 1px, inset #600 0 -1px 9px, #f00 0 2px 12px; | 373 box-shadow: #000 0 0px 4px 1px, inset #C33 0 -1px 5px, #f44 0 2px 12px; |
| 373 } | 374 } |
| 374 | 375 |
| 375 .led-yellow { | 376 .LEDred_off { |
| 377 margin: 5px auto; | |
| 378 width: 12px; | |
| 379 height: 12px; | |
| 380 background-color: #820; | |
| 381 border-radius: 50%; | |
| 382 box-shadow: #400 0 0px 1px 1px; | |
| 383 } | |
| 384 | |
| 385 | |
| 386 .LEDyellow_on { | |
| 387 margin: 5px auto; | |
| 388 width: 12px; | |
| 389 height: 12px; | |
| 390 background-color: #FF0; | |
| 391 border-radius: 50%; | |
| 392 box-shadow: #000 0 0px 4px 1px, inset #860 0 -1px 5px, #DD0 0 2px 12px; | |
| 393 } | |
| 394 | |
| 395 .LEDyellow_off { | |
| 376 margin: 5px auto; | 396 margin: 5px auto; |
| 377 width: 12px; | 397 width: 12px; |
| 378 height: 12px; | 398 height: 12px; |
| 379 background-color: #A90; | 399 background-color: #A90; |
| 380 border-radius: 50%; | 400 border-radius: 50%; |
| 381 box-shadow: #000 0 -1px 7px 1px, inset #660 0 -1px 9px, #DD0 0 2px 12px; | 401 box-shadow: #440 0 0px 1px 1px; |
| 382 } | 402 } |
| 383 | 403 |
| 384 .led-green { | 404 .LEDgreen_on { |
| 385 margin: 5px auto; | 405 margin: 5px auto; |
| 386 width: 12px; | 406 width: 12px; |
| 387 height: 12px; | 407 height: 12px; |
| 388 background-color: #690; | 408 background-color: #5E0; |
| 389 border-radius: 50%; | 409 border-radius: 50%; |
| 390 box-shadow: #000 0 -1px 7px 1px, inset #460 0 -1px 9px, #7D0 0 2px 12px; | 410 box-shadow: #000 0 0px 4px 1px, inset #270 0 -1px 5px, #5D0 0 2px 12px; |
| 391 } | 411 } |
| 392 | 412 |
| 393 .led-blue { | 413 .LEDgreen_off { |
| 394 margin: 5px auto; | 414 margin: 5px auto; |
| 395 width: 12px; | 415 width: 12px; |
| 396 height: 12px; | 416 height: 12px; |
| 397 background-color: #4AB; | 417 background-color: #270; |
| 398 border-radius: 50%; | 418 border-radius: 50%; |
| 399 box-shadow: #000 0 -1px 7px 1px, inset #006 0 -1px 9px, #06F 0 2px 12px; | 419 box-shadow: #250 0 0px 1px 1px; |
| 400 } | 420 } |
| 401 | 421 |
| 422 .LEDblue_on { | |
| 423 margin: 5px auto; | |
| 424 width: 12px; | |
| 425 height: 12px; | |
| 426 background-color: #4AF; | |
| 427 border-radius: 50%; | |
| 428 box-shadow: #000 0 0px 4px 1px, inset #247 0 -1px 5px, #48F 0 2px 12px; | |
| 429 } | |
| 430 | |
| 431 .LEDblue_off { | |
| 432 margin: 5px auto; | |
| 433 width: 12px; | |
| 434 height: 12px; | |
| 435 background-color: #137; | |
| 436 border-radius: 50%; | |
| 437 box-shadow: #024 0 0px 1px 1px; | |
| 438 /* , inset #006 0 -1px 9px, #06F 0 2px 12px; */ | |
| 439 } | |
| 440 |
