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 | } |