2011-03-15 Ilya Sherman <isherman@chromium.org>
[WebKit-https.git] / Source / WebCore / css / wml.css
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     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     color: #000000 !important;
151 }
152
153 do:disabled, select:disabled, optgroup:disabled, option:disabled {
154     color: GrayText
155 }
156
157 do:active {
158     border-style: inset
159 }
160
161 do:active:disabled {
162     border-style: outset
163 }
164
165 select {
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
178 select[size],
179 select[multiple],
180 select[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
188 select[size="0"],
189 select[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
197 optgroup {
198     font-weight: bolder;
199 }
200
201 option {
202     font-weight: normal;
203 }
204
205 /* inline elements */
206
207 u {
208     text-decoration: underline
209 }
210
211 strong, b {
212     font-weight: bolder
213 }
214
215 i, em {
216     font-style: italic
217 }
218
219 big {
220     font-size: larger
221 }
222
223 small {
224     font-size: smaller
225 }
226
227 pre {
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 */
241 wml:focus, card:focus {
242     outline: none
243 }
244   
245 input:focus, select:focus {
246     outline-offset: -2px
247 }
248
249 a:-webkit-any-link, anchor:-webkit-any-link {
250     color: -webkit-link;
251     text-decoration: underline;
252     cursor: auto;
253 }
254
255 a:-webkit-any-link:active, anchor:-webkit-any-link:active {
256     color: -webkit-activelink
257 }