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 */
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;
363 -webkit-appearance: textarea;
364 background-color: white;
366 -webkit-rtl-ordering: logical;
367 -webkit-user-select: text;
368 -webkit-box-orient: vertical;
372 white-space: pre-wrap;
373 word-wrap: break-word;
376 input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
380 input[type="password"] {
381 -webkit-text-security: disc !important;
384 input[type="hidden"], input[type="image"], input[type="file"] {
385 -webkit-appearance: initial;
387 background-color: initial;
392 -webkit-box-align: baseline;
393 text-align: start !important;
396 input:-webkit-autofill {
397 background-color: #FAFFBD !important;
398 background-image:none !important;
401 input[type="radio"], input[type="checkbox"] {
404 background-color: initial;
408 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button {
409 -webkit-appearance: push-button;
413 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
414 -webkit-box-align: center;
418 padding: 2px 6px 3px 6px;
419 border: 2px outset ButtonFace;
420 background-color: ButtonFace;
421 -webkit-box-sizing: border-box
424 input[type="range"] {
425 -webkit-appearance: slider-horizontal;
431 input[type="range"]::-webkit-slider-thumb {
432 -webkit-appearance: sliderthumb-horizontal;
435 input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled,
436 input[type="file"]:disabled::-webkit-file-upload-button, button:disabled,
437 select:disabled, keygen:disabled, optgroup:disabled, option:disabled, datagrid:disabled {
441 input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active {
445 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 {
453 input[type="checkbox"] {
454 -webkit-appearance: checkbox;
455 -webkit-box-sizing: border-box;
458 input[type="radio"] {
459 -webkit-appearance: radio;
460 -webkit-box-sizing: border-box;
464 -webkit-appearance: menulist;
465 -webkit-box-sizing: border-box;
466 -webkit-box-align: center;
468 -webkit-border-radius: 5px;
470 -webkit-rtl-ordering: logical;
472 background-color: white;
478 select[size][multiple] {
479 -webkit-appearance: listbox;
480 -webkit-box-align: start;
481 border: 1px inset gray;
482 -webkit-border-radius: initial;
483 white-space: initial;
488 -webkit-appearance: menulist;
489 -webkit-box-align: center;
491 -webkit-border-radius: 5px;
510 height: 150px; /* We don't use width:300px in CSS, since we want width:intrinsic and width:min-intrinsic to reset to 300 properly. */
511 -webkit-appearance: datagrid;
512 -webkit-box-sizing: border-box;
513 -webkit-rtl-ordering: logical;
515 background-color: white;
517 border: 1px inset gray;
518 white-space: initial;
521 /* inline elements */
524 text-decoration: underline
531 i, cite, em, var, address {
535 tt, code, kbd, samp {
536 font-family: monospace
539 pre, xmp, plaintext, listing {
541 font-family: monospace;
555 text-decoration: line-through
564 vertical-align: super;
575 outline: auto 5px -webkit-focus-ring-color
578 /* Read-only text fields do not show a focus ring but do still receive focus */
579 html:focus, body:focus, input[readonly]:focus {
583 input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {
587 input[type="button"]:focus,
588 input[type="checkbox"]:focus,
589 input[type="file"]:focus,
590 input[type="hidden"]:focus,
591 input[type="image"]:focus,
592 input[type="radio"]:focus,
593 input[type="reset"]:focus,
594 input[type="search"]:focus,
595 input[type="submit"]:focus,
596 input[type="file"]:focus::-webkit-file-upload-button {
602 text-decoration: underline;
606 a:-webkit-any-link:active {
607 color: -webkit-activelink
610 /* HTML5 ruby elements */
613 text-indent: 0; /* blocks used for ruby rendering should not trigger this */
618 font-size: 60%; /* make slightly larger than 50% for better readability */
637 border-color: inherit
644 /* noscript is handled internally, as it depends on settings */