comparison: image/w/css/webui.css
image/w/css/webui.css
- branch
- novnc
- changeset 42
- c6a1a6ca5437
- parent 41
- 7639cfa6aec0
- child 76
- 3ff381bfa469
equal
deleted
inserted
replaced
| 41:7639cfa6aec0 | 42:c6a1a6ca5437 |
|---|---|
| 1 | |
| 2 body { | |
| 3 background: #555; | |
| 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 position: absolute; | |
| 77 left: 150px; | |
| 78 top: 230px; | |
| 79 } | |
| 80 | |
| 81 .promptbutton { | |
| 82 width: 80px; | |
| 83 height: 40px; | |
| 84 border-radius: 4px; | |
| 85 background-color: #e7e7e7; color: black; | |
| 86 } | |
| 87 | |
| 88 #timer { | |
| 89 color: white; | |
| 90 text-align: center; | |
| 91 font-family: "Courier New", "Lucida Console"; | |
| 92 font-size: 34px; | |
| 93 } | |
| 94 | |
| 95 /* LED */ | |
| 96 .LEDred { | |
| 97 margin: 5px auto; | |
| 98 width: 12px; | |
| 99 height: 12px; | |
| 100 background-color: #820; /* On = #F40 */ | |
| 101 border-radius: 50%; | |
| 102 } | |
| 103 | |
| 104 .LEDgreen { | |
| 105 margin: 5px auto; | |
| 106 width: 12px; | |
| 107 height: 12px; | |
| 108 background-color: #270; /* On = #5E0 */ | |
| 109 border-radius: 50%; | |
| 110 } | |
| 111 | |
| 112 .menu input[type=submit] { | |
| 113 background-color: #33b5e5; | |
| 114 border: none; | |
| 115 color: white; | |
| 116 font-weight: bold; | |
| 117 width: 250px; | |
| 118 padding: 15px 32px; | |
| 119 text-decoration: none; | |
| 120 font-size: 16px; | |
| 121 cursor: pointer; | |
| 122 margin: 8px; | |
| 123 text-align: center; | |
| 124 border-radius: 10px; | |
| 125 } | |
| 126 | |
| 127 .menu input[type=submit]:hover { | |
| 128 background-color: #0099cc; | |
| 129 } | |
| 130 |
