|
1 /* |
|
2 * The default style sheet used to render WML. |
|
3 * |
|
4 * Copyright (C) 2000 Lars Knoll (knoll@kde.org) |
|
5 * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008 Apple Inc. All rights reserved. |
|
6 * Copyright (C) 2008 Torch Mobile Inc. All rights reserved. (http://www.torchmobile.com/) |
|
7 * |
|
8 * This library is free software; you can redistribute it and/or |
|
9 * modify it under the terms of the GNU Library General Public |
|
10 * License as published by the Free Software Foundation; either |
|
11 * version 2 of the License, or (at your option) any later version. |
|
12 * |
|
13 * This library is distributed in the hope that it will be useful, |
|
14 * but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
15 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU |
|
16 * Library General Public License for more details. |
|
17 * |
|
18 * You should have received a copy of the GNU Library General Public License |
|
19 * along with this library; see the file COPYING.LIB. If not, write to |
|
20 * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, |
|
21 * Boston, MA 02110-1301, USA. |
|
22 * |
|
23 */ |
|
24 |
|
25 @namespace "http://www.wapforum.org/DTD/wml_1.1.xml" |
|
26 |
|
27 wml { |
|
28 display: block |
|
29 } |
|
30 |
|
31 /* children of the <head> element all have display:none */ |
|
32 head { |
|
33 display: none |
|
34 } |
|
35 |
|
36 meta { |
|
37 display: none |
|
38 } |
|
39 |
|
40 access { |
|
41 display: none |
|
42 } |
|
43 |
|
44 /* generic block-level elements */ |
|
45 |
|
46 card { |
|
47 display: block; |
|
48 margin: 8px |
|
49 } |
|
50 |
|
51 p { |
|
52 display: block; |
|
53 margin: 1.0__qem 0px |
|
54 } |
|
55 |
|
56 /* tables */ |
|
57 |
|
58 table { |
|
59 display: table; |
|
60 border-collapse: separate; |
|
61 border-spacing: 2px; |
|
62 border-color: gray |
|
63 } |
|
64 |
|
65 /* for tables without table section elements (can happen with XHTML or dynamically created tables) */ |
|
66 table > tr { |
|
67 vertical-align: middle; |
|
68 } |
|
69 |
|
70 tr { |
|
71 display: table-row; |
|
72 vertical-align: inherit; |
|
73 border-color: inherit |
|
74 } |
|
75 |
|
76 td { |
|
77 display: table-cell; |
|
78 vertical-align: inherit |
|
79 } |
|
80 |
|
81 /* form elements */ |
|
82 |
|
83 go { |
|
84 display: block; |
|
85 margin-top: 0__qem |
|
86 } |
|
87 |
|
88 insertedLegend { |
|
89 display: block; |
|
90 padding-left: 2px; |
|
91 padding-right: 2px; |
|
92 border: none |
|
93 } |
|
94 |
|
95 fieldset { |
|
96 display: block; |
|
97 margin-left: 2px; |
|
98 margin-right: 2px; |
|
99 padding: 0.35em 0.75em 0.625em; |
|
100 border: 2px groove ThreeDFace |
|
101 } |
|
102 |
|
103 do { |
|
104 -webkit-appearance: button; |
|
105 -webkit-box-align: center; |
|
106 text-align: center; |
|
107 cursor: default; |
|
108 color: ButtonText; |
|
109 padding: 2px 6px 3px 6px; |
|
110 border: 2px outset ButtonFace; |
|
111 background-color: ButtonFace; |
|
112 -webkit-box-sizing: border-box |
|
113 } |
|
114 |
|
115 input, select, do { |
|
116 margin: 0__qem; |
|
117 font: -webkit-small-control; |
|
118 color: initial; |
|
119 letter-spacing: normal; |
|
120 word-spacing: normal; |
|
121 line-height: normal; |
|
122 text-transform: none; |
|
123 text-indent: 0; |
|
124 text-shadow: none; |
|
125 display: inline-block; |
|
126 text-align: -webkit-auto; |
|
127 } |
|
128 |
|
129 input, input[type="password"] { |
|
130 -webkit-appearance: textfield; |
|
131 padding: 1px; |
|
132 background-color: white; |
|
133 border: 2px inset; |
|
134 -webkit-rtl-ordering: logical; |
|
135 -webkit-user-select: text; |
|
136 cursor: auto; |
|
137 } |
|
138 |
|
139 input::-webkit-input-placeholder { |
|
140 color: darkGray; |
|
141 } |
|
142 |
|
143 input[type="password"] { |
|
144 -webkit-text-security: disc !important; |
|
145 } |
|
146 |
|
147 input:-webkit-autofill { |
|
148 background-color: #FAFFBD !important; |
|
149 background-image:none !important; |
|
150 } |
|
151 |
|
152 do:disabled, select:disabled, optgroup:disabled, option:disabled { |
|
153 color: GrayText |
|
154 } |
|
155 |
|
156 do:active { |
|
157 border-style: inset |
|
158 } |
|
159 |
|
160 do:active:disabled { |
|
161 border-style: outset |
|
162 } |
|
163 |
|
164 select { |
|
165 -webkit-appearance: menulist; |
|
166 -webkit-box-sizing: border-box; |
|
167 -webkit-box-align: center; |
|
168 border: 1px solid; |
|
169 -webkit-border-radius: 5px; |
|
170 white-space: pre; |
|
171 -webkit-rtl-ordering: logical; |
|
172 color: black; |
|
173 background-color: white; |
|
174 cursor: default; |
|
175 } |
|
176 |
|
177 select[size], |
|
178 select[multiple], |
|
179 select[size][multiple] { |
|
180 -webkit-appearance: listbox; |
|
181 -webkit-box-align: start; |
|
182 border: 1px inset gray; |
|
183 -webkit-border-radius: initial; |
|
184 white-space: initial; |
|
185 } |
|
186 |
|
187 select[size="0"], |
|
188 select[size="1"] { |
|
189 -webkit-appearance: menulist; |
|
190 -webkit-box-align: center; |
|
191 border: 1px solid; |
|
192 -webkit-border-radius: 5px; |
|
193 white-space: pre; |
|
194 } |
|
195 |
|
196 optgroup { |
|
197 font-weight: bolder; |
|
198 } |
|
199 |
|
200 option { |
|
201 font-weight: normal; |
|
202 } |
|
203 |
|
204 /* inline elements */ |
|
205 |
|
206 u { |
|
207 text-decoration: underline |
|
208 } |
|
209 |
|
210 strong, b { |
|
211 font-weight: bolder |
|
212 } |
|
213 |
|
214 i, em { |
|
215 font-style: italic |
|
216 } |
|
217 |
|
218 big { |
|
219 font-size: larger |
|
220 } |
|
221 |
|
222 small { |
|
223 font-size: smaller |
|
224 } |
|
225 |
|
226 pre { |
|
227 display: block; |
|
228 font-family: monospace; |
|
229 white-space: pre; |
|
230 margin: 1__qem 0 |
|
231 } |
|
232 |
|
233 /* states */ |
|
234 |
|
235 :focus { |
|
236 outline: auto 5px -webkit-focus-ring-color |
|
237 } |
|
238 |
|
239 /* Read-only text fields do not show a focus ring but do still receive focus */ |
|
240 wml:focus, card:focus { |
|
241 outline: none |
|
242 } |
|
243 |
|
244 input:focus, select:focus { |
|
245 outline-offset: -2px |
|
246 } |
|
247 |
|
248 a:-webkit-any-link, anchor:-webkit-any-link { |
|
249 color: -webkit-link; |
|
250 text-decoration: underline; |
|
251 cursor: auto; |
|
252 } |
|
253 |
|
254 a:-webkit-any-link:active, anchor:-webkit-any-link:active { |
|
255 color: -webkit-activelink |
|
256 } |