• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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, 2007, 2008 Apple Inc. All rights reserved.
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., 51 Franklin Street, Fifth Floor,
20 * Boston, MA 02110-1301, USA.
21 *
22 */
23
24@namespace "http://www.w3.org/1999/xhtml";
25
26html {
27    display: block
28}
29
30/* children of the <head> element all have display:none */
31head {
32    display: none
33}
34
35meta {
36    display: none
37}
38
39title {
40    display: none
41}
42
43link {
44    display: none
45}
46
47style {
48    display: none
49}
50
51script {
52    display: none
53}
54
55/* generic block-level elements */
56
57body {
58    display: block;
59    margin: 8px
60}
61
62p {
63    display: block;
64    margin: 1.0__qem 0px
65}
66
67div {
68    display: block
69}
70
71layer {
72    display: block
73}
74
75marquee {
76    display: inline-block;
77    overflow: -webkit-marquee
78}
79
80address {
81    display: block
82}
83
84blockquote {
85    display: block;
86    margin: 1__qem 40px 1em 40px
87}
88
89q {
90    display: inline
91}
92
93q:before {
94    content: '"'
95    /* FIXME: content: open-quote; */
96}
97
98q:after {
99    content: '"'
100    /* FIXME: content: close-quote; */
101}
102
103center {
104    display: block;
105    /* special centering to be able to emulate the html4/netscape behaviour */
106    text-align: -webkit-center
107}
108
109hr {
110    display: block;
111    margin: 0.5em auto;
112    border-style: inset;
113    border-width: 1px
114}
115
116map {
117    display: inline
118}
119
120/* heading elements */
121
122h1 {
123    display: block;
124    font-size: 2em;
125    margin: .67__qem 0 .67em 0;
126    font-weight: bold
127}
128
129h2 {
130    display: block;
131    font-size: 1.5em;
132    margin: .83__qem 0 .83em 0;
133    font-weight: bold
134}
135
136h3 {
137    display: block;
138    font-size: 1.17em;
139    margin: 1__qem 0 1em 0;
140    font-weight: bold
141}
142
143h4 {
144    display: block;
145    margin: 1.33__qem 0 1.33em 0;
146    font-weight: bold
147}
148
149h5 {
150    display: block;
151    font-size: .83em;
152    margin: 1.67__qem 0 1.67em 0;
153    font-weight: bold
154}
155
156h6 {
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
165table {
166    display: table;
167    border-collapse: separate;
168    border-spacing: 2px;
169    border-color: gray
170}
171
172thead {
173    display: table-header-group;
174    vertical-align: middle;
175    border-color: inherit
176}
177
178tbody {
179    display: table-row-group;
180    vertical-align: middle;
181    border-color: inherit
182}
183
184tfoot {
185    display: table-footer-group;
186    vertical-align: middle;
187    border-color: inherit
188}
189
190/* for tables without table section elements (can happen with XHTML or dynamically created tables) */
191table > tr {
192    vertical-align: middle;
193}
194
195col {
196    display: table-column
197}
198
199colgroup {
200    display: table-column-group
201}
202
203tr {
204    display: table-row;
205    vertical-align: inherit;
206    border-color: inherit
207}
208
209td, th {
210    display: table-cell;
211    vertical-align: inherit
212}
213
214th {
215    font-weight: bold
216}
217
218caption {
219    display: table-caption;
220    text-align: -webkit-center
221}
222
223/* lists */
224
225ul, menu, dir {
226    display: block;
227    list-style-type: disc;
228    margin: 1__qem 0 1em 0;
229    -webkit-padding-start: 40px
230}
231
232ol {
233    display: block;
234    list-style-type: decimal;
235    margin: 1__qem 0 1em 0;
236    -webkit-padding-start: 40px
237}
238
239li {
240    display: list-item
241}
242
243ul ul, ol ul {
244    list-style-type: circle
245}
246
247ol ol ul, ol ul ul, ul ol ul, ul ul ul {
248    list-style-type: square
249}
250
251dd {
252    display: block;
253    -webkit-margin-start: 40px
254}
255
256dl {
257    display: block;
258    margin: 1__qem 0 1em 0
259}
260
261dt {
262    display: block
263}
264
265ol ul, ul ol, ul ul, ol ol {
266    margin-top: 0;
267    margin-bottom: 0
268}
269
270/* form elements */
271
272form {
273    display: block;
274    margin-top: 0__qem
275}
276
277label {
278    cursor: default;
279}
280
281legend {
282    display: block;
283    padding-left: 2px;
284    padding-right: 2px;
285    border: none
286}
287
288fieldset {
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
296button {
297    -webkit-appearance: button;
298}
299
300input, 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    text-shadow: none;
310    display: inline-block;
311    text-align: -webkit-auto;
312}
313
314input[type="hidden"] {
315    display: none
316}
317
318input, 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    cursor: auto;
326}
327
328input[type="search"] {
329    -webkit-appearance: searchfield;
330    -webkit-box-sizing: border-box;
331}
332
333input[type="search"]::-webkit-search-cancel-button {
334    -webkit-appearance: searchfield-cancel-button;
335    display: inline-block;
336}
337
338input[type="search"]::-webkit-search-decoration {
339    -webkit-appearance: searchfield-decoration;
340    display: inline-block;
341}
342
343input[type="search"]::-webkit-search-results-decoration {
344    -webkit-appearance: searchfield-results-decoration;
345    display: inline-block;
346}
347
348input[type="search"]::-webkit-search-results-button {
349    -webkit-appearance: searchfield-results-button;
350    display: inline-block;
351}
352
353textarea {
354    -webkit-appearance: textarea;
355    background-color: white;
356    border: 1px solid;
357    -webkit-rtl-ordering: logical;
358    -webkit-user-select: text;
359    -webkit-box-orient: vertical;
360    resize: auto;
361    cursor: auto;
362}
363
364input::-webkit-input-placeholder {
365    color: darkGray;
366}
367
368input[type="password"] {
369    -webkit-text-security: disc !important;
370}
371
372input[type="hidden"], input[type="image"], input[type="file"] {
373    -webkit-appearance: initial;
374    padding: initial;
375    background-color: initial;
376    border: initial;
377}
378
379input[type="file"] {
380    -webkit-box-align: baseline;
381    text-align: start !important;
382}
383
384input:-webkit-autofill {
385    background-color: #FAFFBD !important;
386    background-image:none !important;
387}
388
389input[type="radio"], input[type="checkbox"] {
390    margin: 3px 0.5ex;
391    padding: initial;
392    background-color: initial;
393    border: initial;
394}
395
396input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button {
397    -webkit-appearance: push-button;
398    white-space: pre
399}
400
401input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
402    -webkit-box-align: center;
403    text-align: center;
404    cursor: default;
405    color: ButtonText;
406    padding: 2px 6px 3px 6px;
407    border: 2px outset ButtonFace;
408    background-color: ButtonFace;
409    -webkit-box-sizing: border-box
410}
411
412input[type="range"] {
413    -webkit-appearance: slider-horizontal;
414    padding: initial;
415    border: initial;
416    margin: 2px;
417}
418
419input[type="range"]::-webkit-slider-thumb {
420    -webkit-appearance: sliderthumb-horizontal;
421}
422
423input[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 {
424    color: GrayText
425}
426
427input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active {
428    border-style: inset
429}
430
431input[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 {
432    border-style: outset
433}
434
435area, param {
436    display: none
437}
438
439input[type="checkbox"] {
440    -webkit-appearance: checkbox;
441    -webkit-box-sizing: border-box;
442}
443
444input[type="radio"] {
445    -webkit-appearance: radio;
446    -webkit-box-sizing: border-box;
447}
448
449keygen, select {
450    -webkit-appearance: menulist;
451    -webkit-box-sizing: border-box;
452    -webkit-box-align: center;
453    border: 1px solid;
454    -webkit-border-radius: 5px;
455    white-space: pre;
456    -webkit-rtl-ordering: logical;
457    color: black;
458    background-color: white;
459    cursor: default;
460}
461
462select[size],
463select[multiple],
464select[size][multiple] {
465    -webkit-appearance: listbox;
466    -webkit-box-align: start;
467    border: 1px inset gray;
468    -webkit-border-radius: initial;
469    white-space: initial;
470}
471
472select[size="0"],
473select[size="1"] {
474    -webkit-appearance: menulist;
475    -webkit-box-align: center;
476    border: 1px solid;
477    -webkit-border-radius: 5px;
478    white-space: pre;
479}
480
481optgroup {
482    font-weight: bolder;
483}
484
485option {
486    font-weight: normal;
487}
488
489/* inline elements */
490
491u, ins {
492    text-decoration: underline
493}
494
495strong, b {
496    font-weight: bolder
497}
498
499i, cite, em, var, address {
500    font-style: italic
501}
502
503tt, code, kbd, samp {
504    font-family: monospace
505}
506
507pre, xmp, plaintext, listing {
508    display: block;
509    font-family: monospace;
510    white-space: pre;
511    margin: 1__qem 0
512}
513
514big {
515    font-size: larger
516}
517
518small {
519    font-size: smaller
520}
521
522s, strike, del {
523    text-decoration: line-through
524}
525
526sub {
527    vertical-align: sub;
528    font-size: smaller
529}
530
531sup {
532    vertical-align: super;
533    font-size: smaller
534}
535
536nobr {
537    white-space: nowrap
538}
539
540/* states */
541
542:focus {
543/* ANDROID specific change
544 * Android does not use the webkit-supplied focus ring, so
545 * remove the definition for outline to prevent setting or losing
546 * focus from triggering a dom rebuild.
547 */
548//  outline: auto 5px -webkit-focus-ring-color
549    outline: none
550}
551
552/* Read-only text fields do not show a focus ring but do still receive focus */
553html:focus, body:focus, input[readonly]:focus {
554    outline: none
555}
556
557input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {
558    outline-offset: -2px
559}
560
561input[type="button"]:focus,
562input[type="checkbox"]:focus,
563input[type="file"]:focus,
564input[type="hidden"]:focus,
565input[type="image"]:focus,
566input[type="radio"]:focus,
567input[type="reset"]:focus,
568input[type="search"]:focus,
569input[type="submit"]:focus,
570input[type="file"]:focus::-webkit-file-upload-button {
571    outline-offset: 0
572}
573
574a:-webkit-any-link {
575    color: -webkit-link;
576    text-decoration: underline;
577    cursor: auto;
578}
579
580a:-webkit-any-link:active {
581    color: -webkit-activelink
582}
583
584/* other elements */
585
586noframes {
587    display: none
588}
589
590frameset, frame {
591    display: block
592}
593
594frameset {
595    border-color: inherit
596}
597
598iframe {
599    border: 2px inset
600}
601
602/* noscript is handled internally, as it depends on settings */
603