comparison: image/w/css/style.css
image/w/css/style.css
- branch
- novnc
- changeset 42
- c6a1a6ca5437
- parent 41
- 7639cfa6aec0
- child 43
- 2079940c3989
equal
deleted
inserted
replaced
| 41:7639cfa6aec0 | 42:c6a1a6ca5437 |
|---|---|
| 1 | |
| 2 body { | |
| 3 background: #ccc; | |
| 4 font-family: Verdana, Arial, sans-serif; | |
| 5 margin: 0px; | |
| 6 } | |
| 7 | |
| 8 #webui_win { | |
| 9 width: 360px; | |
| 10 height: 270px; | |
| 11 background: #353536; | |
| 12 border: 2px solid; | |
| 13 border-color: #59b4d4; | |
| 14 } | |
| 15 | |
| 16 #topline { | |
| 17 width: 100%; | |
| 18 height: 24px; | |
| 19 background: blue; | |
| 20 color: yellow; | |
| 21 text-align: center; | |
| 22 font-size: 18px; | |
| 23 } | |
| 24 | |
| 25 #mltline, | |
| 26 #hltline { | |
| 27 width: 100%; | |
| 28 height: 100px; | |
| 29 } | |
| 30 | |
| 31 #midline { | |
| 32 width: 100%; | |
| 33 height: 45px; | |
| 34 } | |
| 35 | |
| 36 #mlt_table { | |
| 37 width: 178px; | |
| 38 height: 90px; | |
| 39 margin: auto; | |
| 40 background: #303030; | |
| 41 border: 1px solid; | |
| 42 border-collapse: collapse; | |
| 43 color: white; | |
| 44 border-color: white; | |
| 45 } | |
| 46 | |
| 47 #hlt_table { | |
| 48 width: 178px; | |
| 49 height: 90px; | |
| 50 margin: auto; | |
| 51 background: #3f3f40; | |
| 52 border: 1px solid; | |
| 53 border-collapse: collapse; | |
| 54 color: yellow; | |
| 55 border-color: yellow; | |
| 56 } | |
| 57 | |
| 58 #prompt { | |
| 59 width: 100%; | |
| 60 float: left; | |
| 61 text-align: center; | |
| 62 } | |
| 63 | |
| 64 .appbutton { | |
| 65 width: 60px; | |
| 66 height: 36px; | |
| 67 border-radius: 4px; | |
| 68 background-color: #e7e7e7; color: black; | |
| 69 } | |
| 70 | |
| 71 .okbutton { | |
| 72 width: 60px; | |
| 73 height: 36px; | |
| 74 border-radius: 4px; | |
| 75 background-color: #575757; color: white; | |
| 76 } | |
| 77 | |
| 78 .promptbutton { | |
| 79 width: 80px; | |
| 80 height: 40px; | |
| 81 border-radius: 4px; | |
| 82 background-color: #e7e7e7; color: black; | |
| 83 } | |
| 84 | |
| 85 #timer { | |
| 86 color: white; | |
| 87 text-align: center; | |
| 88 font-family: "Courier New", "Lucida Console"; | |
| 89 font-size: 34px; | |
| 90 } | |
| 91 | |
| 92 /* LED */ | |
| 93 .LEDred { | |
| 94 margin: 5px auto; | |
| 95 width: 12px; | |
| 96 height: 12px; | |
| 97 background-color: #820; /* On = #F40 */ | |
| 98 border-radius: 50%; | |
| 99 } | |
| 100 | |
| 101 .LEDgreen { | |
| 102 margin: 5px auto; | |
| 103 width: 12px; | |
| 104 height: 12px; | |
| 105 background-color: #270; /* On = #5E0 */ | |
| 106 border-radius: 50%; | |
| 107 } | |
| 108 | |
| 109 |
