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