Reviewed by Adele.
[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 label {
279     cursor: default;
280     -webkit-user-select: ignore
281 }
282
283 legend {
284     display: block;
285     padding-left: 2px;
286     padding-right: 2px;
287     border: none
288 }
289
290 fieldset {
291     display: block;
292     margin-left: 2px;
293     margin-right: 2px;
294     padding: 0.35em 0.75em 0.625em;
295     border: 2px groove ThreeDFace
296 }
297
298 button {
299     -webkit-appearance: button;
300 }
301
302 input, textarea, select, button, isindex {
303     margin: 0__qem;
304     font: -webkit-small-control;
305     color: initial;
306     text-align: -webkit-auto;
307     letter-spacing: normal;
308     word-spacing: normal;
309     line-height: normal;
310     text-transform: none;
311     text-indent: 0;
312     display: inline-block;
313 }
314
315 input[type="hidden"] {
316     display: none
317 }
318
319 input, input[type="password"], isindex {
320     -webkit-appearance: textfield;
321     padding: 1px;
322     background-color: white;
323     border: 2px inset;
324     -webkit-rtl-ordering: logical;
325     -webkit-user-select: text;
326 }
327
328 textarea {
329     -webkit-appearance: textarea;
330     background-color: white;
331     border: 1px solid;
332     -webkit-rtl-ordering: logical;
333     -webkit-user-select: text;
334     -webkit-box-orient: vertical;
335     resize: auto;
336 }
337
338 input[type="password"] {
339     -webkit-text-security: disc !important;
340 }
341
342 input[type="search"], input[type="hidden"], input[type="image"], input[type="file"] {
343     -webkit-appearance: initial;
344     padding: initial;
345     background-color: initial;
346     border: initial;
347 }
348
349 input[type="file"] {
350     -webkit-box-align: baseline;
351 }
352
353 input:-webkit-autofill {
354     background-color: #FAFFBD !important;
355     background-image:none !important;
356 }
357
358 input[type="radio"], input[type="checkbox"] {
359     margin: 3px 0.5ex;
360     -webkit-user-select: ignore
361     padding: initial;
362     background-color: initial;
363     border: initial;
364 }
365
366 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button {
367     -webkit-appearance: push-button;
368     white-space: pre
369 }
370
371 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
372     -webkit-box-align: center;
373     text-align: center;
374     cursor: default;
375     color: ButtonText;
376     padding: 2px 6px 3px 6px;
377     border: 2px outset ButtonFace;
378     background-color: ButtonFace;
379     box-sizing: border-box
380 }
381
382 input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="file"]::-webkit-file-upload-button:disabled, button:disabled, select:disabled, optgroup:disabled, option:disabled {
383     color: GrayText
384 }
385
386 input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]::-webkit-file-upload-button:active, button:active {
387     border-style: inset
388 }
389
390 input[type="button"]:active:disabled, input[type="submit"]:active:disabled, input[type="reset"]:active:disabled, input[type="file"]::-webkit-file-upload-button:active:disabled, button:active:disabled {
391     border-style: outset
392 }
393
394 select, 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 {
395     -webkit-user-select: ignore
396 }
397
398 area, param {
399     display: none
400 }
401
402 input[type="checkbox"] {
403     -webkit-appearance: checkbox;
404     box-sizing: border-box;
405 }
406
407 input[type="radio"] {
408     -webkit-appearance: radio;
409     box-sizing: border-box;
410 }
411
412 select {
413     -webkit-appearance: menulist;
414     box-sizing: border-box;
415     -webkit-box-align: center;
416     -webkit-rtl-ordering: logical;
417     color: black;
418     border: 1px solid;
419     background-color: white;
420     white-space: pre;
421 }
422
423 select[size],
424 select[multiple],
425 select[size][multiple] {
426     /* FIXME: If we need to switch back to the old listbox implementation, switch the commented style blocks here */
427
428     /* Old listbox appearance */
429     /*
430     -webkit-appearance: none;
431     -webkit-box-align: initial;
432     box-sizing: initial;
433     color: initial;
434     border: initial;
435     background-color: initial;
436     */
437
438     /* New listbox appearance */
439     -webkit-appearance: listbox;
440     -webkit-box-align: start;
441     box-sizing: initial;
442     border: 1px inset gray;
443     -webkit-border-radius: initial;
444     white-space: initial;
445 }
446  
447 select[size="0"],
448 select[size="1"] {
449     -webkit-appearance: menulist;
450     box-sizing: border-box;
451     -webkit-box-align: center;
452     color: black;
453     border: 1px solid;
454     -webkit-border-radius: 5px;
455     background-color: white;
456 }
457
458 optgroup {
459     font-weight: bolder;
460 }
461
462 option {
463     font-weight: normal;
464 }
465
466 /* inline elements */
467
468 u, ins {
469     text-decoration: underline
470 }
471
472 strong, b {
473     font-weight: bolder
474 }
475
476 i, cite, em, var, address {
477     font-style: italic
478 }
479
480 tt, code, kbd, samp {
481     font-family: monospace
482 }
483
484 pre, xmp, plaintext, listing {
485     display: block;
486     font-family: monospace;
487     white-space: pre;
488     margin: 1__qem 0
489 }
490
491 big {
492     font-size: larger
493 }
494
495 small {
496     font-size: smaller
497 }
498
499 s, strike, del {
500     text-decoration: line-through
501 }
502
503 sub {
504     vertical-align: sub;
505     font-size: smaller
506 }
507
508 sup {
509     vertical-align: super;
510     font-size: smaller
511 }
512
513 nobr {
514     white-space: nowrap
515 }
516
517 wbr {
518     white-space: normal
519 }
520
521 /* states */
522
523 :focus { 
524     outline: auto 5px -webkit-focus-ring-color
525 }
526
527 html:focus, body:focus { 
528     outline: none
529 }
530
531 html:focus, body:focus {
532     outline: none
533 }
534   
535 input:focus, textarea:focus, isindex:focus, select:focus {
536     outline-offset: -2px
537 }
538
539 input[type="button"]:focus,
540 input[type="checkbox"]:focus,
541 input[type="file"]:focus,
542 input[type="hidden"]:focus,
543 input[type="image"]:focus,
544 input[type="radio"]:focus,
545 input[type="reset"]:focus,
546 input[type="search"]:focus,
547 input[type="submit"]:focus,
548 input[type="file"]::-webkit-file-upload-button:focus {
549     outline-offset: 0
550 }
551
552 a:-webkit-any-link {
553     color: -webkit-link;
554     text-decoration: underline;
555     -webkit-user-select: ignore
556 }
557
558 a:-webkit-any-link:active {
559     color: -webkit-activelink
560 }
561
562 /* other elements */
563
564 noframes {
565     display: none
566 }
567
568 frameset, frame {
569     display: block
570 }
571
572 blockquote.webkit-indent-blockquote {
573     margin: 0 0 0 40px;
574 }
575
576
577 /* noscript is handled internally, as it depends on settings */