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