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