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, 2009, 2010, 2011 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
62#if defined(ENABLE_IFRAME_SEAMLESS) && ENABLE_IFRAME_SEAMLESS
63body:-webkit-seamless-document {
64    margin: 0px;
65}
66#endif
67
68p {
69    display: block;
70    -webkit-margin-before: 1__qem;
71    -webkit-margin-after: 1__qem;
72    -webkit-margin-start: 0;
73    -webkit-margin-end: 0;
74}
75
76div {
77    display: block
78}
79
80layer {
81    display: block
82}
83
84article, aside, footer, header, hgroup, main, nav, section {
85    display: block
86}
87
88marquee {
89    display: inline-block;
90    overflow: -webkit-marquee
91}
92
93address {
94    display: block
95}
96
97blockquote {
98    display: block;
99    -webkit-margin-before: 1__qem;
100    -webkit-margin-after: 1em;
101    -webkit-margin-start: 40px;
102    -webkit-margin-end: 40px;
103}
104
105figcaption {
106    display: block
107}
108
109figure {
110    display: block;
111    -webkit-margin-before: 1em;
112    -webkit-margin-after: 1em;
113    -webkit-margin-start: 40px;
114    -webkit-margin-end: 40px;
115}
116
117q {
118    display: inline
119}
120
121q:before {
122    content: open-quote;
123}
124
125q:after {
126    content: close-quote;
127}
128
129center {
130    display: block;
131    /* special centering to be able to emulate the html4/netscape behaviour */
132    text-align: -webkit-center
133}
134
135hr {
136    display: block;
137    -webkit-margin-before: 0.5em;
138    -webkit-margin-after: 0.5em;
139    -webkit-margin-start: auto;
140    -webkit-margin-end: auto;
141    border-style: inset;
142    border-width: 1px
143}
144
145map {
146    display: inline
147}
148
149#if defined(ENABLE_DIALOG_ELEMENT) && ENABLE_DIALOG_ELEMENT
150dialog:not([open]) { display: none; }
151dialog {
152    position: absolute;
153    left: 0; right: 0;
154    margin: auto;
155    border: solid;
156    padding: 1em;
157    background: white;
158    color: black;
159}
160#endif
161
162/* heading elements */
163
164h1 {
165    display: block;
166    font-size: 2em;
167    -webkit-margin-before: 0.67__qem;
168    -webkit-margin-after: 0.67em;
169    -webkit-margin-start: 0;
170    -webkit-margin-end: 0;
171    font-weight: bold
172}
173
174:-webkit-any(article,aside,nav,section) h1 {
175    font-size: 1.5em;
176    -webkit-margin-before: 0.83__qem;
177    -webkit-margin-after: 0.83em;
178}
179
180:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
181    font-size: 1.17em;
182    -webkit-margin-before: 1__qem;
183    -webkit-margin-after: 1em;
184}
185
186:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
187    font-size: 1.00em;
188    -webkit-margin-before: 1.33__qem;
189    -webkit-margin-after: 1.33em;
190}
191
192:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
193    font-size: .83em;
194    -webkit-margin-before: 1.67__qem;
195    -webkit-margin-after: 1.67em;
196}
197
198:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
199    font-size: .67em;
200    -webkit-margin-before: 2.33__qem;
201    -webkit-margin-after: 2.33em;
202}
203
204h2 {
205    display: block;
206    font-size: 1.5em;
207    -webkit-margin-before: 0.83__qem;
208    -webkit-margin-after: 0.83em;
209    -webkit-margin-start: 0;
210    -webkit-margin-end: 0;
211    font-weight: bold
212}
213
214h3 {
215    display: block;
216    font-size: 1.17em;
217    -webkit-margin-before: 1__qem;
218    -webkit-margin-after: 1em;
219    -webkit-margin-start: 0;
220    -webkit-margin-end: 0;
221    font-weight: bold
222}
223
224h4 {
225    display: block;
226    -webkit-margin-before: 1.33__qem;
227    -webkit-margin-after: 1.33em;
228    -webkit-margin-start: 0;
229    -webkit-margin-end: 0;
230    font-weight: bold
231}
232
233h5 {
234    display: block;
235    font-size: .83em;
236    -webkit-margin-before: 1.67__qem;
237    -webkit-margin-after: 1.67em;
238    -webkit-margin-start: 0;
239    -webkit-margin-end: 0;
240    font-weight: bold
241}
242
243h6 {
244    display: block;
245    font-size: .67em;
246    -webkit-margin-before: 2.33__qem;
247    -webkit-margin-after: 2.33em;
248    -webkit-margin-start: 0;
249    -webkit-margin-end: 0;
250    font-weight: bold
251}
252
253/* tables */
254
255table {
256    display: table;
257    border-collapse: separate;
258    border-spacing: 2px;
259    border-color: gray
260}
261
262thead {
263    display: table-header-group;
264    vertical-align: middle;
265    border-color: inherit
266}
267
268tbody {
269    display: table-row-group;
270    vertical-align: middle;
271    border-color: inherit
272}
273
274tfoot {
275    display: table-footer-group;
276    vertical-align: middle;
277    border-color: inherit
278}
279
280/* for tables without table section elements (can happen with XHTML or dynamically created tables) */
281table > tr {
282    vertical-align: middle;
283}
284
285col {
286    display: table-column
287}
288
289colgroup {
290    display: table-column-group
291}
292
293tr {
294    display: table-row;
295    vertical-align: inherit;
296    border-color: inherit
297}
298
299td, th {
300    display: table-cell;
301    vertical-align: inherit
302}
303
304th {
305    font-weight: bold
306}
307
308caption {
309    display: table-caption;
310    text-align: -webkit-center
311}
312
313/* lists */
314
315ul, menu, dir {
316    display: block;
317    list-style-type: disc;
318    -webkit-margin-before: 1__qem;
319    -webkit-margin-after: 1em;
320    -webkit-margin-start: 0;
321    -webkit-margin-end: 0;
322    -webkit-padding-start: 40px
323}
324
325ol {
326    display: block;
327    list-style-type: decimal;
328    -webkit-margin-before: 1__qem;
329    -webkit-margin-after: 1em;
330    -webkit-margin-start: 0;
331    -webkit-margin-end: 0;
332    -webkit-padding-start: 40px
333}
334
335li {
336    display: list-item;
337    text-align: -webkit-match-parent;
338}
339
340ul ul, ol ul {
341    list-style-type: circle
342}
343
344ol ol ul, ol ul ul, ul ol ul, ul ul ul {
345    list-style-type: square
346}
347
348dd {
349    display: block;
350    -webkit-margin-start: 40px
351}
352
353dl {
354    display: block;
355    -webkit-margin-before: 1__qem;
356    -webkit-margin-after: 1em;
357    -webkit-margin-start: 0;
358    -webkit-margin-end: 0;
359}
360
361dt {
362    display: block
363}
364
365ol ul, ul ol, ul ul, ol ol {
366    -webkit-margin-before: 0;
367    -webkit-margin-after: 0
368}
369
370/* form elements */
371
372form {
373    display: block;
374    margin-top: 0__qem;
375}
376
377label {
378    cursor: default;
379}
380
381legend {
382    display: block;
383    -webkit-padding-start: 2px;
384    -webkit-padding-end: 2px;
385    border: none
386}
387
388fieldset {
389    display: block;
390    -webkit-margin-start: 2px;
391    -webkit-margin-end: 2px;
392    -webkit-padding-before: 0.35em;
393    -webkit-padding-start: 0.75em;
394    -webkit-padding-end: 0.75em;
395    -webkit-padding-after: 0.625em;
396    border: 2px groove ThreeDFace;
397    min-width: -webkit-min-content;
398}
399
400button {
401    -webkit-appearance: button;
402}
403
404/* Form controls don't go vertical. */
405input, textarea, keygen, select, button, isindex, meter, progress {
406    -webkit-writing-mode: horizontal-tb !important;
407}
408
409input, textarea, keygen, select, button, isindex {
410    margin: 0__qem;
411    font: -webkit-small-control;
412    color: initial;
413    letter-spacing: normal;
414    word-spacing: normal;
415    line-height: normal;
416    text-transform: none;
417    text-indent: 0;
418    text-shadow: none;
419    display: inline-block;
420    text-align: start;
421}
422
423input[type="hidden"] {
424    display: none
425}
426
427input, input[type="password"], input[type="search"], isindex {
428    -webkit-appearance: textfield;
429    padding: 1px;
430    background-color: white;
431    border: 2px inset;
432    -webkit-rtl-ordering: logical;
433    -webkit-user-select: text;
434    cursor: auto;
435}
436
437input[type="search"] {
438    -webkit-appearance: searchfield;
439    box-sizing: border-box;
440}
441
442input::-webkit-textfield-decoration-container {
443    display: -webkit-flex;
444    -webkit-align-items: center;
445    -webkit-user-modify: read-only !important;
446    content: none !important;
447}
448
449input[type="search"]::-webkit-textfield-decoration-container {
450    direction: ltr;
451}
452
453input::-webkit-clear-button {
454    -webkit-appearance: searchfield-cancel-button;
455    display: inline-block;
456    -webkit-flex: none;
457    -webkit-user-modify: read-only !important;
458    margin-left: 2px;
459}
460
461input[type="search"]::-webkit-search-cancel-button {
462    -webkit-appearance: searchfield-cancel-button;
463    display: block;
464    -webkit-flex: none;
465    -webkit-user-modify: read-only !important;
466    -webkit-align-self: flex-start;
467    margin: auto 0;
468}
469
470input[type="search"]::-webkit-search-decoration {
471    -webkit-appearance: searchfield-decoration;
472    display: block;
473    -webkit-flex: none;
474    -webkit-user-modify: read-only !important;
475    -webkit-align-self: flex-start;
476    margin: auto 0;
477}
478
479input[type="search"]::-webkit-search-results-decoration {
480    -webkit-appearance: searchfield-results-decoration;
481    display: block;
482    -webkit-flex: none;
483    -webkit-user-modify: read-only !important;
484    -webkit-align-self: flex-start;
485    margin: auto 0;
486}
487
488input[type="search"]::-webkit-search-results-button {
489    -webkit-appearance: searchfield-results-button;
490    display: block;
491    -webkit-flex: none;
492    -webkit-user-modify: read-only !important;
493}
494
495#if defined(ENABLE_DATALIST_ELEMENT) && ENABLE_DATALIST_ELEMENT
496datalist {
497    display: none;
498}
499#endif
500
501#if defined(ENABLE_INPUT_TYPE_DATE) && ENABLE_INPUT_TYPE_DATE
502input[type="date"] {
503    -webkit-align-items: center;
504    -webkit-appearance: menulist-button;
505    display: -webkit-inline-flex;
506    overflow: hidden;
507    width: 10em;
508}
509#endif
510#if defined(ENABLE_INPUT_TYPE_DATETIME_INCOMPLETE) && ENABLE_INPUT_TYPE_DATETIME_INCOMPLETE
511input[type="datetime"] {
512    -webkit-align-items: center;
513    -webkit-appearance: menulist-button;
514    display: -webkit-inline-flex;
515    overflow: hidden;
516    width: 10em;
517}
518#endif
519#if defined(ENABLE_INPUT_TYPE_DATETIMELOCAL) && ENABLE_INPUT_TYPE_DATETIMELOCAL
520input[type="datetime-local"] {
521    -webkit-align-items: center;
522    -webkit-appearance: menulist-button;
523    display: -webkit-inline-flex;
524    overflow: hidden;
525    width: 10em;
526}
527#endif
528#if defined(ENABLE_INPUT_TYPE_MONTH) && ENABLE_INPUT_TYPE_MONTH
529input[type="month"] {
530    -webkit-align-items: center;
531    -webkit-appearance: menulist-button;
532    display: -webkit-inline-flex;
533    overflow: hidden;
534    width: 10em;
535}
536#endif
537#if defined(ENABLE_INPUT_TYPE_TIME) && ENABLE_INPUT_TYPE_TIME
538input[type="time"] {
539    -webkit-align-items: center;
540    -webkit-appearance: menulist-button;
541    display: -webkit-inline-flex;
542    overflow: hidden;
543    width: 10em;
544}
545#endif
546#if defined(ENABLE_INPUT_TYPE_WEEK) && ENABLE_INPUT_TYPE_WEEK
547input[type="week"] {
548    -webkit-align-items: center;
549    -webkit-appearance: menulist-button;
550    display: -webkit-inline-flex;
551    overflow: hidden;
552    width: 10em;
553}
554#endif
555
556input::-webkit-date-and-time-value {
557    margin: 1px 24px 1px 4px;
558    white-space: pre;
559}
560
561input::-webkit-inner-spin-button {
562    -webkit-appearance: inner-spin-button;
563    display: block;
564    position: relative;
565    cursor: default;
566    /* This height property is ignored for input type "number" and others which
567     * use RenderTextControlSingleLine as renderer which sets height of spin
568     * button in layout(). */
569    height: 1.5em;
570    vertical-align: top;
571    -webkit-flex: none;
572    -webkit-user-select: none;
573    -webkit-user-modify: read-only !important;
574}
575
576#if defined(ENABLE_INPUT_SPEECH) && ENABLE_INPUT_SPEECH
577input::-webkit-input-speech-button {
578    -webkit-appearance: -webkit-input-speech-button;
579    display: block;
580    vertical-align: top;
581    -webkit-flex: none;
582    -webkit-user-modify: read-only !important;
583    -webkit-align-self: flex-start;
584    margin: auto 0;
585}
586#endif
587
588keygen, select {
589    border-radius: 5px;
590}
591
592keygen::-webkit-keygen-select {
593    margin: 0px;
594}
595
596textarea {
597    -webkit-appearance: textarea;
598    background-color: white;
599    border: 1px solid;
600    -webkit-rtl-ordering: logical;
601    -webkit-user-select: text;
602    -webkit-flex-direction: column;
603    resize: auto;
604    cursor: auto;
605    padding: 2px;
606    white-space: pre-wrap;
607    word-wrap: break-word;
608}
609
610::-webkit-input-placeholder {
611    -webkit-text-security: none;
612    color: darkGray;
613    display: block !important;
614    pointer-events: none !important;
615}
616
617input::-webkit-input-placeholder, isindex::-webkit-input-placeholder {
618    white-space: pre;
619    word-wrap: normal;
620    overflow: hidden;
621    -webkit-user-modify: read-only !important;
622}
623
624input[type="password"] {
625    -webkit-text-security: disc !important;
626}
627
628input[type="hidden"], input[type="image"], input[type="file"] {
629    -webkit-appearance: initial;
630    padding: initial;
631    background-color: initial;
632    border: initial;
633}
634
635input[type="file"] {
636    -webkit-align-items: baseline;
637    color: inherit;
638    text-align: start !important;
639}
640
641input:-webkit-autofill {
642    background-color: #FAFFBD !important;
643    background-image:none !important;
644    color: #000000 !important;
645}
646
647input[type="radio"], input[type="checkbox"] {
648    margin: 3px 0.5ex;
649    padding: initial;
650    background-color: initial;
651    border: initial;
652}
653
654input[type="button"], input[type="submit"], input[type="reset"] {
655    -webkit-appearance: push-button;
656    white-space: pre
657}
658
659input[type="file"]::-webkit-file-upload-button {
660    -webkit-appearance: push-button;
661    -webkit-user-modify: read-only !important;
662    white-space: nowrap;
663    margin: 0;
664    font-size: inherit;
665}
666
667input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
668    -webkit-align-items: flex-start;
669    text-align: center;
670    cursor: default;
671    color: ButtonText;
672    padding: 2px 6px 3px 6px;
673    border: 2px outset ButtonFace;
674    background-color: ButtonFace;
675    box-sizing: border-box
676}
677
678input[type="range"] {
679    -webkit-appearance: slider-horizontal;
680    padding: initial;
681    border: initial;
682    margin: 2px;
683    color: #909090;
684}
685
686input[type="range"]::-webkit-slider-container, input[type="range"]::-webkit-media-slider-container {
687    -webkit-flex: 1;
688    box-sizing: border-box;
689    -webkit-user-modify: read-only !important;
690    display: -webkit-flex;
691    -webkit-align-contents: center;
692}
693
694input[type="range"]::-webkit-slider-runnable-track {
695    -webkit-flex: 1;
696    -webkit-align-self: center;
697
698    box-sizing: border-box;
699    -webkit-user-modify: read-only !important;
700    display: block;
701}
702
703input[type="range"]::-webkit-slider-thumb, input[type="range"]::-webkit-media-slider-thumb {
704    -webkit-appearance: sliderthumb-horizontal;
705    box-sizing: border-box;
706    -webkit-user-modify: read-only !important;
707    display: block;
708}
709
710input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled,
711input[type="file"]:disabled::-webkit-file-upload-button, button:disabled,
712select:disabled, keygen:disabled, optgroup:disabled, option:disabled,
713select[disabled]>option {
714    color: GrayText
715}
716
717input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active {
718    border-style: inset
719}
720
721input[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 {
722    border-style: outset
723}
724
725area, param {
726    display: none
727}
728
729input[type="checkbox"] {
730    -webkit-appearance: checkbox;
731    box-sizing: border-box;
732}
733
734input[type="radio"] {
735    -webkit-appearance: radio;
736    box-sizing: border-box;
737}
738
739#if defined(ENABLE_INPUT_TYPE_COLOR) && ENABLE_INPUT_TYPE_COLOR
740
741input[type="color"] {
742    -webkit-appearance: square-button;
743    width: 44px;
744    height: 23px;
745}
746
747input[type="color"]::-webkit-color-swatch-wrapper {
748    display:-webkit-flex;
749    padding: 4px 2px;
750    box-sizing: border-box;
751    -webkit-user-modify: read-only !important;
752    width: 100%;
753    height: 100%
754}
755
756input[type="color"]::-webkit-color-swatch {
757    background-color: #000000;
758    border: 1px solid #777777;
759    -webkit-flex: 1;
760    -webkit-user-modify: read-only !important;
761}
762
763#if defined(ENABLE_DATALIST_ELEMENT) && ENABLE_DATALIST_ELEMENT
764
765input[type="color"][list] {
766    -webkit-appearance: menulist;
767    width: 88px;
768    height: 23px;
769}
770
771input[type="color"][list]::-webkit-color-swatch-wrapper {
772    padding-left: 8px;
773    padding-right: 24px;
774}
775
776input[type="color"][list]::-webkit-color-swatch {
777    border-color: #000000;
778}
779
780#endif // defined(ENABLE_DATALIST_ELEMENT) && ENABLE_DATALIST_ELEMENT
781
782#endif // defined(ENABLE_INPUT_TYPE_COLOR) && ENABLE_INPUT_TYPE_COLOR
783
784select {
785    -webkit-appearance: menulist;
786    box-sizing: border-box;
787    -webkit-align-items: center;
788    border: 1px solid;
789    white-space: pre;
790    -webkit-rtl-ordering: logical;
791    color: black;
792    background-color: white;
793    cursor: default;
794}
795
796select[size],
797select[multiple],
798select[size][multiple] {
799    -webkit-appearance: listbox;
800    -webkit-align-items: flex-start;
801    border: 1px inset gray;
802    border-radius: initial;
803    white-space: initial;
804}
805
806select[size="0"],
807select[size="1"] {
808    -webkit-appearance: menulist;
809    -webkit-align-items: center;
810    border: 1px solid;
811    border-radius: 5px;
812    white-space: pre;
813}
814
815optgroup {
816    font-weight: bolder;
817}
818
819option {
820    font-weight: normal;
821}
822
823output {
824    display: inline;
825}
826
827/* form validation message bubble */
828
829::-webkit-validation-bubble {
830    display: inline-block;
831    z-index: 2147483647;
832    position: absolute;
833    opacity: 0.95;
834    line-height: 0;
835    margin: 0;
836    -webkit-text-security: none;
837    -webkit-transition: opacity 05.5s ease;
838    -webkit-user-modify: read-only !important;
839}
840
841::-webkit-validation-bubble-message {
842    display: -webkit-flex;
843    position: relative;
844    top: -4px;
845    font: message-box;
846    color: black;
847    min-width: 50px;
848    max-width: 200px;
849    border: solid 2px #400;
850    background: -webkit-gradient(linear, left top, left bottom, from(#f8ecec), to(#e8cccc));
851    padding: 8px;
852    border-radius: 8px;
853    -webkit-box-shadow: 4px 4px 4px rgba(100,100,100,0.6),
854        inset -2px -2px 1px #d0c4c4,
855        inset 2px 2px 1px white;
856    -webkit-user-modify: read-only !important;
857    line-height: normal;
858    white-space: normal;
859    z-index: 2147483644;
860}
861
862::-webkit-validation-bubble-text-block {
863    -webkit-flex: 1;
864    -webkit-user-modify: read-only !important;
865}
866
867::-webkit-validation-bubble-heading {
868    font-weight: bold;
869    -webkit-user-modify: read-only !important;
870}
871
872::-webkit-validation-bubble-arrow {
873    display: inline-block;
874    position: relative;
875    left: 32px;
876    width: 16px;
877    height: 16px;
878    background-color: #f8ecec;
879    border-width: 2px 0 0 2px;
880    border-style: solid;
881    border-color: #400;
882    box-shadow: inset 2px 2px 1px white;
883    -webkit-transform-origin: 0 0;
884    -webkit-transform: rotate(45deg);
885    -webkit-user-modify: read-only !important;
886    z-index: 2147483645;
887}
888
889::-webkit-validation-bubble-arrow-clipper {
890    display: block;
891    overflow: hidden;
892    height: 16px;
893    -webkit-user-modify: read-only !important;
894}
895
896#if defined(ENABLE_METER_ELEMENT) && ENABLE_METER_ELEMENT
897/* meter */
898
899meter {
900    -webkit-appearance: meter;
901    box-sizing: border-box;
902    display: inline-block;
903    height: 1em;
904    width: 5em;
905    vertical-align: -0.2em;
906}
907
908meter::-webkit-meter-inner-element {
909    -webkit-appearance: inherit;
910    box-sizing: inherit;
911    -webkit-user-modify: read-only !important;
912    height: 100%;
913    width: 100%;
914}
915
916meter::-webkit-meter-bar {
917    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ddd), color-stop(0.20, #eee), color-stop(0.45, #ccc), color-stop(0.55, #ccc));
918    height: 100%;
919    width: 100%;
920    -webkit-user-modify: read-only !important;
921    box-sizing: border-box;
922}
923
924meter::-webkit-meter-optimum-value {
925    background: -webkit-gradient(linear, left top, left bottom, from(#ad7), to(#ad7), color-stop(0.20, #cea), color-stop(0.45, #7a3), color-stop(0.55, #7a3));
926    height: 100%;
927    -webkit-user-modify: read-only !important;
928    box-sizing: border-box;
929}
930
931meter::-webkit-meter-suboptimum-value {
932    background: -webkit-gradient(linear, left top, left bottom, from(#fe7), to(#fe7), color-stop(0.20, #ffc), color-stop(0.45, #db3), color-stop(0.55, #db3));
933    height: 100%;
934    -webkit-user-modify: read-only !important;
935    box-sizing: border-box;
936}
937
938meter::-webkit-meter-even-less-good-value {
939    background: -webkit-gradient(linear, left top, left bottom, from(#f77), to(#f77), color-stop(0.20, #fcc), color-stop(0.45, #d44), color-stop(0.55, #d44));
940    height: 100%;
941    -webkit-user-modify: read-only !important;
942    box-sizing: border-box;
943}
944#endif
945
946#if defined(ENABLE_PROGRESS_ELEMENT) && ENABLE_PROGRESS_ELEMENT
947/* progress */
948
949progress {
950    -webkit-appearance: progress-bar;
951    box-sizing: border-box;
952    display: inline-block;
953    height: 1em;
954    width: 10em;
955    vertical-align: -0.2em;
956}
957
958progress::-webkit-progress-inner-element {
959    -webkit-appearance: inherit;
960    box-sizing: inherit;
961    -webkit-user-modify: read-only;
962    height: 100%;
963    width: 100%;
964}
965
966progress::-webkit-progress-bar {
967    background-color: gray;
968    height: 100%;
969    width: 100%;
970    -webkit-user-modify: read-only !important;
971    box-sizing: border-box;
972}
973
974progress::-webkit-progress-value {
975    background-color: green;
976    height: 100%;
977    width: 50%; /* should be removed later */
978    -webkit-user-modify: read-only !important;
979    box-sizing: border-box;
980}
981#endif
982
983/* inline elements */
984
985u, ins {
986    text-decoration: underline
987}
988
989strong, b {
990    font-weight: bold
991}
992
993i, cite, em, var, address, dfn {
994    font-style: italic
995}
996
997tt, code, kbd, samp {
998    font-family: monospace
999}
1000
1001pre, xmp, plaintext, listing {
1002    display: block;
1003    font-family: monospace;
1004    white-space: pre;
1005    margin: 1__qem 0
1006}
1007
1008mark {
1009    background-color: yellow;
1010    color: black
1011}
1012
1013big {
1014    font-size: larger
1015}
1016
1017small {
1018    font-size: smaller
1019}
1020
1021s, strike, del {
1022    text-decoration: line-through
1023}
1024
1025sub {
1026    vertical-align: sub;
1027    font-size: smaller
1028}
1029
1030sup {
1031    vertical-align: super;
1032    font-size: smaller
1033}
1034
1035nobr {
1036    white-space: nowrap
1037}
1038
1039/* states */
1040
1041:focus {
1042    outline: auto 5px -webkit-focus-ring-color
1043}
1044
1045/* Read-only text fields do not show a focus ring but do still receive focus */
1046html:focus, body:focus, input[readonly]:focus {
1047    outline: none
1048}
1049
1050applet:focus, embed:focus, iframe:focus, object:focus {
1051    outline: none
1052}
1053
1054input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {
1055    outline-offset: -2px
1056}
1057
1058input[type="button"]:focus,
1059input[type="checkbox"]:focus,
1060input[type="file"]:focus,
1061input[type="hidden"]:focus,
1062input[type="image"]:focus,
1063input[type="radio"]:focus,
1064input[type="reset"]:focus,
1065input[type="search"]:focus,
1066input[type="submit"]:focus,
1067input[type="file"]:focus::-webkit-file-upload-button {
1068    outline-offset: 0
1069}
1070
1071a:-webkit-any-link {
1072    color: -webkit-link;
1073    text-decoration: underline;
1074    cursor: auto;
1075}
1076
1077a:-webkit-any-link:active {
1078    color: -webkit-activelink
1079}
1080
1081/* HTML5 ruby elements */
1082
1083ruby, rt {
1084    text-indent: 0; /* blocks used for ruby rendering should not trigger this */
1085}
1086
1087rt {
1088    line-height: normal;
1089    -webkit-text-emphasis: none;
1090}
1091
1092ruby > rt {
1093    display: block;
1094    font-size: 50%;
1095    text-align: start;
1096}
1097
1098ruby > rp {
1099    display: none;
1100}
1101
1102/* other elements */
1103
1104noframes {
1105    display: none
1106}
1107
1108frameset, frame {
1109    display: block
1110}
1111
1112frameset {
1113    border-color: inherit
1114}
1115
1116iframe:not([seamless]) {
1117    border: 2px inset
1118}
1119
1120iframe[seamless] {
1121    display: block
1122}
1123
1124details {
1125    display: block
1126}
1127
1128summary {
1129    display: block
1130}
1131
1132summary::-webkit-details-marker {
1133    display: inline-block;
1134    width: 0.66em;
1135    height: 0.66em;
1136    margin-right: 0.4em;
1137}
1138
1139#if defined(ENABLE_TEMPLATE_ELEMENT) && ENABLE_TEMPLATE_ELEMENT
1140template {
1141    display: none
1142}
1143#endif
1144
1145bdi, output {
1146    unicode-bidi: -webkit-isolate;
1147}
1148
1149bdo {
1150    unicode-bidi: bidi-override;
1151}
1152
1153/* page */
1154
1155@page {
1156    /* FIXME: Define the right default values for page properties. */
1157    size: auto;
1158    margin: auto;
1159    padding: 0px;
1160    border-width: 0px;
1161}
1162
1163/* noscript is handled internally, as it depends on settings. */
1164
1165