LayoutTests:
[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     border-spacing: 2px;
169     border-color: gray
170 }
171
172 table[align="center"] {
173     margin-left: auto;
174     margin-right: auto
175 }
176
177 thead {
178     display: table-header-group;
179     vertical-align: middle;
180     border-color: inherit
181 }
182
183 tbody {
184     display: table-row-group;
185     vertical-align: middle;
186     border-color: inherit
187 }
188
189 tfoot {
190     display: table-footer-group;
191     vertical-align: middle;
192     border-color: inherit
193 }
194
195 col {
196     display: table-column
197 }
198
199 colgroup {
200     display: table-column-group
201 }
202
203 tr {
204     display: table-row;
205     vertical-align: inherit;
206     border-color: inherit
207 }
208
209 td, th {
210     display: table-cell;
211     vertical-align: inherit
212 }
213
214 th {
215     font-weight: bold
216 }
217
218 caption {
219     display: table-caption;
220     text-align: -webkit-center
221 }
222
223 /* lists */
224
225 ul, menu, dir {
226     display: block;
227     list-style-type: disc;
228     margin: 1__qem 0 1em 0;
229     -webkit-padding-start: 40px
230 }
231
232 ol {
233     display: block;
234     list-style-type: decimal;
235     margin: 1__qem 0 1em 0;
236     -webkit-padding-start: 40px
237 }
238
239 li {
240     display: list-item
241 }
242
243 ul ul, ol ul {
244     list-style-type: circle
245 }
246
247 ol ol ul, ol ul ul, ul ol ul, ul ul ul {
248     list-style-type: square
249 }
250
251 dd {
252     display: block;
253     -webkit-margin-start: 40px
254 }
255
256 dl {
257     display: block;
258     margin: 1__qem 0 1em 0
259 }
260
261 dt {
262     display: block
263 }
264
265 ol ul, ul ol, ul ul, ol ol {
266     margin-top: 0;
267     margin-bottom: 0
268 }
269
270 /* form elements */
271
272 form {
273     display: block;
274     margin: 0__qem 0 1em 0
275 }
276
277 label {
278     cursor: default;
279 }
280
281 legend {
282     display: block;
283     padding-left: 2px;
284     padding-right: 2px;
285     border: none
286 }
287
288 fieldset {
289     display: block;
290     margin-left: 2px;
291     margin-right: 2px;
292     padding: 0.35em 0.75em 0.625em;
293     border: 2px groove ThreeDFace
294 }
295
296 button {
297     -webkit-appearance: button;
298 }
299
300 input, textarea, keygen, select, button, isindex {
301     margin: 0__qem;
302     font: -webkit-small-control;
303     color: initial;
304     letter-spacing: normal;
305     word-spacing: normal;
306     line-height: normal;
307     text-transform: none;
308     text-indent: 0;
309     display: inline-block;
310     text-align: -webkit-auto;
311 }
312
313 input[type="hidden"] {
314     display: none
315 }
316
317 input, input[type="password"], input[type="search"], isindex {
318     -webkit-appearance: textfield;
319     padding: 1px;
320     background-color: white;
321     border: 2px inset;
322     -webkit-rtl-ordering: logical;
323     -webkit-user-select: text;
324     cursor: auto;
325 }
326
327 input[type="search"] {
328     -webkit-appearance: searchfield;
329     box-sizing: border-box;
330 }
331
332 input[type="search"]::-webkit-search-cancel-button {
333     -webkit-appearance: searchfield-cancel-button;
334 }
335
336 input[type="search"]::-webkit-search-decoration {
337     -webkit-appearance: searchfield-decoration;
338 }
339
340 input[type="search"]::-webkit-search-results-decoration {
341     -webkit-appearance: searchfield-results-decoration;
342 }
343
344 input[type="search"]::-webkit-search-results-button {
345     -webkit-appearance: searchfield-results-button;
346 }
347
348 textarea {
349     -webkit-appearance: textarea;
350     background-color: white;
351     border: 1px solid;
352     -webkit-rtl-ordering: logical;
353     -webkit-user-select: text;
354     -webkit-box-orient: vertical;
355     resize: auto;
356     cursor: auto;
357 }
358
359 input[type="password"] {
360     -webkit-text-security: disc !important;
361 }
362
363 input[type="hidden"], input[type="image"], input[type="file"] {
364     -webkit-appearance: initial;
365     padding: initial;
366     background-color: initial;
367     border: initial;
368 }
369
370 input[type="file"] {
371     -webkit-box-align: baseline;
372 }
373
374 input:-webkit-autofill {
375     background-color: #FAFFBD !important;
376     background-image:none !important;
377 }
378
379 input[type="radio"], input[type="checkbox"] {
380     margin: 3px 0.5ex;
381     -webkit-user-select: ignore;
382     padding: initial;
383     background-color: initial;
384     border: initial;
385 }
386
387 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button {
388     -webkit-appearance: push-button;
389     white-space: pre
390 }
391
392 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
393     -webkit-box-align: center;
394     text-align: center;
395     cursor: default;
396     color: ButtonText;
397     padding: 2px 6px 3px 6px;
398     border: 2px outset ButtonFace;
399     background-color: ButtonFace;
400     box-sizing: border-box
401 }
402
403 input[type="range"] {
404     -webkit-appearance: slider-horizontal;
405     padding: initial;
406     border: initial;
407     -webkit-user-select: ignore;
408     margin: 2px;
409 }
410
411 input[type="range"]::-webkit-slider-thumb {
412     -webkit-appearance: sliderthumb-horizontal;
413     -webkit-user-select: ignore
414 }
415
416 input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="file"]:disabled::-webkit-file-upload-button, button:disabled, select:disabled, keygen:disabled, optgroup:disabled, option:disabled {
417     color: GrayText
418 }
419
420 input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active {
421     border-style: inset
422 }
423
424 input[type="button"]:active:disabled, input[type="submit"]:active:disabled, input[type="reset"]:active:disabled, input[type="file"]:active:disabled::-webkit-file-upload-button, button:active:disabled {
425     border-style: outset
426 }
427
428 select, keygen, button, input[type="button"], input[type="image"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], input[type="file"]::-webkit-file-upload-button, img {
429     -webkit-user-select: ignore
430 }
431
432 area, param {
433     display: none
434 }
435
436 input[type="checkbox"] {
437     -webkit-appearance: checkbox;
438     box-sizing: border-box;
439 }
440
441 input[type="radio"] {
442     -webkit-appearance: radio;
443     box-sizing: border-box;
444 }
445
446 keygen, select {
447     -webkit-appearance: menulist;
448     box-sizing: border-box;
449     -webkit-box-align: center;
450     border: 1px solid;
451     -webkit-border-radius: 5px;
452     white-space: pre;
453     -webkit-rtl-ordering: logical;
454     color: black;
455     background-color: white;
456     cursor: default;
457 }
458
459 select[size],
460 select[multiple],
461 select[size][multiple] {
462     -webkit-appearance: listbox;
463     box-sizing: initial;
464     -webkit-box-align: start;
465     border: 1px inset gray;
466     -webkit-border-radius: initial;
467     white-space: initial;
468 }
469
470 select[size="0"],
471 select[size="1"] {
472     -webkit-appearance: menulist;
473     box-sizing: border-box;
474     -webkit-box-align: center;
475     border: 1px solid;
476     -webkit-border-radius: 5px;
477     white-space: pre;
478 }
479
480 optgroup {
481     font-weight: bolder;
482 }
483
484 option {
485     font-weight: normal;
486 }
487
488 /* inline elements */
489
490 u, ins {
491     text-decoration: underline
492 }
493
494 strong, b {
495     font-weight: bolder
496 }
497
498 i, cite, em, var, address {
499     font-style: italic
500 }
501
502 tt, code, kbd, samp {
503     font-family: monospace
504 }
505
506 pre, xmp, plaintext, listing {
507     display: block;
508     font-family: monospace;
509     white-space: pre;
510     margin: 1__qem 0
511 }
512
513 big {
514     font-size: larger
515 }
516
517 small {
518     font-size: smaller
519 }
520
521 s, strike, del {
522     text-decoration: line-through
523 }
524
525 sub {
526     vertical-align: sub;
527     font-size: smaller
528 }
529
530 sup {
531     vertical-align: super;
532     font-size: smaller
533 }
534
535 nobr {
536     white-space: nowrap
537 }
538
539 wbr {
540     white-space: normal
541 }
542
543 /* states */
544
545 :focus { 
546     outline: auto 5px -webkit-focus-ring-color
547 }
548
549 /* Read-only text fields do not show a focus ring but do still receive focus */
550 html:focus, body:focus, input[readonly]:focus { 
551     outline: none
552 }
553   
554 input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {
555     outline-offset: -2px
556 }
557
558 input[type="button"]:focus,
559 input[type="checkbox"]:focus,
560 input[type="file"]:focus,
561 input[type="hidden"]:focus,
562 input[type="image"]:focus,
563 input[type="radio"]:focus,
564 input[type="reset"]:focus,
565 input[type="search"]:focus,
566 input[type="submit"]:focus,
567 input[type="file"]:focus::-webkit-file-upload-button {
568     outline-offset: 0
569 }
570     
571 a:-webkit-any-link {
572     color: -webkit-link;
573     text-decoration: underline;
574     -webkit-user-select: ignore
575 }
576
577 a:-webkit-any-link:active {
578     color: -webkit-activelink
579 }
580
581 /* other elements */
582
583 noframes {
584     display: none
585 }
586
587 frameset, frame {
588     display: block
589 }
590
591 frameset {
592     border-color: inherit
593 }
594
595 iframe {
596     border: 2px inset
597 }
598
599 blockquote.webkit-indent-blockquote {
600     margin: 0 0 0 40px;
601 }
602
603
604 /* noscript is handled internally, as it depends on settings */