diff options
Diffstat (limited to 'Source/WebCore/css/html.css')
| -rw-r--r-- | Source/WebCore/css/html.css | 789 |
1 files changed, 789 insertions, 0 deletions
diff --git a/Source/WebCore/css/html.css b/Source/WebCore/css/html.css new file mode 100644 index 0000000..823f5f3 --- /dev/null +++ b/Source/WebCore/css/html.css @@ -0,0 +1,789 @@ +/* + * The default style sheet used to render HTML. + * + * Copyright (C) 2000 Lars Knoll (knoll@kde.org) + * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008 Apple Inc. All rights reserved. + * + * This library is free software; you can redistribute it and/or + * modify it under the terms of the GNU Library General Public + * License as published by the Free Software Foundation; either + * version 2 of the License, or (at your option) any later version. + * + * This library is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Library General Public License for more details. + * + * You should have received a copy of the GNU Library General Public License + * along with this library; see the file COPYING.LIB. If not, write to + * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, + * Boston, MA 02110-1301, USA. + * + */ + +@namespace "http://www.w3.org/1999/xhtml"; + +html { + display: block +} + +/* children of the <head> element all have display:none */ +head { + display: none +} + +meta { + display: none +} + +title { + display: none +} + +link { + display: none +} + +style { + display: none +} + +script { + display: none +} + +/* generic block-level elements */ + +body { + display: block; + margin: 8px +} + +p { + display: block; + margin: 1.0__qem 0px +} + +div { + display: block +} + +layer { + display: block +} + +article, aside, footer, header, hgroup, nav, section { + display: block +} + +marquee { + display: inline-block; + overflow: -webkit-marquee +} + +address { + display: block +} + +blockquote { + display: block; + margin: 1__qem 40px 1em 40px +} + +figcaption { + display: block +} + +figure { + display: block; + margin: 1em 40px 1em 40px +} + +q { + display: inline +} + +q:before { + content: '"' + /* FIXME: content: open-quote; */ +} + +q:after { + content: '"' + /* FIXME: content: close-quote; */ +} + +center { + display: block; + /* special centering to be able to emulate the html4/netscape behaviour */ + text-align: -webkit-center +} + +hr { + display: block; + margin: 0.5em auto; + border-style: inset; + border-width: 1px +} + +map { + display: inline +} + +/* heading elements */ + +h1 { + display: block; + font-size: 2em; + margin: .67__qem 0 .67em 0; + font-weight: bold +} + +h2 { + display: block; + font-size: 1.5em; + margin: .83__qem 0 .83em 0; + font-weight: bold +} + +h3 { + display: block; + font-size: 1.17em; + margin: 1__qem 0 1em 0; + font-weight: bold +} + +h4 { + display: block; + margin: 1.33__qem 0 1.33em 0; + font-weight: bold +} + +h5 { + display: block; + font-size: .83em; + margin: 1.67__qem 0 1.67em 0; + font-weight: bold +} + +h6 { + display: block; + font-size: .67em; + margin: 2.33__qem 0 2.33em 0; + font-weight: bold +} + +/* tables */ + +table { + display: table; + border-collapse: separate; + border-spacing: 2px; + border-color: gray +} + +thead { + display: table-header-group; + vertical-align: middle; + border-color: inherit +} + +tbody { + display: table-row-group; + vertical-align: middle; + border-color: inherit +} + +tfoot { + display: table-footer-group; + vertical-align: middle; + border-color: inherit +} + +/* for tables without table section elements (can happen with XHTML or dynamically created tables) */ +table > tr { + vertical-align: middle; +} + +col { + display: table-column +} + +colgroup { + display: table-column-group +} + +tr { + display: table-row; + vertical-align: inherit; + border-color: inherit +} + +td, th { + display: table-cell; + vertical-align: inherit +} + +th { + font-weight: bold +} + +caption { + display: table-caption; + text-align: -webkit-center +} + +/* lists */ + +ul, menu, dir { + display: block; + list-style-type: disc; + -webkit-margin-before: 1__qem; + -webkit-margin-after: 1em; + -webkit-margin-start: 0; + -webkit-margin-end: 0; + -webkit-padding-start: 40px +} + +ol { + display: block; + list-style-type: decimal; + -webkit-margin-before: 1__qem; + -webkit-margin-after: 1em; + -webkit-margin-start: 0; + -webkit-margin-end: 0; + -webkit-padding-start: 40px +} + +li { + display: list-item +} + +ul ul, ol ul { + list-style-type: circle +} + +ol ol ul, ol ul ul, ul ol ul, ul ul ul { + list-style-type: square +} + +dd { + display: block; + -webkit-margin-start: 40px +} + +dl { + display: block; + -webkit-margin-before: 1__qem; + -webkit-margin-after: 1em; + -webkit-margin-start: 0; + -webkit-margin-end: 0; +} + +dt { + display: block +} + +ol ul, ul ol, ul ul, ol ol { + -webkit-margin-before: 0; + -webkit-margin-after: 0 +} + +/* form elements */ + +form { + display: block; + margin-top: 0__qem +} + +label { + cursor: default; +} + +legend { + display: block; + -webkit-padding-start: 2px; + -webkit-padding-end: 2px; + border: none +} + +fieldset { + display: block; + -webkit-margin-start: 2px; + -webkit-margin-end: 2px; + -webkit-padding-before: 0.35em; + -webkit-padding-start: 0.75em; + -webkit-padding-end: 0.75em; + -webkit-padding-after: 0.625em; + border: 2px groove ThreeDFace +} + +button { + -webkit-appearance: button; +} + +/* Form controls don't go vertical. */ +input, textarea, keygen, select, button, isindex, meter, progress { + -webkit-block-flow: tb !important; +} + +input, textarea, keygen, select, button, isindex, datagrid { + margin: 0__qem; + font: -webkit-small-control; + color: initial; + letter-spacing: normal; + word-spacing: normal; + line-height: normal; + text-transform: none; + text-indent: 0; + text-shadow: none; + display: inline-block; + text-align: -webkit-auto; +} + +input[type="hidden"] { + display: none +} + +input, input[type="password"], input[type="search"], isindex { + -webkit-appearance: textfield; + padding: 1px; + background-color: white; + border: 2px inset; + -webkit-rtl-ordering: logical; + -webkit-user-select: text; + cursor: auto; +} + +input[type="search"] { + -webkit-appearance: searchfield; + -webkit-box-sizing: border-box; +} + +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: searchfield-cancel-button; + display: inline-block; +} + +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: searchfield-decoration; + display: inline-block; +} + +input[type="search"]::-webkit-search-results-decoration { + -webkit-appearance: searchfield-results-decoration; + display: inline-block; +} + +input[type="search"]::-webkit-search-results-button { + -webkit-appearance: searchfield-results-button; + display: inline-block; +} + +input::-webkit-input-list-button { + -webkit-appearance: list-button; + display: inline-block; +} + +input::-webkit-inner-spin-button { + -webkit-appearance: inner-spin-button; + display: inline-block; + -webkit-user-select: none; +} + +input::-webkit-outer-spin-button { + -webkit-appearance: outer-spin-button; + display: inline-block; + margin-left: 2px; + -webkit-user-select: none; +} + +input::-webkit-input-speech-button { + -webkit-appearance: -webkit-input-speech-button; + display: inline-block; +} + +textarea { + -webkit-appearance: textarea; + background-color: white; + border: 1px solid; + -webkit-rtl-ordering: logical; + -webkit-user-select: text; + -webkit-box-orient: vertical; + resize: auto; + cursor: auto; + padding: 2px; + white-space: pre-wrap; + word-wrap: break-word; +} + +input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder { + color: darkGray; +} + +input[type="password"] { + -webkit-text-security: disc !important; +} + +input[type="hidden"], input[type="image"], input[type="file"] { + -webkit-appearance: initial; + padding: initial; + background-color: initial; + border: initial; +} + +input[type="file"] { + -webkit-box-align: baseline; + text-align: start !important; +} + +input:-webkit-autofill { + background-color: #FAFFBD !important; + background-image:none !important; +} + +input[type="radio"], input[type="checkbox"] { + margin: 3px 0.5ex; + padding: initial; + background-color: initial; + border: initial; +} + +input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button { + -webkit-appearance: push-button; + white-space: pre +} + +input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { + -webkit-box-align: center; + text-align: center; + cursor: default; + color: ButtonText; + padding: 2px 6px 3px 6px; + border: 2px outset ButtonFace; + background-color: ButtonFace; + -webkit-box-sizing: border-box +} + +input[type="range"] { + -webkit-appearance: slider-horizontal; + padding: initial; + border: initial; + margin: 2px; +} + +input[type="range"]::-webkit-slider-thumb { + -webkit-appearance: sliderthumb-horizontal; +} + +input[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, datagrid:disabled { + color: GrayText +} + +input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active { + border-style: inset +} + +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 { + border-style: outset +} + +area, param { + display: none +} + +input[type="checkbox"] { + -webkit-appearance: checkbox; + -webkit-box-sizing: border-box; +} + +input[type="radio"] { + -webkit-appearance: radio; + -webkit-box-sizing: border-box; +} + +keygen, select { + -webkit-appearance: menulist; + -webkit-box-sizing: border-box; + -webkit-box-align: center; + border: 1px solid; + -webkit-border-radius: 5px; + white-space: pre; + -webkit-rtl-ordering: logical; + color: black; + background-color: white; + cursor: default; +} + +select[size], +select[multiple], +select[size][multiple] { + -webkit-appearance: listbox; + -webkit-box-align: start; + border: 1px inset gray; + -webkit-border-radius: initial; + white-space: initial; +} + +select[size="0"], +select[size="1"] { + -webkit-appearance: menulist; + -webkit-box-align: center; + border: 1px solid; + -webkit-border-radius: 5px; + white-space: pre; +} + +datalist { + display: none; +} + +optgroup { + font-weight: bolder; +} + +option { + font-weight: normal; +} + +output { + display: inline; +} + +/* meter */ + +meter { + -webkit-appearance: meter; + display: inline-block; + height: 1em; + width: 5em; + vertical-align: -0.2em; +} + +meter::-webkit-meter { + -webkit-appearance: meter; +} + +meter::-webkit-meter-horizontal-bar { + -webkit-appearance: meter; + 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)); +} + +meter::-webkit-meter-vertical-bar { + -webkit-appearance: meter; + background: -webkit-gradient(linear, left top, right top, from(#ddd), to(#ddd), color-stop(0.20, #eee), color-stop(0.45, #ccc), color-stop(0.55, #ccc)); +} + +meter::-webkit-meter-horizontal-optimum-value { + -webkit-appearance: meter; + 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)); +} + +meter::-webkit-meter-horizontal-suboptimal-value { + -webkit-appearance: meter; + 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)); +} + +meter::-webkit-meter-horizontal-even-less-good-value { + -webkit-appearance: meter; + 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)); +} + +meter::-webkit-meter-vertical-optimum-value { + -webkit-appearance: meter; + background: -webkit-gradient(linear, left top, right top, from(#ad7), to(#ad7), color-stop(0.20, #cea), color-stop(0.45, #7a3), color-stop(0.55, #7a3)); +} + +meter::-webkit-meter-vertical-suboptimal-value { + -webkit-appearance: meter; + background: -webkit-gradient(linear, left top, right top, from(#fe7), to(#fe7), color-stop(0.20, #ffc), color-stop(0.45, #db3), color-stop(0.55, #db3)); +} + +meter::-webkit-meter-vertical-even-less-good-value { + -webkit-appearance: meter; + background: -webkit-gradient(linear, left top, right top, from(#f77), to(#f77), color-stop(0.20, #fcc), color-stop(0.45, #d44), color-stop(0.55, #d44)); +} + +/* progress */ + +progress { + -webkit-appearance: progress-bar; + display: inline-block; + height: 1em; + width: 10em; + vertical-align: -0.2em; + background-color: gray; +} + +progress::-webkit-progress-bar-value { + -webkit-appearance: progress-bar; + background-color: green; +} + +/* datagrid */ + +datagrid { + height: 150px; /* We don't use width:300px in CSS, since we want width:intrinsic and width:min-intrinsic to reset to 300 properly. */ + -webkit-appearance: datagrid; + -webkit-box-sizing: border-box; + -webkit-rtl-ordering: logical; + color: black; + background-color: white; + cursor: default; + border: 1px inset gray; + white-space: initial; +} + +/* inline elements */ + +u, ins { + text-decoration: underline +} + +strong, b { + font-weight: bolder +} + +i, cite, em, var, address { + font-style: italic +} + +tt, code, kbd, samp { + font-family: monospace +} + +pre, xmp, plaintext, listing { + display: block; + font-family: monospace; + white-space: pre; + margin: 1__qem 0 +} + +mark { + background-color: yellow; + color: black +} + +big { + font-size: larger +} + +small { + font-size: smaller +} + +s, strike, del { + text-decoration: line-through +} + +sub { + vertical-align: sub; + font-size: smaller +} + +sup { + vertical-align: super; + font-size: smaller +} + +nobr { + white-space: nowrap +} + +/* states */ + +:focus { + outline: auto 5px -webkit-focus-ring-color +} + +/* Read-only text fields do not show a focus ring but do still receive focus */ +html:focus, body:focus, input[readonly]:focus { + outline: none +} + +input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus { + outline-offset: -2px +} + +input[type="button"]:focus, +input[type="checkbox"]:focus, +input[type="file"]:focus, +input[type="hidden"]:focus, +input[type="image"]:focus, +input[type="radio"]:focus, +input[type="reset"]:focus, +input[type="search"]:focus, +input[type="submit"]:focus, +input[type="file"]:focus::-webkit-file-upload-button { + outline-offset: 0 +} + +a:-webkit-any-link { + color: -webkit-link; + text-decoration: underline; + cursor: auto; +} + +a:-webkit-any-link:active { + color: -webkit-activelink +} + +/* HTML5 ruby elements */ + +ruby, rt { + text-indent: 0; /* blocks used for ruby rendering should not trigger this */ +} + +rt { + line-height: normal; +} + +ruby > rt { + display: block; + font-size: 60%; /* make slightly larger than 50% for better readability */ + text-align: center; +} + +ruby > rp { + display: none; +} + +/* other elements */ + +noframes { + display: none +} + +frameset, frame { + display: block +} + +frameset { + border-color: inherit +} + +iframe { + border: 2px inset +} + +details { + display: block +} + +summary { + display: block +} + +/* page */ + +@page { + /* FIXME: Define the right default values for page properties. */ + size: auto; + margin: auto; + padding: 0px; + border-width: 0px; +} + +/* noscript is handled internally, as it depends on settings */ |