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