Rev 1013 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1013 | bpr | 1 | #keyboardInputMaster { |
| 2 | position:absolute; |
||
| 3548 | bpr | 3 | font:normal 11px Arial,sans-serif; |
| 4 | border-top:1px solid #eeeeee; |
||
| 5 | border-right:1px solid #888888; |
||
| 6 | border-bottom:1px solid #444444; |
||
| 7 | border-left:1px solid #cccccc; |
||
| 8 | -webkit-border-radius:0.6em; |
||
| 9 | -moz-border-radius:0.6em; |
||
| 10 | border-radius:0.6em; |
||
| 11 | -webkit-box-shadow:0px 2px 10px #444444; |
||
| 12 | -moz-box-shadow:0px 2px 10px #444444; |
||
| 13 | box-shadow:0px 2px 10px #444444; |
||
| 14 | opacity:0.95; |
||
| 15 | filter:alpha(opacity=95); |
||
| 1013 | bpr | 16 | background-color:#dddddd; |
| 17 | text-align:left; |
||
| 18 | z-index:1000000; |
||
| 19 | width:auto; |
||
| 3548 | bpr | 20 | height:auto; |
| 21 | min-width:0; |
||
| 22 | min-height:0; |
||
| 1013 | bpr | 23 | margin:0px; |
| 3548 | bpr | 24 | padding:0px; |
| 25 | line-height:normal; |
||
| 26 | -moz-user-select:none; |
||
| 27 | cursor:default; |
||
| 1013 | bpr | 28 | } |
| 29 | #keyboardInputMaster * { |
||
| 3548 | bpr | 30 | position:static; |
| 1013 | bpr | 31 | color:#000000; |
| 32 | background:transparent; |
||
| 33 | font:normal 11px Arial,sans-serif; |
||
| 3548 | bpr | 34 | width:auto; |
| 35 | height:auto; |
||
| 36 | min-width:0; |
||
| 37 | min-height:0; |
||
| 1013 | bpr | 38 | margin:0px; |
| 39 | padding:0px; |
||
| 40 | border:0px none; |
||
| 41 | outline:0px; |
||
| 42 | vertical-align:baseline; |
||
| 3548 | bpr | 43 | line-height:1.3em; |
| 1013 | bpr | 44 | } |
| 3548 | bpr | 45 | #keyboardInputMaster.keyboardInputSize1, |
| 46 | #keyboardInputMaster.keyboardInputSize1 * { |
||
| 47 | font-size:9px; |
||
| 48 | } |
||
| 49 | #keyboardInputMaster.keyboardInputSize3, |
||
| 50 | #keyboardInputMaster.keyboardInputSize3 * { |
||
| 51 | font-size:13px; |
||
| 52 | } |
||
| 53 | #keyboardInputMaster.keyboardInputSize4, |
||
| 54 | #keyboardInputMaster.keyboardInputSize4 * { |
||
| 55 | font-size:16px; |
||
| 56 | } |
||
| 57 | #keyboardInputMaster.keyboardInputSize5, |
||
| 58 | #keyboardInputMaster.keyboardInputSize5 * { |
||
| 59 | font-size:20px; |
||
| 60 | } |
||
| 1013 | bpr | 61 | |
| 62 | #keyboardInputMaster thead tr th { |
||
| 3548 | bpr | 63 | padding:0.3em 0.3em 0.1em 0.3em; |
| 64 | background-color:#999999; |
||
| 65 | white-space:nowrap; |
||
| 66 | text-align:right; |
||
| 67 | border-radius:0.6em 0.6em 0px 0px; |
||
| 1013 | bpr | 68 | } |
| 3548 | bpr | 69 | #keyboardInputMaster thead tr th div { |
| 70 | float:left; |
||
| 71 | font-size:130% !important; |
||
| 72 | height:1.3em; |
||
| 73 | font-weight:bold; |
||
| 74 | position:relative; |
||
| 75 | z-index:1; |
||
| 76 | margin-right:0.5em; |
||
| 77 | cursor:pointer; |
||
| 78 | background-color:transparent; |
||
| 79 | } |
||
| 80 | #keyboardInputMaster thead tr th div ol { |
||
| 81 | position:absolute; |
||
| 82 | left:0px; |
||
| 83 | top:90%; |
||
| 84 | list-style-type:none; |
||
| 85 | height:9.4em; |
||
| 86 | overflow-y:auto; |
||
| 87 | overflow-x:hidden; |
||
| 1013 | bpr | 88 | background-color:#f6f6f6; |
| 3548 | bpr | 89 | border:1px solid #999999; |
| 90 | display:none; |
||
| 91 | text-align:left; |
||
| 92 | width:12em; |
||
| 1013 | bpr | 93 | } |
| 3548 | bpr | 94 | #keyboardInputMaster thead tr th div ol li { |
| 95 | padding:0.2em 0.4em; |
||
| 96 | cursor:pointer; |
||
| 97 | white-space:nowrap; |
||
| 98 | width:12em; |
||
| 1013 | bpr | 99 | } |
| 3548 | bpr | 100 | #keyboardInputMaster thead tr th div ol li.selected { |
| 101 | background-color:#ffffcc; |
||
| 1013 | bpr | 102 | } |
| 3548 | bpr | 103 | #keyboardInputMaster thead tr th div ol li:hover, |
| 104 | #keyboardInputMaster thead tr th div ol li.hover { |
||
| 105 | background-color:#dddddd; |
||
| 106 | } |
||
| 107 | #keyboardInputMaster thead tr th span, |
||
| 108 | #keyboardInputMaster thead tr th strong, |
||
| 109 | #keyboardInputMaster thead tr th small, |
||
| 110 | #keyboardInputMaster thead tr th big { |
||
| 111 | display:inline-block; |
||
| 112 | padding:0px 0.4em; |
||
| 113 | height:1.4em; |
||
| 114 | line-height:1.4em; |
||
| 1013 | bpr | 115 | border-top:1px solid #e5e5e5; |
| 116 | border-right:1px solid #5d5d5d; |
||
| 117 | border-bottom:1px solid #5d5d5d; |
||
| 118 | border-left:1px solid #e5e5e5; |
||
| 119 | background-color:#cccccc; |
||
| 120 | cursor:pointer; |
||
| 3548 | bpr | 121 | margin:0px 0px 0px 0.3em; |
| 122 | -webkit-border-radius:0.3em; |
||
| 123 | -moz-border-radius:0.3em; |
||
| 124 | border-radius:0.3em; |
||
| 125 | vertical-align:middle; |
||
| 126 | -webkit-transition:background-color .15s ease-in-out; |
||
| 127 | -o-transition:background-color .15s ease-in-out; |
||
| 128 | transition:background-color .15s ease-in-out; |
||
| 1013 | bpr | 129 | } |
| 3548 | bpr | 130 | #keyboardInputMaster thead tr th strong { |
| 131 | font-weight:bold; |
||
| 132 | } |
||
| 133 | #keyboardInputMaster thead tr th small { |
||
| 134 | -webkit-border-radius:0.3em 0px 0px 0.3em; |
||
| 135 | -moz-border-radius:0.3em 0px 0px 0.3em; |
||
| 136 | border-radius:0.3em 0px 0px 0.3em; |
||
| 137 | border-right:1px solid #aaaaaa; |
||
| 138 | padding:0px 0.2em 0px 0.3em; |
||
| 139 | } |
||
| 140 | #keyboardInputMaster thead tr th big { |
||
| 141 | -webkit-border-radius:0px 0.3em 0.3em 0px; |
||
| 142 | -moz-border-radius:0px 0.3em 0.3em 0px; |
||
| 143 | border-radius:0px 0.3em 0.3em 0px; |
||
| 144 | border-left:0px none; |
||
| 145 | margin:0px; |
||
| 146 | padding:0px 0.3em 0px 0.2em; |
||
| 147 | } |
||
| 148 | #keyboardInputMaster thead tr th span:hover, |
||
| 149 | #keyboardInputMaster thead tr th span.hover, |
||
| 150 | #keyboardInputMaster thead tr th strong:hover, |
||
| 151 | #keyboardInputMaster thead tr th strong.hover, |
||
| 152 | #keyboardInputMaster thead tr th small:hover, |
||
| 153 | #keyboardInputMaster thead tr th small.hover, |
||
| 154 | #keyboardInputMaster thead tr th big:hover, |
||
| 155 | #keyboardInputMaster thead tr th big.hover { |
||
| 156 | background-color:#dddddd; |
||
| 157 | } |
||
| 1013 | bpr | 158 | |
| 159 | #keyboardInputMaster tbody tr td { |
||
| 160 | text-align:left; |
||
| 3548 | bpr | 161 | padding:0.2em 0.3em 0.3em 0.3em; |
| 162 | vertical-align:top; |
||
| 1013 | bpr | 163 | } |
| 164 | #keyboardInputMaster tbody tr td div { |
||
| 165 | text-align:center; |
||
| 166 | position:relative; |
||
| 3548 | bpr | 167 | zoom:1; |
| 1013 | bpr | 168 | } |
| 3548 | bpr | 169 | #keyboardInputMaster tbody tr td table { |
| 1013 | bpr | 170 | white-space:nowrap; |
| 171 | width:100%; |
||
| 172 | border-collapse:separate; |
||
| 173 | border-spacing:0px; |
||
| 174 | } |
||
| 3548 | bpr | 175 | #keyboardInputMaster tbody tr td#keyboardInputNumpad table { |
| 176 | margin-left:0.2em; |
||
| 1013 | bpr | 177 | width:auto; |
| 3548 | bpr | 178 | } |
| 179 | #keyboardInputMaster tbody tr td table.keyboardInputCenter { |
||
| 180 | width:auto; |
||
| 1013 | bpr | 181 | margin:0px auto; |
| 182 | } |
||
| 3548 | bpr | 183 | #keyboardInputMaster tbody tr td table tbody tr td { |
| 1013 | bpr | 184 | vertical-align:middle; |
| 3548 | bpr | 185 | padding:0px 0.45em; |
| 1013 | bpr | 186 | white-space:pre; |
| 3548 | bpr | 187 | height:1.8em; |
| 188 | font-family:'Lucida Console','Arial Unicode MS',monospace; |
||
| 1013 | bpr | 189 | border-top:1px solid #e5e5e5; |
| 190 | border-right:1px solid #5d5d5d; |
||
| 191 | border-bottom:1px solid #5d5d5d; |
||
| 192 | border-left:1px solid #e5e5e5; |
||
| 193 | background-color:#eeeeee; |
||
| 194 | cursor:default; |
||
| 195 | min-width:0.75em; |
||
| 3548 | bpr | 196 | -webkit-border-radius:0.2em; |
| 197 | -moz-border-radius:0.2em; |
||
| 198 | border-radius:0.2em; |
||
| 199 | -webkit-transition:background-color .15s ease-in-out; |
||
| 200 | -o-transition:background-color .15s ease-in-out; |
||
| 201 | transition:background-color .15s ease-in-out; |
||
| 1013 | bpr | 202 | } |
| 3548 | bpr | 203 | #keyboardInputMaster tbody tr td table tbody tr td.last { |
| 1013 | bpr | 204 | width:99%; |
| 205 | } |
||
| 3548 | bpr | 206 | #keyboardInputMaster tbody tr td table tbody tr td.space { |
| 207 | padding:0px 4em; |
||
| 1013 | bpr | 208 | } |
| 3548 | bpr | 209 | #keyboardInputMaster tbody tr td table tbody tr td.deadkey { |
| 1013 | bpr | 210 | background-color:#ccccdd; |
| 211 | } |
||
| 3548 | bpr | 212 | #keyboardInputMaster tbody tr td table tbody tr td.target { |
| 1013 | bpr | 213 | background-color:#ddddcc; |
| 214 | } |
||
| 3548 | bpr | 215 | #keyboardInputMaster tbody tr td table tbody tr td:hover, |
| 216 | #keyboardInputMaster tbody tr td table tbody tr td.hover { |
||
| 1013 | bpr | 217 | border-top:1px solid #d5d5d5; |
| 218 | border-right:1px solid #555555; |
||
| 219 | border-bottom:1px solid #555555; |
||
| 220 | border-left:1px solid #d5d5d5; |
||
| 221 | background-color:#cccccc; |
||
| 222 | } |
||
| 3548 | bpr | 223 | #keyboardInputMaster thead tr th span:active, |
| 224 | #keyboardInputMaster thead tr th span.pressed, |
||
| 225 | #keyboardInputMaster tbody tr td table tbody tr td:active, |
||
| 226 | #keyboardInputMaster tbody tr td table tbody tr td.pressed { |
||
| 227 | border-top:1px solid #555555 !important; |
||
| 1013 | bpr | 228 | border-right:1px solid #d5d5d5; |
| 229 | border-bottom:1px solid #d5d5d5; |
||
| 230 | border-left:1px solid #555555; |
||
| 231 | background-color:#cccccc; |
||
| 232 | } |
||
| 233 | |||
| 3548 | bpr | 234 | #keyboardInputMaster tbody tr td table tbody tr td small { |
| 235 | display:block; |
||
| 236 | text-align:center; |
||
| 237 | font-size:0.6em !important; |
||
| 238 | line-height:1.1em; |
||
| 239 | } |
||
| 240 | |||
| 241 | #keyboardInputMaster tbody tr td div label { |
||
| 242 | position:absolute; |
||
| 243 | bottom:0.2em; |
||
| 244 | left:0.3em; |
||
| 245 | } |
||
| 246 | #keyboardInputMaster tbody tr td div label input { |
||
| 247 | background-color:#f6f6f6; |
||
| 248 | vertical-align:middle; |
||
| 249 | font-size:inherit; |
||
| 250 | width:1.1em; |
||
| 251 | height:1.1em; |
||
| 252 | } |
||
| 1013 | bpr | 253 | #keyboardInputMaster tbody tr td div var { |
| 254 | position:absolute; |
||
| 255 | bottom:0px; |
||
| 256 | right:0px; |
||
| 257 | font-weight:bold; |
||
| 258 | font-style:italic; |
||
| 259 | color:#444444; |
||
| 260 | } |
||
| 261 | |||
| 262 | .keyboardInputInitiator { |
||
| 3548 | bpr | 263 | margin:0px 3px; |
| 1013 | bpr | 264 | vertical-align:middle; |
| 265 | cursor:pointer; |
||
| 266 | } |