2 * The default style sheet used to render HTML.
4 * Copyright (C) 2000 Lars Knoll (knoll@kde.org)
5 * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008 Apple Inc. All rights reserved.
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.
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.
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.
24 @namespace "http://www.w3.org/1999/xhtml";
30 /* children of the <head> element all have display:none */
55 /* generic block-level elements */
75 article, aside, footer, header, hgroup, nav, section {
80 display: inline-block;
81 overflow: -webkit-marquee
90 margin: 1__qem 40px 1em 40px
99 /* FIXME: content: open-quote; */
104 /* FIXME: content: close-quote; */
109 /* special centering to be able to emulate the html4/netscape behaviour */
110 text-align: -webkit-center
124 /* heading elements */
129 margin: .67__qem 0 .67em 0;
136 margin: .83__qem 0 .83em 0;
143 margin: 1__qem 0 1em 0;
149 margin: 1.33__qem 0 1.33em 0;
156 margin: 1.67__qem 0 1.67em 0;
163 margin: 2.33__qem 0 2.33em 0;
171 border-collapse: separate;
177 display: table-header-group;
178 vertical-align: middle;
179 border-color: inherit
183 display: table-row-group;
184 vertical-align: middle;
185 border-color: inherit
189 display: table-footer-group;
190 vertical-align: middle;
191 border-color: inherit
194 /* for tables without table section elements (can happen with XHTML or dynamically created tables) */
196 vertical-align: middle;
200 display: table-column
204 display: table-column-group
209 vertical-align: inherit;
210 border-color: inherit
215 vertical-align: inherit
223 display: table-caption;
224 text-align: -webkit-center
231 list-style-type: disc;
232 margin: 1__qem 0 1em 0;
233 -webkit-padding-start: 40px
238 list-style-type: decimal;
239 margin: 1__qem 0 1em 0;
240 -webkit-padding-start: 40px
248 list-style-type: circle
251 ol ol ul, ol ul ul, ul ol ul, ul ul ul {
252 list-style-type: square
257 -webkit-margin-start: 40px
262 margin: 1__qem 0 1em 0
269 ol ul, ul ol, ul ul, ol ol {
296 padding: 0.35em 0.75em 0.625em;
297 border: 2px groove ThreeDFace
301 -webkit-appearance: button;
304 input, textarea, keygen, select, button, isindex, datagrid {
306 font: -webkit-small-control;
308 letter-spacing: normal;
309 word-spacing: normal;
311 text-transform: none;
314 display: inline-block;
315 text-align: -webkit-auto;
318 input[type="hidden"] {
322 input, input[type="password"], input[type="search"], isindex {
323 -webkit-appearance: textfield;
325 background-color: white;
327 -webkit-rtl-ordering: logical;
328 -webkit-user-select: text;
332 input[type="search"] {
333 -webkit-appearance: searchfield;
334 -webkit-box-sizing: border-box;
337 input[type="search"]::-webkit-search-cancel-button {
338 -webkit-appearance: searchfield-cancel-button;
339 display: inline-block;
342 input[type="search"]::-webkit-search-decoration {
343 -webkit-appearance: searchfield-decoration;
344 display: inline-block;
347 input[type="search"]::-webkit-search-results-decoration {
348 -webkit-appearance: searchfield-results-decoration;
349 display: inline-block;
352 input[type="search"]::-webkit-search-results-button {
353 -webkit-appearance: searchfield-results-button;
354 display: inline-block;
357 input::-webkit-input-list-button {
358 -webkit-appearance: list-button;
359 display: inline-block;
362 input::-webkit-inner-spin-button {
363 -webkit-appearance: inner-spin-button;
364 display: inline-block;
365 -webkit-user-select: none;
368 input::-webkit-outer-spin-button {
369 -webkit-appearance: outer-spin-button;
370 display: inline-block;
372 -webkit-user-select: none;
376 -webkit-appearance: textarea;
377 background-color: white;
379 -webkit-rtl-ordering: logical;
380 -webkit-user-select: text;
381 -webkit-box-orient: vertical;
385 white-space: pre-wrap;
386 word-wrap: break-word;
389 input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
393 input[type="password"] {
394 -webkit-text-security: disc !important;
397 input[type="hidden"], input[type="image"], input[type="file"] {
398 -webkit-appearance: initial;
400 background-color: initial;
405 -webkit-box-align: baseline;
406 text-align: start !important;
409 input:-webkit-autofill {
410 background-color: #FAFFBD !important;
411 background-image:none !important;
414 input[type="radio"], input[type="checkbox"] {
417 background-color: initial;
421 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button {
422 -webkit-appearance: push-button;
426 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
427 -webkit-box-align: center;
431 padding: 2px 6px 3px 6px;
432 border: 2px outset ButtonFace;
433 background-color: ButtonFace;
434 -webkit-box-sizing: border-box
437 input[type="range"] {
438 -webkit-appearance: slider-horizontal;
444 input[type="range"]::-webkit-slider-thumb {
445 -webkit-appearance: sliderthumb-horizontal;
448 input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled,
449 input[type="file"]:disabled::-webkit-file-upload-button, button:disabled,
450 select:disabled, keygen:disabled, optgroup:disabled, option:disabled, datagrid:disabled {
454 input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active {
458 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 {
466 input[type="checkbox"] {
467 -webkit-appearance: checkbox;
468 -webkit-box-sizing: border-box;
471 input[type="radio"] {
472 -webkit-appearance: radio;
473 -webkit-box-sizing: border-box;
477 -webkit-appearance: menulist;
478 -webkit-box-sizing: border-box;
479 -webkit-box-align: center;
481 -webkit-border-radius: 5px;
483 -webkit-rtl-ordering: logical;
485 background-color: white;
491 select[size][multiple] {
492 -webkit-appearance: listbox;
493 -webkit-box-align: start;
494 border: 1px inset gray;
495 -webkit-border-radius: initial;
496 white-space: initial;
501 -webkit-appearance: menulist;
502 -webkit-box-align: center;
504 -webkit-border-radius: 5px;
523 -webkit-appearance: meter;
524 display: inline-block;
527 vertical-align: -0.2em;
530 meter::-webkit-meter {
531 -webkit-appearance: meter;
537 -webkit-appearance: progress-bar;
538 display: inline-block;
541 vertical-align: -0.2em;
544 progress::-webkit-progress-bar {
545 -webkit-appearance: progress-bar;
551 height: 150px; /* We don't use width:300px in CSS, since we want width:intrinsic and width:min-intrinsic to reset to 300 properly. */
552 -webkit-appearance: datagrid;
553 -webkit-box-sizing: border-box;
554 -webkit-rtl-ordering: logical;
556 background-color: white;
558 border: 1px inset gray;
559 white-space: initial;
562 /* inline elements */
565 text-decoration: underline
572 i, cite, em, var, address {
576 tt, code, kbd, samp {
577 font-family: monospace
580 pre, xmp, plaintext, listing {
582 font-family: monospace;
596 text-decoration: line-through
605 vertical-align: super;
616 outline: auto 5px -webkit-focus-ring-color
619 /* Read-only text fields do not show a focus ring but do still receive focus */
620 html:focus, body:focus, input[readonly]:focus {
624 input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {
628 input[type="button"]:focus,
629 input[type="checkbox"]:focus,
630 input[type="file"]:focus,
631 input[type="hidden"]:focus,
632 input[type="image"]:focus,
633 input[type="radio"]:focus,
634 input[type="reset"]:focus,
635 input[type="search"]:focus,
636 input[type="submit"]:focus,
637 input[type="file"]:focus::-webkit-file-upload-button {
643 text-decoration: underline;
647 a:-webkit-any-link:active {
648 color: -webkit-activelink
651 /* HTML5 ruby elements */
654 text-indent: 0; /* blocks used for ruby rendering should not trigger this */
660 font-size: 60%; /* make slightly larger than 50% for better readability */
679 border-color: inherit
686 /* noscript is handled internally, as it depends on settings */