• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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    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    color: #000000 !important;
151}
152
153do:disabled, select:disabled, optgroup:disabled, option:disabled {
154    color: GrayText
155}
156
157do:active {
158    border-style: inset
159}
160
161do:active:disabled {
162    border-style: outset
163}
164
165select {
166    -webkit-appearance: menulist;
167    box-sizing: border-box;
168    -webkit-box-align: center;
169    border: 1px solid;
170    -webkit-border-radius: 5px;
171    white-space: pre;
172    -webkit-rtl-ordering: logical;
173    color: black;
174    background-color: white;
175    cursor: default;
176}
177
178select[size],
179select[multiple],
180select[size][multiple] {
181    -webkit-appearance: listbox;
182    -webkit-box-align: start;
183    border: 1px inset gray;
184    -webkit-border-radius: initial;
185    white-space: initial;
186}
187
188select[size="0"],
189select[size="1"] {
190    -webkit-appearance: menulist;
191    -webkit-box-align: center;
192    border: 1px solid;
193    -webkit-border-radius: 5px;
194    white-space: pre;
195}
196
197optgroup {
198    font-weight: bolder;
199}
200
201option {
202    font-weight: normal;
203}
204
205/* inline elements */
206
207u {
208    text-decoration: underline
209}
210
211strong, b {
212    font-weight: bolder
213}
214
215i, em {
216    font-style: italic
217}
218
219big {
220    font-size: larger
221}
222
223small {
224    font-size: smaller
225}
226
227pre {
228    display: block;
229    font-family: monospace;
230    white-space: pre;
231    margin: 1__qem 0
232}
233
234/* states */
235
236:focus {
237    outline: auto 5px -webkit-focus-ring-color
238}
239
240/* Read-only text fields do not show a focus ring but do still receive focus */
241wml:focus, card:focus {
242    outline: none
243}
244
245input:focus, select:focus {
246    outline-offset: -2px
247}
248
249a:-webkit-any-link, anchor:-webkit-any-link {
250    color: -webkit-link;
251    text-decoration: underline;
252    cursor: auto;
253}
254
255a:-webkit-any-link:active, anchor:-webkit-any-link:active {
256    color: -webkit-activelink
257}
258