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
27wml {
28    display: block
29}
30
31/* children of the <head> element all have display:none */
32head {
33    display: none
34}
35
36meta {
37    display: none
38}
39
40access {
41    display: none
42}
43
44/* generic block-level elements */
45
46card {
47    display: block;
48    margin: 8px
49}
50
51p {
52    display: block;
53    margin: 1.0__qem 0px
54}
55
56/* tables */
57
58table {
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) */
66table > tr {
67    vertical-align: middle;
68}
69
70tr {
71    display: table-row;
72    vertical-align: inherit;
73    border-color: inherit
74}
75
76td {
77    display: table-cell;
78    vertical-align: inherit
79}
80
81/* form elements */
82
83go {
84    display: block;
85    margin-top: 0__qem
86}
87
88insertedLegend {
89    display: block;
90    padding-left: 2px;
91    padding-right: 2px;
92    border: none
93}
94
95fieldset {
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
103do {
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
115input, 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
129input, 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
139input::-webkit-input-placeholder {
140    color: darkGray;
141}
142
143input[type="password"] {
144    -webkit-text-security: disc !important;
145}
146
147input:-webkit-autofill {
148    background-color: #FAFFBD !important;
149    background-image:none !important;
150}
151
152do:disabled, select:disabled, optgroup:disabled, option:disabled {
153    color: GrayText
154}
155
156do:active {
157    border-style: inset
158}
159
160do:active:disabled {
161    border-style: outset
162}
163
164select {
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
177select[size],
178select[multiple],
179select[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
187select[size="0"],
188select[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
196optgroup {
197    font-weight: bolder;
198}
199
200option {
201    font-weight: normal;
202}
203
204/* inline elements */
205
206u {
207    text-decoration: underline
208}
209
210strong, b {
211    font-weight: bolder
212}
213
214i, em {
215    font-style: italic
216}
217
218big {
219    font-size: larger
220}
221
222small {
223    font-size: smaller
224}
225
226pre {
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 */
240wml:focus, card:focus {
241    outline: none
242}
243
244input:focus, select:focus {
245    outline-offset: -2px
246}
247
248a:-webkit-any-link, anchor:-webkit-any-link {
249    color: -webkit-link;
250    text-decoration: underline;
251    cursor: auto;
252}
253
254a:-webkit-any-link:active, anchor:-webkit-any-link:active {
255    color: -webkit-activelink
256}
257