653ec90f361a41fbf376e400e4521a7bdc9c4cd1
[WebKit-https.git] / WebCore / css / html4.css
1 /*
2  * The default style sheet used to render HTML.
3  *
4  * Copyright (C) 2000 Lars Knoll (knoll@kde.org)
5  * Copyright (C) 2003, 2004, 2005, 2006 Apple Computer, Inc.
6  *
7  * This library is free software; you can redistribute it and/or
8  * modify it under the terms of the GNU Library General Public
9  * License as published by the Free Software Foundation; either
10  * version 2 of the License, or (at your option) any later version.
11  *
12  * This library is distributed in the hope that it will be useful,
13  * but WITHOUT ANY WARRANTY; without even the implied warranty of
14  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
15  * Library General Public License for more details.
16  *
17  * You should have received a copy of the GNU Library General Public License
18  * along with this library; see the file COPYING.LIB.  If not, write to
19  * the Free Software Foundation, Inc., 59 Temple Place - Suite 330,
20  * Boston, MA 02111-1307, USA.
21  *
22  */
23
24 @namespace "http://www.w3.org/1999/xhtml";
25
26 html {
27     display: block
28 }
29
30 /* children of the <head> element all have display:none */
31 head {
32     display: none
33 }
34
35 meta {
36     display: none
37 }
38
39 title {
40     display: none
41 }
42
43 link {
44     display: none
45 }
46
47 style {
48     display: none
49 }
50
51 script {
52     display: none
53 }
54
55 /* generic block-level elements */
56
57 body {
58     display: block;
59     margin: 8px
60 }
61
62 p {
63     display: block;
64     margin: 1.0__qem 0px
65 }
66
67 div {
68     display: block
69 }
70
71 layer {
72     display: block
73 }
74
75 marquee {
76     display: inline-block;
77     overflow: -webkit-marquee
78 }
79
80 address {
81     display: block
82 }
83
84 blockquote {
85     display: block;
86     margin: 1__qem 40px 1em 40px
87 }
88
89 q {
90     display: inline
91 }
92
93 q:before {
94     content: '"'
95     /* FIXME: content: open-quote; */
96 }
97
98 q:after {
99     content: '"'
100     /* FIXME: content: close-quote; */
101 }
102
103 center {
104     display: block;
105     /* special centering to be able to emulate the html4/netscape behaviour */
106     text-align: -webkit-center
107 }
108
109 hr {
110     display: block;
111     margin: 0.5em auto;
112     border-style: inset;
113     border-width: 1px
114 }
115
116 map {
117     display: inline
118 }
119
120 /* heading elements */
121
122 h1 {
123     display: block;
124     font-size: 2em;
125     margin: .67__qem 0 .67em 0;
126     font-weight: bold
127 }
128
129 h2 {
130     display: block;
131     font-size: 1.5em;
132     margin: .83__qem 0 .83em 0;
133     font-weight: bold
134 }
135
136 h3 {
137     display: block;
138     font-size: 1.17em;
139     margin: 1__qem 0 1em 0;
140     font-weight: bold
141 }
142
143 h4 {
144     display: block;
145     margin: 1.33__qem 0 1.33em 0;
146     font-weight: bold
147 }
148
149 h5 {
150     display: block;
151     font-size: .83em;
152     margin: 1.67__qem 0 1.67em 0;
153     font-weight: bold
154 }
155
156 h6 {
157     display: block;
158     font-size: .67em;
159     margin: 2.33__qem 0 2.33em 0;
160     font-weight: bold
161 }
162
163 /* tables */
164
165 table {
166     display: table;
167     border-collapse: separate;
168     text-align: -webkit-auto;
169     border-spacing: 2px;
170     border-color: gray
171 }
172
173 table[align="center"] {
174     margin-left: auto;
175     margin-right: auto
176 }
177
178 thead {
179     display: table-header-group;
180     vertical-align: middle;
181     border-color: inherit
182 }
183
184 tbody {
185     display: table-row-group;
186     vertical-align: middle;
187     border-color: inherit
188 }
189
190 tfoot {
191     display: table-footer-group;
192     vertical-align: middle;
193     border-color: inherit
194 }
195
196 col {
197     display: table-column
198 }
199
200 colgroup {
201     display: table-column-group
202 }
203
204 tr {
205     display: table-row;
206     vertical-align: inherit;
207     border-color: inherit
208 }
209
210 td, th {
211     display: table-cell;
212     vertical-align: inherit
213 }
214
215 th {
216     font-weight: bold
217 }
218
219 caption {
220     display: table-caption;
221     text-align: -webkit-center
222 }
223
224 /* lists */
225
226 ul, menu, dir {
227     display: block;
228     list-style-type: disc;
229     margin: 1__qem 0 1em 0;
230     -webkit-padding-start: 40px
231 }
232
233 ol {
234     display: block;
235     list-style-type: decimal;
236     margin: 1__qem 0 1em 0;
237     -webkit-padding-start: 40px
238 }
239
240 li {
241     display: list-item
242 }
243
244 ul ul, ol ul {
245     list-style-type: circle
246 }
247
248 ol ol ul, ol ul ul, ul ol ul, ul ul ul {
249     list-style-type: square
250 }
251
252 dd {
253     display: block;
254     -webkit-margin-start: 40px
255 }
256
257 dl {
258     display: block;
259     margin: 1__qem 0 1em 0
260 }
261
262 dt {
263     display: block
264 }
265
266 ol ul, ul ol, ul ul, ol ol {
267     margin-top: 0;
268     margin-bottom: 0
269 }
270
271 /* form elements */
272
273 form {
274     display: block;
275     margin: 0__qem 0 1em 0
276 }
277
278 legend {
279     display: block;
280     padding-left: 2px;
281     padding-right: 2px;
282     border: none
283 }
284
285 fieldset {
286     display: block;
287     margin-left: 2px;
288     margin-right: 2px;
289     padding: 0.35em 0.75em 0.625em;
290     border: 2px groove ThreeDFace
291 }
292
293 button {
294     -webkit-appearance: button;
295 }
296
297 /* If we add support for CSS2 system fonts, then we won't have to hard code Lucida Grande here. */
298 input, textarea, select, button {
299     margin: 0__qem;
300     font: 11px 'Lucida Grande';
301     color: initial;
302     text-align: -webkit-auto;
303     letter-spacing: normal;
304     word-spacing: normal;
305     line-height: normal;
306     text-transform: none;
307     text-indent: 0;
308     display: inline-block;
309 }
310
311 input[type="hidden"] {
312     display: none
313 }
314
315 input {
316     -webkit-appearance: textfield;
317     padding: 1px;
318     background-color: white;
319     border: 2px inset;
320     -webkit-rtl-ordering: logical;
321     -webkit-user-select: text;
322 }
323
324 textarea {
325     -webkit-appearance: textarea;
326     background-color: white;
327     border: 1px solid;
328     -webkit-rtl-ordering: logical;
329     -webkit-user-select: text;
330     -webkit-box-orient: vertical;
331     resize: auto;
332 }
333
334 input[type="password"], input[type="search"], input[type="hidden"], input[type="image"], input[type="file"] {
335     -webkit-appearance: initial;
336     padding: initial;
337     background-color: initial;
338     border: initial;
339 }
340
341 input:-webkit-autofill {
342     background-color: #FAFFBD !important;
343     background-image:none !important;
344 }
345
346 input[type="radio"], input[type="checkbox"] {
347     margin: 3px 0.5ex;
348     -webkit-user-select: ignore
349     padding: initial;
350     background-color: initial;
351     border: initial;
352 }
353
354 input[type="button"], input[type="submit"], input[type="reset"]
355 {
356     -webkit-appearance: push-button;
357     white-space: pre
358 }
359
360 input[type="button"], input[type="submit"], input[type="reset"], button {
361     -webkit-box-align: center;
362     text-align: center;
363     cursor: default;
364     color: ButtonText;
365     padding: 2px 6px 3px 6px;
366     border: 2px outset ButtonFace;
367     background-color: ButtonFace;
368     box-sizing: border-box
369 }
370
371 input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, button:disabled {
372     color: GrayText
373 }
374
375 input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button:active {
376     border-style: inset
377 }
378
379 input[type="button"]:active:disabled, input[type="submit"]:active:disabled, input[type="reset"]:active:disabled, button:active:disabled {
380     border-style: outset
381 }
382
383 select, button, input[type="button"], input[type="image"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], img {
384     -webkit-user-select: ignore
385 }
386
387 area, param {
388     display: none
389 }
390
391 input[type="checkbox"] {
392     -webkit-appearance: checkbox;
393     box-sizing: border-box;
394 }
395
396 input[type="radio"] {
397     -webkit-appearance: radio;
398     box-sizing: border-box;
399 }
400
401 select {
402     -webkit-appearance: menulist;
403     box-sizing: border-box;
404     -webkit-box-align: center;
405 }
406
407 select[size],
408 select[multiple],
409 select[size][multiple] {
410     -webkit-appearance: none;
411     -webkit-box-align: initial;
412     box-sizing: initial;
413 }
414  
415 select[size="0"],
416 select[size="1"] {
417     -webkit-appearance: menulist;
418     box-sizing: border-box;
419     -webkit-box-align: center;
420 }
421
422 optgroup {
423     font-weight: bolder;
424 }
425
426 option {
427     font-weight: normal;
428 }
429
430 /* inline elements */
431
432 u, ins {
433     text-decoration: underline
434 }
435
436 strong, b {
437     font-weight: bolder
438 }
439
440 i, cite, em, var, address {
441     font-style: italic
442 }
443
444 tt, code, kbd, samp {
445     font-family: monospace
446 }
447
448 pre, xmp, plaintext, listing {
449     display: block;
450     font-family: monospace;
451     white-space: pre;
452     margin: 1__qem 0
453 }
454
455 big {
456     font-size: larger
457 }
458
459 small {
460     font-size: smaller
461 }
462
463 s, strike, del {
464     text-decoration: line-through
465 }
466
467 sub {
468     vertical-align: sub;
469     font-size: smaller
470 }
471
472 sup {
473     vertical-align: super;
474     font-size: smaller
475 }
476
477 nobr {
478     white-space: nowrap
479 }
480
481 wbr {
482     white-space: normal
483 }
484
485 /* states */
486
487 :focus { 
488     outline: auto 5px -webkit-focus-ring-color
489 }
490
491 html:focus, body:focus { 
492     outline: none
493 }
494
495 html:focus, body:focus {
496     outline: none
497 }
498   
499 input:focus, textarea:focus {
500     outline-offset: -2px
501 }
502
503 input[type="button"]:focus,
504 input[type="checkbox"]:focus,
505 input[type="file"]:focus,
506 input[type="hidden"]:focus,
507 input[type="image"]:focus,
508 input[type="password"]:focus,
509 input[type="radio"]:focus,
510 input[type="reset"]:focus,
511 input[type="search"]:focus,
512 input[type="submit"]:focus {
513     outline-offset: 0
514 }
515
516 a:-webkit-any-link {
517     color: -webkit-link;
518     text-decoration: underline;
519     -webkit-user-select: ignore
520 }
521
522 a:-webkit-any-link:active {
523     color: -webkit-activelink
524 }
525
526 /* other elements */
527
528 noframes {
529     display: none
530 }
531
532 frameset, frame {
533     display: block
534 }
535
536 /* noscript is handled internally, as it depends on settings */