Google Git
Sign in
chromium / chromium / blink / 1eee6333955e91943d13544c0cc2c94d572b3508 / . / Source / WebCore / css / html.css
blob: 52538e64a54e4b5997e1f0f00a6d4405c6781828 [file] [log] [blame]
darinac448292006-01-18 08:56:19[diff] [blame]1/*
2 * The default style sheet used to render HTML.
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]3 *
darinac448292006-01-18 08:56:19[diff] [blame]4 * Copyright (C) 2000 Lars Knoll (knoll@kde.org)
mitz@apple.comf2029f62011-01-13 09:50:33[diff] [blame]5 * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011 Apple Inc. All rights reserved.
darinac448292006-01-18 08:56:19[diff] [blame]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
ddkilzere6d89822007-09-26 02:29:57[diff] [blame]19 * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
20 * Boston, MA 02110-1301, USA.
darinac448292006-01-18 08:56:19[diff] [blame]21 *
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]22 */
23
hyattc593ca52004-01-26 22:33:19[diff] [blame]24@namespace "http://www.w3.org/1999/xhtml";
25
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]26html {
hyatteca875e2004-05-05 00:16:21[diff] [blame]27 display: block
darin18d73502006-04-03 01:11:28[diff] [blame]28}
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]29
darinac448292006-01-18 08:56:19[diff] [blame]30/* children of the <head> element all have display:none */
darin18d73502006-04-03 01:11:28[diff] [blame]31head {
hyatteca875e2004-05-05 00:16:21[diff] [blame]32 display: none
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]33}
darin18d73502006-04-03 01:11:28[diff] [blame]34
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]35meta {
hyatteca875e2004-05-05 00:16:21[diff] [blame]36 display: none
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]37}
38
39title {
hyatteca875e2004-05-05 00:16:21[diff] [blame]40 display: none
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]41}
42
43link {
hyatteca875e2004-05-05 00:16:21[diff] [blame]44 display: none
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]45}
46
47style {
hyatteca875e2004-05-05 00:16:21[diff] [blame]48 display: none
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]49}
50
51script {
hyatteca875e2004-05-05 00:16:21[diff] [blame]52 display: none
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]53}
54
hyatteca875e2004-05-05 00:16:21[diff] [blame]55/* generic block-level elements */
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]56
hyatta6aeb222003-04-04 17:39:47[diff] [blame]57body {
58 display: block;
hyatteca875e2004-05-05 00:16:21[diff] [blame]59 margin: 8px
mjs14ceec52002-03-22 00:31:57[diff] [blame]60}
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]61
62p {
hyatteca875e2004-05-05 00:16:21[diff] [blame]63 display: block;
hyatt@apple.come5f7e412011-01-26 23:10:57[diff] [blame]64 -webkit-margin-before: 1__qem;
65 -webkit-margin-after: 1__qem;
66 -webkit-margin-start: 0;
67 -webkit-margin-end: 0;
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]68}
69
70div {
hyatteca875e2004-05-05 00:16:21[diff] [blame]71 display: block
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]72}
73
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]74layer {
hyatteca875e2004-05-05 00:16:21[diff] [blame]75 display: block
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]76}
77
tkent@chromium.orge9b54532010-03-09 06:24:57[diff] [blame]78article, aside, footer, header, hgroup, nav, section {
mjs@apple.comfa455722009-08-19 05:09:35[diff] [blame]79 display: block
80}
81
hyattf9dafda2003-10-29 08:57:20[diff] [blame]82marquee {
83 display: inline-block;
hyattd36138b2006-04-14 22:50:07[diff] [blame]84 overflow: -webkit-marquee
hyattf9dafda2003-10-29 08:57:20[diff] [blame]85}
86
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]87address {
hyatteca875e2004-05-05 00:16:21[diff] [blame]88 display: block
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]89}
darin18d73502006-04-03 01:11:28[diff] [blame]90
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]91blockquote {
hyatteca875e2004-05-05 00:16:21[diff] [blame]92 display: block;
hyatt@apple.come5f7e412011-01-26 23:10:57[diff] [blame]93 -webkit-margin-before: 1__qem;
94 -webkit-margin-after: 1em;
95 -webkit-margin-start: 40px;
96 -webkit-margin-end: 40px;
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]97}
98
commit-queue@webkit.orgf10e1492010-12-09 16:40:53[diff] [blame]99figcaption {
100 display: block
101}
102
103figure {
104 display: block;
hyatt@apple.come5f7e412011-01-26 23:10:57[diff] [blame]105 -webkit-margin-before: 1em;
106 -webkit-margin-after: 1em;
107 -webkit-margin-start: 40px;
108 -webkit-margin-end: 40px;
commit-queue@webkit.orgf10e1492010-12-09 16:40:53[diff] [blame]109}
110
hyatteca875e2004-05-05 00:16:21[diff] [blame]111q {
112 display: inline
mjs14ceec52002-03-22 00:31:57[diff] [blame]113}
114
hyatteca875e2004-05-05 00:16:21[diff] [blame]115q:before {
carol.szabo@nokia.com28b08b22011-03-02 19:34:00[diff] [blame]116 content: open-quote;
mjs14ceec52002-03-22 00:31:57[diff] [blame]117}
118
hyatteca875e2004-05-05 00:16:21[diff] [blame]119q:after {
carol.szabo@nokia.com28b08b22011-03-02 19:34:00[diff] [blame]120 content: close-quote;
mjs14ceec52002-03-22 00:31:57[diff] [blame]121}
122
hyatteca875e2004-05-05 00:16:21[diff] [blame]123center {
124 display: block;
125 /* special centering to be able to emulate the html4/netscape behaviour */
hyattd36138b2006-04-14 22:50:07[diff] [blame]126 text-align: -webkit-center
darin18d73502006-04-03 01:11:28[diff] [blame]127}
hyatteca875e2004-05-05 00:16:21[diff] [blame]128
129hr {
130 display: block;
hyatt@apple.come5f7e412011-01-26 23:10:57[diff] [blame]131 -webkit-margin-before: 0.5em;
132 -webkit-margin-after: 0.5em;
133 -webkit-margin-start: auto;
134 -webkit-margin-end: auto;
hyatteca875e2004-05-05 00:16:21[diff] [blame]135 border-style: inset;
136 border-width: 1px
hyatt94f0a532003-11-11 01:03:15[diff] [blame]137}
138
hyatteca875e2004-05-05 00:16:21[diff] [blame]139map {
140 display: inline
141}
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]142
commit-queue@webkit.orga6119482012-07-20 08:28:37[diff] [blame]143#if defined(ENABLE_DIALOG_ELEMENT) && ENABLE_DIALOG_ELEMENT
144dialog:not([open]) { display: none; }
145dialog {
146 position: absolute;
147 left: 0; right: 0;
148 margin: auto;
149 border: solid;
150 padding: 1em;
151 background: white;
152 color: black;
153}
154#endif
155
hyatteca875e2004-05-05 00:16:21[diff] [blame]156/* heading elements */
darin18d73502006-04-03 01:11:28[diff] [blame]157
hyatteca875e2004-05-05 00:16:21[diff] [blame]158h1 {
159 display: block;
160 font-size: 2em;
hyatt@apple.come5f7e412011-01-26 23:10:57[diff] [blame]161 -webkit-margin-before: 0.67__qem;
162 -webkit-margin-after: 0.67em;
163 -webkit-margin-start: 0;
164 -webkit-margin-end: 0;
hyatteca875e2004-05-05 00:16:21[diff] [blame]165 font-weight: bold
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]166}
darin18d73502006-04-03 01:11:28[diff] [blame]167
tkent@chromium.orgeb3adc42011-03-30 07:00:25[diff] [blame]168:-webkit-any(article,aside,nav,section) h1 {
169 font-size: 1.5em;
170 -webkit-margin-before: 0.83__qem;
171 -webkit-margin-after: 0.83em;
172}
173
174:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
175 font-size: 1.17em;
176 -webkit-margin-before: 1__qem;
177 -webkit-margin-after: 1em;
178}
179
180:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
181 font-size: 1.00em;
182 -webkit-margin-before: 1.33__qem;
183 -webkit-margin-after: 1.33em;
184}
185
186:-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 {
187 font-size: .83em;
188 -webkit-margin-before: 1.67__qem;
189 -webkit-margin-after: 1.67em;
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) :-webkit-any(article,aside,nav,section) h1 {
193 font-size: .67em;
194 -webkit-margin-before: 2.33__qem;
195 -webkit-margin-after: 2.33em;
196}
197
hyatteca875e2004-05-05 00:16:21[diff] [blame]198h2 {
199 display: block;
200 font-size: 1.5em;
hyatt@apple.come5f7e412011-01-26 23:10:57[diff] [blame]201 -webkit-margin-before: 0.83__qem;
202 -webkit-margin-after: 0.83em;
203 -webkit-margin-start: 0;
204 -webkit-margin-end: 0;
hyatteca875e2004-05-05 00:16:21[diff] [blame]205 font-weight: bold
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]206}
darin18d73502006-04-03 01:11:28[diff] [blame]207
hyatteca875e2004-05-05 00:16:21[diff] [blame]208h3 {
209 display: block;
210 font-size: 1.17em;
hyatt@apple.come5f7e412011-01-26 23:10:57[diff] [blame]211 -webkit-margin-before: 1__qem;
212 -webkit-margin-after: 1em;
213 -webkit-margin-start: 0;
214 -webkit-margin-end: 0;
hyatteca875e2004-05-05 00:16:21[diff] [blame]215 font-weight: bold
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]216}
darin18d73502006-04-03 01:11:28[diff] [blame]217
hyatteca875e2004-05-05 00:16:21[diff] [blame]218h4 {
219 display: block;
hyatt@apple.come5f7e412011-01-26 23:10:57[diff] [blame]220 -webkit-margin-before: 1.33__qem;
221 -webkit-margin-after: 1.33em;
222 -webkit-margin-start: 0;
223 -webkit-margin-end: 0;
hyatteca875e2004-05-05 00:16:21[diff] [blame]224 font-weight: bold
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]225}
226
hyatteca875e2004-05-05 00:16:21[diff] [blame]227h5 {
228 display: block;
229 font-size: .83em;
hyatt@apple.come5f7e412011-01-26 23:10:57[diff] [blame]230 -webkit-margin-before: 1.67__qem;
231 -webkit-margin-after: 1.67em;
232 -webkit-margin-start: 0;
233 -webkit-margin-end: 0;
hyatteca875e2004-05-05 00:16:21[diff] [blame]234 font-weight: bold
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]235}
236
hyatteca875e2004-05-05 00:16:21[diff] [blame]237h6 {
238 display: block;
239 font-size: .67em;
hyatt@apple.come5f7e412011-01-26 23:10:57[diff] [blame]240 -webkit-margin-before: 2.33__qem;
241 -webkit-margin-after: 2.33em;
242 -webkit-margin-start: 0;
243 -webkit-margin-end: 0;
hyatteca875e2004-05-05 00:16:21[diff] [blame]244 font-weight: bold
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]245}
246
hyatteca875e2004-05-05 00:16:21[diff] [blame]247/* tables */
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]248
hyatteca875e2004-05-05 00:16:21[diff] [blame]249table {
250 display: table;
251 border-collapse: separate;
hyatteca875e2004-05-05 00:16:21[diff] [blame]252 border-spacing: 2px;
253 border-color: gray
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]254}
hyatt97bb4fe2002-12-15 07:39:56[diff] [blame]255
hyatteca875e2004-05-05 00:16:21[diff] [blame]256thead {
257 display: table-header-group;
hyatt66b64e12002-12-20 01:50:10[diff] [blame]258 vertical-align: middle;
hyatteca875e2004-05-05 00:16:21[diff] [blame]259 border-color: inherit
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]260}
darin18d73502006-04-03 01:11:28[diff] [blame]261
hyatteca875e2004-05-05 00:16:21[diff] [blame]262tbody {
263 display: table-row-group;
darin18d73502006-04-03 01:11:28[diff] [blame]264 vertical-align: middle;
hyatteca875e2004-05-05 00:16:21[diff] [blame]265 border-color: inherit
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]266}
darin18d73502006-04-03 01:11:28[diff] [blame]267
hyatteca875e2004-05-05 00:16:21[diff] [blame]268tfoot {
269 display: table-footer-group;
hyatt66b64e12002-12-20 01:50:10[diff] [blame]270 vertical-align: middle;
hyatteca875e2004-05-05 00:16:21[diff] [blame]271 border-color: inherit
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]272}
273
darinaae2ca52007-05-01 19:59:53[diff] [blame]274/* for tables without table section elements (can happen with XHTML or dynamically created tables) */
275table > tr {
276 vertical-align: middle;
277}
278
hyatteca875e2004-05-05 00:16:21[diff] [blame]279col {
280 display: table-column
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]281}
282
hyatteca875e2004-05-05 00:16:21[diff] [blame]283colgroup {
284 display: table-column-group
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]285}
286
hyatteca875e2004-05-05 00:16:21[diff] [blame]287tr {
288 display: table-row;
289 vertical-align: inherit;
290 border-color: inherit
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]291}
292
hyatteca875e2004-05-05 00:16:21[diff] [blame]293td, th {
294 display: table-cell;
295 vertical-align: inherit
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]296}
297
hyatteca875e2004-05-05 00:16:21[diff] [blame]298th {
299 font-weight: bold
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]300}
301
hyatteca875e2004-05-05 00:16:21[diff] [blame]302caption {
303 display: table-caption;
hyattb61521c2006-05-08 08:19:53[diff] [blame]304 text-align: -webkit-center
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]305}
306
darinac448292006-01-18 08:56:19[diff] [blame]307/* lists */
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]308
hyatteca875e2004-05-05 00:16:21[diff] [blame]309ul, menu, dir {
310 display: block;
311 list-style-type: disc;
hyatt@apple.coma36b0aac2010-11-10 01:46:10[diff] [blame]312 -webkit-margin-before: 1__qem;
313 -webkit-margin-after: 1em;
314 -webkit-margin-start: 0;
315 -webkit-margin-end: 0;
hyattd36138b2006-04-14 22:50:07[diff] [blame]316 -webkit-padding-start: 40px
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]317}
mjs14ceec52002-03-22 00:31:57[diff] [blame]318
hyatteca875e2004-05-05 00:16:21[diff] [blame]319ol {
320 display: block;
321 list-style-type: decimal;
hyatt@apple.coma36b0aac2010-11-10 01:46:10[diff] [blame]322 -webkit-margin-before: 1__qem;
323 -webkit-margin-after: 1em;
324 -webkit-margin-start: 0;
325 -webkit-margin-end: 0;
hyattd36138b2006-04-14 22:50:07[diff] [blame]326 -webkit-padding-start: 40px
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]327}
328
hyatteca875e2004-05-05 00:16:21[diff] [blame]329li {
jeremy@chromium.orgc9aebbe2011-06-18 19:52:34[diff] [blame]330 display: list-item;
331 text-align: -webkit-match-parent;
hyatteca875e2004-05-05 00:16:21[diff] [blame]332}
333
334ul ul, ol ul {
335 list-style-type: circle
336}
337
338ol ol ul, ol ul ul, ul ol ul, ul ul ul {
339 list-style-type: square
340}
341
342dd {
343 display: block;
hyattd36138b2006-04-14 22:50:07[diff] [blame]344 -webkit-margin-start: 40px
hyatteca875e2004-05-05 00:16:21[diff] [blame]345}
346
347dl {
348 display: block;
hyatt@apple.coma36b0aac2010-11-10 01:46:10[diff] [blame]349 -webkit-margin-before: 1__qem;
350 -webkit-margin-after: 1em;
351 -webkit-margin-start: 0;
352 -webkit-margin-end: 0;
darin18d73502006-04-03 01:11:28[diff] [blame]353}
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]354
hyatteca875e2004-05-05 00:16:21[diff] [blame]355dt {
356 display: block
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]357}
hyatted84c1c2004-04-29 01:19:04[diff] [blame]358
hyatteca875e2004-05-05 00:16:21[diff] [blame]359ol ul, ul ol, ul ul, ol ol {
hyatt@apple.coma36b0aac2010-11-10 01:46:10[diff] [blame]360 -webkit-margin-before: 0;
361 -webkit-margin-after: 0
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]362}
363
hyatteca875e2004-05-05 00:16:21[diff] [blame]364/* form elements */
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]365
hyatteca875e2004-05-05 00:16:21[diff] [blame]366form {
367 display: block;
morrita@google.com4646de82011-02-07 01:40:17[diff] [blame]368 margin-top: 0__qem;
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]369}
370
hyatt0de47952006-09-13 06:23:56[diff] [blame]371label {
372 cursor: default;
hyatt0de47952006-09-13 06:23:56[diff] [blame]373}
374
hyatteca875e2004-05-05 00:16:21[diff] [blame]375legend {
mitz@apple.com177c28f2009-03-09 22:20:50[diff] [blame]376 display: block;
hyatt@apple.com9136a002010-10-06 12:10:02[diff] [blame]377 -webkit-padding-start: 2px;
378 -webkit-padding-end: 2px;
hyatteca875e2004-05-05 00:16:21[diff] [blame]379 border: none
hyatt14633db2003-05-21 07:00:43[diff] [blame]380}
381
hyatteca875e2004-05-05 00:16:21[diff] [blame]382fieldset {
hyatt14633db2003-05-21 07:00:43[diff] [blame]383 display: block;
hyatt@apple.com9136a002010-10-06 12:10:02[diff] [blame]384 -webkit-margin-start: 2px;
385 -webkit-margin-end: 2px;
386 -webkit-padding-before: 0.35em;
387 -webkit-padding-start: 0.75em;
388 -webkit-padding-end: 0.75em;
389 -webkit-padding-after: 0.625em;
hyatteca875e2004-05-05 00:16:21[diff] [blame]390 border: 2px groove ThreeDFace
hyatt14633db2003-05-21 07:00:43[diff] [blame]391}
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]392
hyatteca875e2004-05-05 00:16:21[diff] [blame]393button {
hyattd36138b2006-04-14 22:50:07[diff] [blame]394 -webkit-appearance: button;
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]395}
396
hyatt@apple.com47967762010-09-22 22:11:01[diff] [blame]397/* Form controls don't go vertical. */
398input, textarea, keygen, select, button, isindex, meter, progress {
tony@chromium.org096eb462012-10-05 23:57:14[diff] [blame]399 -webkit-writing-mode: horizontal-tb !important;
hyatt@apple.com47967762010-09-22 22:11:01[diff] [blame]400}
401
weinig@apple.com6123cc02011-04-27 00:51:39[diff] [blame]402input, textarea, keygen, select, button, isindex {
hyatt81905382003-11-17 20:38:09[diff] [blame]403 margin: 0__qem;
hyatt2ea48012006-08-15 22:37:51[diff] [blame]404 font: -webkit-small-control;
hyatt70db89e2005-07-20 00:45:49[diff] [blame]405 color: initial;
hyatt18462302005-10-26 06:08:03[diff] [blame]406 letter-spacing: normal;
407 word-spacing: normal;
408 line-height: normal;
409 text-transform: none;
410 text-indent: 0;
hyatt45f78ae2007-07-16 21:02:02[diff] [blame]411 text-shadow: none;
hyatt70db89e2005-07-20 00:45:49[diff] [blame]412 display: inline-block;
commit-queue@webkit.org916decc2012-10-07 14:22:02[diff] [blame]413 text-align: start;
hyattea187832002-11-12 21:44:52[diff] [blame]414}
415
hyatteca875e2004-05-05 00:16:21[diff] [blame]416input[type="hidden"] {
417 display: none
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]418}
419
adeleedb78062006-12-16 09:56:49[diff] [blame]420input, input[type="password"], input[type="search"], isindex {
hyattd36138b2006-04-14 22:50:07[diff] [blame]421 -webkit-appearance: textfield;
adelee843f092006-03-30 01:49:57[diff] [blame]422 padding: 1px;
423 background-color: white;
424 border: 2px inset;
hyattd36138b2006-04-14 22:50:07[diff] [blame]425 -webkit-rtl-ordering: logical;
adele34e15472006-04-25 00:30:13[diff] [blame]426 -webkit-user-select: text;
adele11eb9db2007-04-05 21:26:09[diff] [blame]427 cursor: auto;
adelee843f092006-03-30 01:49:57[diff] [blame]428}
429
adeleedb78062006-12-16 09:56:49[diff] [blame]430input[type="search"] {
431 -webkit-appearance: searchfield;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]432 box-sizing: border-box;
adeleedb78062006-12-16 09:56:49[diff] [blame]433}
434
tkent@chromium.orga9948822011-06-30 06:30:23[diff] [blame]435input::-webkit-textfield-decoration-container {
tkent@chromium.orga9948822011-06-30 06:30:23[diff] [blame]436 display: -webkit-box;
437 -webkit-box-align: center;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]438 -webkit-user-modify: read-only !important;
tkent@chromium.orga9948822011-06-30 06:30:23[diff] [blame]439}
440
tkent@chromium.org590a2502011-07-20 07:52:39[diff] [blame]441input[type="search"]::-webkit-textfield-decoration-container {
442 direction: ltr;
443}
444
adeleedb78062006-12-16 09:56:49[diff] [blame]445input[type="search"]::-webkit-search-cancel-button {
446 -webkit-appearance: searchfield-cancel-button;
tkent@chromium.orga9948822011-06-30 06:30:23[diff] [blame]447 display: block;
448 -webkit-box-flex: 0;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]449 -webkit-user-modify: read-only !important;
adeleedb78062006-12-16 09:56:49[diff] [blame]450}
451
452input[type="search"]::-webkit-search-decoration {
453 -webkit-appearance: searchfield-decoration;
tkent@chromium.orga9948822011-06-30 06:30:23[diff] [blame]454 display: block;
455 -webkit-box-flex: 0;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]456 -webkit-user-modify: read-only !important;
adeleedb78062006-12-16 09:56:49[diff] [blame]457}
458
459input[type="search"]::-webkit-search-results-decoration {
460 -webkit-appearance: searchfield-results-decoration;
tkent@chromium.orga9948822011-06-30 06:30:23[diff] [blame]461 display: block;
462 -webkit-box-flex: 0;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]463 -webkit-user-modify: read-only !important;
adeleedb78062006-12-16 09:56:49[diff] [blame]464}
465
466input[type="search"]::-webkit-search-results-button {
467 -webkit-appearance: searchfield-results-button;
tkent@chromium.orga9948822011-06-30 06:30:23[diff] [blame]468 display: block;
469 -webkit-box-flex: 0;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]470 -webkit-user-modify: read-only !important;
adeleedb78062006-12-16 09:56:49[diff] [blame]471}
472
tkent@chromium.org06ca2c02012-07-21 02:00:46[diff] [blame]473#if defined(ENABLE_DATALIST_ELEMENT) && ENABLE_DATALIST_ELEMENT
keishi@webkit.org1607fab2012-04-05 14:44:26[diff] [blame]474datalist {
475 display: none;
476}
tkent@chromium.org17aaf6d2011-05-20 10:47:56[diff] [blame]477#endif
eric@webkit.org923f7042009-10-05 18:05:36[diff] [blame]478
yosin@chromium.org452f8282012-09-26 09:01:49[diff] [blame]479#if defined(ENABLE_INPUT_MULTIPLE_FIELDS_UI) && ENABLE_INPUT_MULTIPLE_FIELDS_UI
tkent@chromium.org804e5f42012-10-05 06:24:56[diff] [blame]480#if defined(ENABLE_INPUT_TYPE_DATE) && ENABLE_INPUT_TYPE_DATE
481input[type="date"] {
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]482 -webkit-align-items: stretch;
483 display: -webkit-inline-flex;
tkent@chromium.org804e5f42012-10-05 06:24:56[diff] [blame]484 font-family: monospace;
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]485 padding: 0 0 0 1px;
tkent@chromium.org804e5f42012-10-05 06:24:56[diff] [blame]486}
487#endif
488#if defined(ENABLE_INPUT_TYPE_DATETIME) && ENABLE_INPUT_TYPE_DATETIME
489input[type="datetime"] {
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]490 -webkit-align-items: stretch;
491 display: -webkit-inline-flex;
tkent@chromium.org804e5f42012-10-05 06:24:56[diff] [blame]492 font-family: monospace;
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]493 padding: 0 0 0 1px;
tkent@chromium.org804e5f42012-10-05 06:24:56[diff] [blame]494}
495#endif
496#if defined(ENABLE_INPUT_TYPE_DATETIMELOCAL) && ENABLE_INPUT_TYPE_DATETIMELOCAL
497input[type="datetime-local"] {
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]498 -webkit-align-items: stretch;
499 display: -webkit-inline-flex;
tkent@chromium.org804e5f42012-10-05 06:24:56[diff] [blame]500 font-family: monospace;
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]501 padding: 0 0 0 1px;
tkent@chromium.org804e5f42012-10-05 06:24:56[diff] [blame]502}
503#endif
504#if defined(ENABLE_INPUT_TYPE_MONTH) && ENABLE_INPUT_TYPE_MONTH
505input[type="month"] {
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]506 -webkit-align-items: stretch;
507 display: -webkit-inline-flex;
tkent@chromium.org804e5f42012-10-05 06:24:56[diff] [blame]508 font-family: monospace;
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]509 padding: 0 0 0 1px;
tkent@chromium.org804e5f42012-10-05 06:24:56[diff] [blame]510}
511#endif
512#if defined(ENABLE_INPUT_TYPE_TIME) && ENABLE_INPUT_TYPE_TIME
513input[type="time"] {
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]514 -webkit-align-items: stretch;
515 display: -webkit-inline-flex;
tkent@chromium.org804e5f42012-10-05 06:24:56[diff] [blame]516 font-family: monospace;
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]517 padding: 0 0 0 1px;
tkent@chromium.org804e5f42012-10-05 06:24:56[diff] [blame]518}
519#endif
520#if defined(ENABLE_INPUT_TYPE_WEEK) && ENABLE_INPUT_TYPE_WEEK
yosin@chromium.org085231d2012-10-01 10:23:21[diff] [blame]521input[type="week"] {
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]522 -webkit-align-items: stretch;
523 display: -webkit-inline-flex;
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]524 font-family: monospace;
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]525 padding: 0 0 0 1px;
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]526}
tkent@chromium.org804e5f42012-10-05 06:24:56[diff] [blame]527#endif
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]528
529input::-webkit-datetime-edit {
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]530 -webkit-align-items: center;
531 -webkit-flex: 1;
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]532 -webkit-user-modify: read-only !important;
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]533 display: -webkit-flex;
534 white-space: pre;
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]535}
536
537input::-webkit-datetime-edit-ampm-field {
538 -webkit-user-modify: read-only !important;
539 border: none;
yosin@chromium.org2f3086b2012-08-17 04:10:33[diff] [blame]540 padding: 0.15em;
yosin@chromium.org3aab1f22012-09-03 04:03:19[diff] [blame]541 display: inline-block;
542 text-align: center;
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]543}
544
yosin@chromium.orge72010f2012-10-02 10:21:37[diff] [blame]545input::-webkit-datetime-edit-day-field {
546 -webkit-user-modify: read-only !important;
547 display: inline-block;
548 border: none;
549 text-align: center;
550 padding: 0.15em;
551}
552
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]553input::-webkit-datetime-edit-hour-field {
554 -webkit-user-modify: read-only !important;
555 display: inline-block;
556 border: none;
557 text-align: center;
yosin@chromium.org2f3086b2012-08-17 04:10:33[diff] [blame]558 padding: 0.15em;
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]559}
560
561input::-webkit-datetime-edit-millisecond-field {
562 -webkit-user-modify: read-only !important;
563 display: inline-block;
564 border: none;
565 text-align: center;
yosin@chromium.org2f3086b2012-08-17 04:10:33[diff] [blame]566 padding: 0.15em;
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]567}
568
569input::-webkit-datetime-edit-minute-field {
570 -webkit-user-modify: read-only !important;
571 display: inline-block;
572 border: none;
573 text-align: center;
yosin@chromium.org2f3086b2012-08-17 04:10:33[diff] [blame]574 padding: 0.15em;
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]575}
576
yosin@chromium.org90e9b3c2012-09-28 09:40:39[diff] [blame]577input::-webkit-datetime-edit-month-field {
578 -webkit-user-modify: read-only !important;
579 display: inline-block;
580 border: none;
581 text-align: center;
582 padding: 0.15em;
583}
584
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]585/* This selector is used when step >= 3600 second but format contains minute field. */
586input::-webkit-datetime-edit-minute-field[readonly] {
587 color: GrayText;
588}
589
590input::-webkit-datetime-edit-second-field {
591 -webkit-user-modify: read-only !important;
592 display: inline-block;
593 border: none;
594 text-align: center;
yosin@chromium.org2f3086b2012-08-17 04:10:33[diff] [blame]595 padding: 0.15em;
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]596}
597
yosin@chromium.org085231d2012-10-01 10:23:21[diff] [blame]598input::-webkit-datetime-edit-week-field {
599 -webkit-user-modify: read-only !important;
600 display: inline-block;
601 border: none;
602 text-align: center;
603 padding: 0.15em;
604}
605
yosin@chromium.org90e9b3c2012-09-28 09:40:39[diff] [blame]606input::-webkit-datetime-edit-year-field {
607 -webkit-user-modify: read-only !important;
608 display: inline-block;
609 border: none;
610 text-align: center;
611 padding: 0.15em;
612}
613
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]614input::-webkit-datetime-edit-gap {
615 -webkit-flex: 1;
616 -webkit-user-modify: read-only !important;
617 display: inline-block;
618}
619
keishi@webkit.org5e29a062012-10-03 15:42:11[diff] [blame]620input::-webkit-date-and-time-container {
keishi@webkit.org5e29a062012-10-03 15:42:11[diff] [blame]621 -webkit-align-items: center;
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]622 -webkit-flex: 1;
623 display: -webkit-flex;
keishi@webkit.org5e29a062012-10-03 15:42:11[diff] [blame]624}
625
yosin@chromium.org5e82fd52012-08-22 02:05:51[diff] [blame]626/* Remove focus ring from fields and use highlight color */
627input::-webkit-datetime-edit-ampm-field:focus,
yosin@chromium.orge72010f2012-10-02 10:21:37[diff] [blame]628input::-webkit-datetime-edit-day-field:focus,
yosin@chromium.org5e82fd52012-08-22 02:05:51[diff] [blame]629input::-webkit-datetime-edit-hour-field:focus,
yosin@chromium.org4e548762012-08-27 06:52:43[diff] [blame]630input::-webkit-datetime-edit-millisecond-field:focus,
yosin@chromium.org5e82fd52012-08-22 02:05:51[diff] [blame]631input::-webkit-datetime-edit-minute-field:focus,
yosin@chromium.org90e9b3c2012-09-28 09:40:39[diff] [blame]632input::-webkit-datetime-edit-month-field:focus,
633input::-webkit-datetime-edit-second-field:focus,
yosin@chromium.org085231d2012-10-01 10:23:21[diff] [blame]634input::-webkit-datetime-edit-week-field:focus,
yosin@chromium.org90e9b3c2012-09-28 09:40:39[diff] [blame]635input::-webkit-datetime-edit-year-field:focus {
yosin@chromium.org5e82fd52012-08-22 02:05:51[diff] [blame]636 background-color: highlight;
637 color: highlighttext;
638 outline: none;
639}
640
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]641/* This selector is used when step >= 60 second but format contains second field. */
642input::-webkit-datetime-edit-second-field[readonly] {
643 color: GrayText;
644}
yosin@chromium.org2f3086b2012-08-17 04:10:33[diff] [blame]645
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]646input[type="date"]::-webkit-inner-spin-button,
647input[type="datetime"]::-webkit-inner-spin-button,
648input[type="datetime-local"]::-webkit-inner-spin-button,
yosin@chromium.org90e9b3c2012-09-28 09:40:39[diff] [blame]649input[type="month"]::-webkit-inner-spin-button,
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]650input[type="time"]::-webkit-inner-spin-button,
651input[type="week"]::-webkit-inner-spin-button {
652 display: inline-block;
yosin@chromium.org2f3086b2012-08-17 04:10:33[diff] [blame]653 margin-left: 0.2em;
tkent@chromium.org275c0f72012-10-16 06:54:46[diff] [blame]654 position: static;
yosin@chromium.org2f3086b2012-08-17 04:10:33[diff] [blame]655}
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]656#endif
657
eric@webkit.org1f8902b2009-12-21 04:57:59[diff] [blame]658input::-webkit-inner-spin-button {
659 -webkit-appearance: inner-spin-button;
tkent@chromium.orga9948822011-06-30 06:30:23[diff] [blame]660 display: block;
tkent@chromium.org27805112011-04-07 07:03:22[diff] [blame]661 position: relative;
662 cursor: default;
yosin@chromium.orgac7d8da2012-08-01 09:17:38[diff] [blame]663 /* This height property is ignored for input type "number" and others which
664 * use RenderTextControlSingleLine as renderer which sets height of spin
665 * button in layout(). */
666 height: 1.5em;
tkent@chromium.org287a7442011-05-23 10:10:38[diff] [blame]667 vertical-align: top;
tkent@chromium.orga9948822011-06-30 06:30:23[diff] [blame]668 -webkit-box-flex: 0;
tkent@chromium.orgfce8bf92010-04-30 08:45:49[diff] [blame]669 -webkit-user-select: none;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]670 -webkit-user-modify: read-only !important;
eric@webkit.org1f8902b2009-12-21 04:57:59[diff] [blame]671}
672
tkent@chromium.org17aaf6d2011-05-20 10:47:56[diff] [blame]673#if defined(ENABLE_INPUT_SPEECH) && ENABLE_INPUT_SPEECH
jorlow@chromium.org2082a6d2010-06-24 10:40:28[diff] [blame]674input::-webkit-input-speech-button {
satish@chromium.orgec9a80a2010-09-29 13:45:15[diff] [blame]675 -webkit-appearance: -webkit-input-speech-button;
tkent@chromium.orga9948822011-06-30 06:30:23[diff] [blame]676 display: block;
tkent@chromium.org287a7442011-05-23 10:10:38[diff] [blame]677 vertical-align: top;
tkent@chromium.orga9948822011-06-30 06:30:23[diff] [blame]678 -webkit-box-flex: 0;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]679 -webkit-user-modify: read-only !important;
jorlow@chromium.org2082a6d2010-06-24 10:40:28[diff] [blame]680}
tkent@chromium.org17aaf6d2011-05-20 10:47:56[diff] [blame]681#endif
jorlow@chromium.org2082a6d2010-06-24 10:40:28[diff] [blame]682
morrita@google.com4646de82011-02-07 01:40:17[diff] [blame]683keygen, select {
commit-queue@webkit.orgd32df072012-10-05 16:28:29[diff] [blame]684 border-radius: 5px;
morrita@google.com4646de82011-02-07 01:40:17[diff] [blame]685}
686
687keygen::-webkit-keygen-select {
688 margin: 0px;
689}
690
adele2d542cb2006-05-17 23:32:38[diff] [blame]691textarea {
adele6401bff2006-06-21 07:23:06[diff] [blame]692 -webkit-appearance: textarea;
693 background-color: white;
adele3a2e0432006-06-16 18:27:54[diff] [blame]694 border: 1px solid;
adele2d542cb2006-05-17 23:32:38[diff] [blame]695 -webkit-rtl-ordering: logical;
696 -webkit-user-select: text;
697 -webkit-box-orient: vertical;
hyatt1c786862006-07-19 00:16:34[diff] [blame]698 resize: auto;
adele11eb9db2007-04-05 21:26:09[diff] [blame]699 cursor: auto;
ojan@chromium.org0484dd02009-04-29 20:31:53[diff] [blame]700 padding: 2px;
levin@chromium.orgfb47c842009-07-16 05:32:39[diff] [blame]701 white-space: pre-wrap;
702 word-wrap: break-word;
adele2d542cb2006-05-17 23:32:38[diff] [blame]703}
704
tkent@chromium.org840b9542011-07-14 02:16:54[diff] [blame]705::-webkit-input-placeholder {
706 -webkit-text-security: none;
adele@apple.com81be3ce2008-09-30 23:21:50[diff] [blame]707 color: darkGray;
tkent@chromium.org840b9542011-07-14 02:16:54[diff] [blame]708 display: block !important;
709 pointer-events: none !important;
tkent@chromium.org840b9542011-07-14 02:16:54[diff] [blame]710}
711
712input::-webkit-input-placeholder, isindex::-webkit-input-placeholder {
713 white-space: pre;
714 word-wrap: normal;
715 overflow: hidden;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]716 -webkit-user-modify: read-only !important;
adele@apple.com81be3ce2008-09-30 23:21:50[diff] [blame]717}
718
adeleceb356d2006-08-26 00:33:22[diff] [blame]719input[type="password"] {
adeleef0b4ac2006-08-30 18:32:40[diff] [blame]720 -webkit-text-security: disc !important;
adeleceb356d2006-08-26 00:33:22[diff] [blame]721}
722
adeleedb78062006-12-16 09:56:49[diff] [blame]723input[type="hidden"], input[type="image"], input[type="file"] {
hyattd36138b2006-04-14 22:50:07[diff] [blame]724 -webkit-appearance: initial;
adelee843f092006-03-30 01:49:57[diff] [blame]725 padding: initial;
726 background-color: initial;
727 border: initial;
728}
729
aroben226ef412006-09-12 19:59:32[diff] [blame]730input[type="file"] {
731 -webkit-box-align: baseline;
tkent@chromium.orgcb0c8be2011-09-02 02:12:28[diff] [blame]732 color: inherit;
simon.fraser@apple.come8e1abb2008-10-03 00:43:39[diff] [blame]733 text-align: start !important;
aroben226ef412006-09-12 19:59:32[diff] [blame]734}
735
hyattd36138b2006-04-14 22:50:07[diff] [blame]736input:-webkit-autofill {
isherman@chromium.org64b382e2012-05-01 03:21:54[diff] [blame]737 background-color: #FAFFBD !important;
738 background-image:none !important;
739 color: #000000 !important;
adelea464e9f2006-04-13 01:50:04[diff] [blame]740}
741
hyatteca875e2004-05-05 00:16:21[diff] [blame]742input[type="radio"], input[type="checkbox"] {
hyatt21573352005-07-29 23:02:45[diff] [blame]743 margin: 3px 0.5ex;
adelee843f092006-03-30 01:49:57[diff] [blame]744 padding: initial;
745 background-color: initial;
746 border: initial;
hyatt21573352005-07-29 23:02:45[diff] [blame]747}
748
dglazkov@chromium.orgfa74b112011-06-04 17:14:22[diff] [blame]749input[type="button"], input[type="submit"], input[type="reset"] {
hyattd36138b2006-04-14 22:50:07[diff] [blame]750 -webkit-appearance: push-button;
hyatt18462302005-10-26 06:08:03[diff] [blame]751 white-space: pre
hyattf5b9a822005-10-21 21:27:51[diff] [blame]752}
753
dglazkov@chromium.orgfa74b112011-06-04 17:14:22[diff] [blame]754input[type="file"]::-webkit-file-upload-button {
755 -webkit-appearance: push-button;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]756 -webkit-user-modify: read-only !important;
dglazkov@chromium.orgfa74b112011-06-04 17:14:22[diff] [blame]757 white-space: nowrap;
758 margin: 0;
tkent@chromium.org9b641042011-09-01 02:40:01[diff] [blame]759 font-size: inherit;
dglazkov@chromium.orgfa74b112011-06-04 17:14:22[diff] [blame]760}
761
aroben226ef412006-09-12 19:59:32[diff] [blame]762input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
hyattd36138b2006-04-14 22:50:07[diff] [blame]763 -webkit-box-align: center;
hyatt18462302005-10-26 06:08:03[diff] [blame]764 text-align: center;
hyatt969dc1e2005-10-22 18:19:27[diff] [blame]765 cursor: default;
766 color: ButtonText;
hyattcc278a42005-10-28 07:03:26[diff] [blame]767 padding: 2px 6px 3px 6px;
768 border: 2px outset ButtonFace;
hyattb2650252006-05-08 08:17:07[diff] [blame]769 background-color: ButtonFace;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]770 box-sizing: border-box
hyatt969dc1e2005-10-22 18:19:27[diff] [blame]771}
772
adele832cc332006-11-16 01:42:28[diff] [blame]773input[type="range"] {
774 -webkit-appearance: slider-horizontal;
775 padding: initial;
776 border: initial;
adele832cc332006-11-16 01:42:28[diff] [blame]777 margin: 2px;
keishi@webkit.orgedcd2562012-06-15 06:52:53[diff] [blame]778 color: #909090;
adele832cc332006-11-16 01:42:28[diff] [blame]779}
780
commit-queue@webkit.org25ab56a2012-06-18 15:04:07[diff] [blame]781input[type="range"]::-webkit-slider-container, input[type="range"]::-webkit-media-slider-container {
tony@chromium.org1eee6332012-10-16 21:00:13[diff] [blame^]782 -webkit-flex: 1;
783 min-width: 0;
784
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]785 box-sizing: border-box;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]786 -webkit-user-modify: read-only !important;
tony@chromium.org1eee6332012-10-16 21:00:13[diff] [blame^]787 display: -webkit-flex;
788 -webkit-align-contents: center;
tkent@chromium.org3630f912011-06-14 03:46:30[diff] [blame]789}
790
791input[type="range"]::-webkit-slider-runnable-track {
tony@chromium.org1eee6332012-10-16 21:00:13[diff] [blame^]792 -webkit-flex: 1;
793 min-width: 0;
794 -webkit-align-self: center;
795
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]796 box-sizing: border-box;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]797 -webkit-user-modify: read-only !important;
tkent@chromium.org3630f912011-06-14 03:46:30[diff] [blame]798 display: block;
799}
800
commit-queue@webkit.org25ab56a2012-06-18 15:04:07[diff] [blame]801input[type="range"]::-webkit-slider-thumb, input[type="range"]::-webkit-media-slider-thumb {
adele832cc332006-11-16 01:42:28[diff] [blame]802 -webkit-appearance: sliderthumb-horizontal;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]803 box-sizing: border-box;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]804 -webkit-user-modify: read-only !important;
dglazkov@chromium.orgb6ebe4e2011-01-11 21:05:33[diff] [blame]805 display: block;
adele832cc332006-11-16 01:42:28[diff] [blame]806}
807
hyatt@apple.com455fe5a2009-06-22 23:24:23[diff] [blame]808input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled,
809input[type="file"]:disabled::-webkit-file-upload-button, button:disabled,
yosin@chromium.org9bb716b2012-08-02 07:14:49[diff] [blame]810select:disabled, keygen:disabled, optgroup:disabled, option:disabled,
811select[disabled]>option {
darinac448292006-01-18 08:56:19[diff] [blame]812 color: GrayText
hyattf5b9a822005-10-21 21:27:51[diff] [blame]813}
814
weinig01f4fe92007-01-21 17:05:13[diff] [blame]815input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active {
hyattcc278a42005-10-28 07:03:26[diff] [blame]816 border-style: inset
817}
818
weinig01f4fe92007-01-21 17:05:13[diff] [blame]819input[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 {
hyattcc278a42005-10-28 07:03:26[diff] [blame]820 border-style: outset
821}
822
adeleaa949792006-07-06 05:47:30[diff] [blame]823area, param {
hyatteca875e2004-05-05 00:16:21[diff] [blame]824 display: none
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]825}
826
hyatt70db89e2005-07-20 00:45:49[diff] [blame]827input[type="checkbox"] {
hyattb2650252006-05-08 08:17:07[diff] [blame]828 -webkit-appearance: checkbox;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]829 box-sizing: border-box;
hyatt70db89e2005-07-20 00:45:49[diff] [blame]830}
831
hyatt4da232a2005-08-08 21:12:02[diff] [blame]832input[type="radio"] {
hyattb2650252006-05-08 08:17:07[diff] [blame]833 -webkit-appearance: radio;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]834 box-sizing: border-box;
hyattb2650252006-05-08 08:17:07[diff] [blame]835}
836
keishi@webkit.org502dd392012-03-30 13:15:27[diff] [blame]837#if defined(ENABLE_INPUT_TYPE_COLOR) && ENABLE_INPUT_TYPE_COLOR
keishi@webkit.org4e097fd2011-05-26 09:58:25[diff] [blame]838
839input[type="color"] {
840 -webkit-appearance: square-button;
841 width: 44px;
842 height: 23px;
843}
844
845input[type="color"]::-webkit-color-swatch-wrapper {
846 display:-webkit-box;
847 padding: 4px 2px;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]848 box-sizing: border-box;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]849 -webkit-user-modify: read-only !important;
keishi@webkit.org4e097fd2011-05-26 09:58:25[diff] [blame]850 width: 100%;
851 height: 100%
852}
853
854input[type="color"]::-webkit-color-swatch {
855 background-color: #000000;
856 border: 1px solid #777777;
857 -webkit-box-flex: 1;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]858 -webkit-user-modify: read-only !important;
keishi@webkit.org4e097fd2011-05-26 09:58:25[diff] [blame]859}
860
tkent@chromium.org06ca2c02012-07-21 02:00:46[diff] [blame]861#if defined(ENABLE_DATALIST_ELEMENT) && ENABLE_DATALIST_ELEMENT
keishi@webkit.org4e097fd2011-05-26 09:58:25[diff] [blame]862
863input[type="color"][list] {
864 -webkit-appearance: menulist;
865 width: 88px;
866 height: 23px;
867}
868
869input[type="color"][list]::-webkit-color-swatch-wrapper {
870 padding-left: 8px;
871 padding-right: 24px;
872}
873
874input[type="color"][list]::-webkit-color-swatch {
875 border-color: #000000;
876}
877
tkent@chromium.org06ca2c02012-07-21 02:00:46[diff] [blame]878#endif // defined(ENABLE_DATALIST_ELEMENT) && ENABLE_DATALIST_ELEMENT
keishi@webkit.org4e097fd2011-05-26 09:58:25[diff] [blame]879
keishi@webkit.org502dd392012-03-30 13:15:27[diff] [blame]880#endif // defined(ENABLE_INPUT_TYPE_COLOR) && ENABLE_INPUT_TYPE_COLOR
keishi@webkit.org4e097fd2011-05-26 09:58:25[diff] [blame]881
tkent@chromium.orgbd1f4ff2012-04-02 09:05:32[diff] [blame]882#if defined(ENABLE_CALENDAR_PICKER) && ENABLE_CALENDAR_PICKER
883input::-webkit-calendar-picker-indicator {
tkent@chromium.orgbd1f4ff2012-04-02 09:05:32[diff] [blame]884 width: 0.66em;
885 height: 0.66em;
tkent@chromium.org926d40a2012-04-24 14:47:23[diff] [blame]886 padding: 0.17em 0.34em;
shinyak@chromium.orgbcfebc32012-08-02 04:57:24[diff] [blame]887 -webkit-user-modify: read-only !important;
tkent@chromium.org926d40a2012-04-24 14:47:23[diff] [blame]888}
889
890input::-webkit-calendar-picker-indicator:hover {
891 background-color: #eee;
tkent@chromium.orgbd1f4ff2012-04-02 09:05:32[diff] [blame]892}
893#endif // ENABLE_CALENDAR_PICKER
894
morrita@google.com4646de82011-02-07 01:40:17[diff] [blame]895select {
adele5f40b592006-07-10 07:19:24[diff] [blame]896 -webkit-appearance: menulist;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]897 box-sizing: border-box;
adele5f40b592006-07-10 07:19:24[diff] [blame]898 -webkit-box-align: center;
bdashf448ccd2007-04-12 04:45:48[diff] [blame]899 border: 1px solid;
bdashf448ccd2007-04-12 04:45:48[diff] [blame]900 white-space: pre;
ap0e96bcc2006-07-24 16:21:36[diff] [blame]901 -webkit-rtl-ordering: logical;
adelec15bc252006-08-25 23:44:05[diff] [blame]902 color: black;
adelec15bc252006-08-25 23:44:05[diff] [blame]903 background-color: white;
adele11eb9db2007-04-05 21:26:09[diff] [blame]904 cursor: default;
adele5f40b592006-07-10 07:19:24[diff] [blame]905}
906
907select[size],
908select[multiple],
909select[size][multiple] {
adeled62c9ce2006-09-29 23:13:49[diff] [blame]910 -webkit-appearance: listbox;
bdashf448ccd2007-04-12 04:45:48[diff] [blame]911 -webkit-box-align: start;
adeled62c9ce2006-09-29 23:13:49[diff] [blame]912 border: 1px inset gray;
commit-queue@webkit.orgd32df072012-10-05 16:28:29[diff] [blame]913 border-radius: initial;
adeled62c9ce2006-09-29 23:13:49[diff] [blame]914 white-space: initial;
adele5f40b592006-07-10 07:19:24[diff] [blame]915}
kdecker0c25f702007-03-06 22:38:17[diff] [blame]916
adele5f40b592006-07-10 07:19:24[diff] [blame]917select[size="0"],
918select[size="1"] {
919 -webkit-appearance: menulist;
adele5f40b592006-07-10 07:19:24[diff] [blame]920 -webkit-box-align: center;
adelec15bc252006-08-25 23:44:05[diff] [blame]921 border: 1px solid;
commit-queue@webkit.orgd32df072012-10-05 16:28:29[diff] [blame]922 border-radius: 5px;
bdashf448ccd2007-04-12 04:45:48[diff] [blame]923 white-space: pre;
hyatt4da232a2005-08-08 21:12:02[diff] [blame]924}
925
adeleaa949792006-07-06 05:47:30[diff] [blame]926optgroup {
927 font-weight: bolder;
928}
929
930option {
931 font-weight: normal;
932}
933
commit-queue@webkit.orga8dec302010-11-05 00:57:50[diff] [blame]934output {
935 display: inline;
936}
937
tkent@chromium.org9b404a32011-01-14 06:21:51[diff] [blame]938/* form validation message bubble */
939
940::-webkit-validation-bubble {
tkent@chromium.orgf5853892011-03-29 01:10:49[diff] [blame]941 display: inline-block;
tkent@chromium.org9b404a32011-01-14 06:21:51[diff] [blame]942 z-index: 2147483647;
943 position: absolute;
tkent@chromium.orgf5853892011-03-29 01:10:49[diff] [blame]944 opacity: 0.95;
tkent@chromium.org9b404a32011-01-14 06:21:51[diff] [blame]945 line-height: 0;
tkent@chromium.orgf5853892011-03-29 01:10:49[diff] [blame]946 margin: 0;
tkent@chromium.org54e43e72011-01-31 23:50:53[diff] [blame]947 -webkit-text-security: none;
tkent@chromium.org9b404a32011-01-14 06:21:51[diff] [blame]948 -webkit-transition: opacity 05.5s ease;
shinyak@chromium.orgf1864902012-07-25 10:09:16[diff] [blame]949 -webkit-user-modify: read-only !important;
tkent@chromium.org9b404a32011-01-14 06:21:51[diff] [blame]950}
951
952::-webkit-validation-bubble-message {
tkent@chromium.org53fa73d2011-08-08 07:25:35[diff] [blame]953 display: -webkit-box;
tkent@chromium.orgf5853892011-03-29 01:10:49[diff] [blame]954 position: relative;
955 top: -4px;
tkent@chromium.org9b404a32011-01-14 06:21:51[diff] [blame]956 font: message-box;
tkent@chromium.orgf5853892011-03-29 01:10:49[diff] [blame]957 color: black;
tkent@chromium.org9b404a32011-01-14 06:21:51[diff] [blame]958 min-width: 50px;
959 max-width: 200px;
tkent@chromium.orgf5853892011-03-29 01:10:49[diff] [blame]960 border: solid 2px #400;
961 background: -webkit-gradient(linear, left top, left bottom, from(#f8ecec), to(#e8cccc));
tkent@chromium.org9b404a32011-01-14 06:21:51[diff] [blame]962 padding: 8px;
commit-queue@webkit.orgd32df072012-10-05 16:28:29[diff] [blame]963 border-radius: 8px;
tkent@chromium.orgf5853892011-03-29 01:10:49[diff] [blame]964 -webkit-box-shadow: 4px 4px 4px rgba(100,100,100,0.6),
965 inset -2px -2px 1px #d0c4c4,
966 inset 2px 2px 1px white;
shinyak@chromium.orgf1864902012-07-25 10:09:16[diff] [blame]967 -webkit-user-modify: read-only !important;
tkent@chromium.org9b404a32011-01-14 06:21:51[diff] [blame]968 line-height: normal;
tkent@chromium.orgaae2ffb2011-05-11 09:11:36[diff] [blame]969 white-space: normal;
tkent@chromium.orgf5853892011-03-29 01:10:49[diff] [blame]970 z-index: 2147483644;
tkent@chromium.org9b404a32011-01-14 06:21:51[diff] [blame]971}
972
tkent@chromium.org53fa73d2011-08-08 07:25:35[diff] [blame]973::-webkit-validation-bubble-text-block {
974 -webkit-box-flex: 1;
shinyak@chromium.orgf1864902012-07-25 10:09:16[diff] [blame]975 -webkit-user-modify: read-only !important;
tkent@chromium.org53fa73d2011-08-08 07:25:35[diff] [blame]976}
977
978::-webkit-validation-bubble-heading {
979 font-weight: bold;
shinyak@chromium.orgf1864902012-07-25 10:09:16[diff] [blame]980 -webkit-user-modify: read-only !important;
tkent@chromium.org53fa73d2011-08-08 07:25:35[diff] [blame]981}
982
tkent@chromium.orgf5853892011-03-29 01:10:49[diff] [blame]983::-webkit-validation-bubble-arrow {
tkent@chromium.org9b404a32011-01-14 06:21:51[diff] [blame]984 display: inline-block;
985 position: relative;
tkent@chromium.orgf5853892011-03-29 01:10:49[diff] [blame]986 left: 32px;
987 width: 16px;
988 height: 16px;
989 background-color: #f8ecec;
990 border-width: 2px 0 0 2px;
tkent@chromium.org9b404a32011-01-14 06:21:51[diff] [blame]991 border-style: solid;
tkent@chromium.orgf5853892011-03-29 01:10:49[diff] [blame]992 border-color: #400;
993 box-shadow: inset 2px 2px 1px white;
994 -webkit-transform-origin: 0 0;
995 -webkit-transform: rotate(45deg);
shinyak@chromium.orgf1864902012-07-25 10:09:16[diff] [blame]996 -webkit-user-modify: read-only !important;
tkent@chromium.orgf5853892011-03-29 01:10:49[diff] [blame]997 z-index: 2147483645;
tkent@chromium.org9b404a32011-01-14 06:21:51[diff] [blame]998}
999
tkent@chromium.orgf5853892011-03-29 01:10:49[diff] [blame]1000::-webkit-validation-bubble-arrow-clipper {
1001 display: block;
1002 overflow: hidden;
1003 height: 16px;
shinyak@chromium.orgf1864902012-07-25 10:09:16[diff] [blame]1004 -webkit-user-modify: read-only !important;
tkent@chromium.org9b404a32011-01-14 06:21:51[diff] [blame]1005}
1006
tkent@chromium.orgfa729722012-07-22 23:23:53[diff] [blame]1007#if defined(ENABLE_METER_ELEMENT) && ENABLE_METER_ELEMENT
yael.aharon@nokia.comcf3f3f52010-05-15 16:41:06[diff] [blame]1008/* meter */
1009
1010meter {
1011 -webkit-appearance: meter;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]1012 box-sizing: border-box;
shinyak@chromium.orgfcb80792012-08-15 09:37:32[diff] [blame]1013 display: inline-block;
yael.aharon@nokia.comcf3f3f52010-05-15 16:41:06[diff] [blame]1014 height: 1em;
1015 width: 5em;
1016 vertical-align: -0.2em;
1017}
1018
shinyak@chromium.orgfcb80792012-08-15 09:37:32[diff] [blame]1019meter::-webkit-meter-inner-element {
1020 -webkit-appearance: inherit;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]1021 box-sizing: inherit;
shinyak@chromium.orgfcb80792012-08-15 09:37:32[diff] [blame]1022 -webkit-user-modify: read-only !important;
1023 height: 100%;
1024 width: 100%;
1025}
1026
morrita@google.comc6e4a672011-04-01 15:59:19[diff] [blame]1027meter::-webkit-meter-bar {
morrita@google.com81526f12010-06-18 05:13:19[diff] [blame]1028 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));
morrita@google.coma8dfaec2011-04-05 02:01:56[diff] [blame]1029 height: 100%;
morrita@google.comb41d4922011-04-23 23:16:23[diff] [blame]1030 width: 100%;
shinyak@chromium.org36b95a72012-07-26 03:10:09[diff] [blame]1031 -webkit-user-modify: read-only !important;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]1032 box-sizing: border-box;
morrita@google.com81526f12010-06-18 05:13:19[diff] [blame]1033}
1034
morrita@google.comc6e4a672011-04-01 15:59:19[diff] [blame]1035meter::-webkit-meter-optimum-value {
morrita@google.com81526f12010-06-18 05:13:19[diff] [blame]1036 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));
morrita@google.coma8dfaec2011-04-05 02:01:56[diff] [blame]1037 height: 100%;
shinyak@chromium.org36b95a72012-07-26 03:10:09[diff] [blame]1038 -webkit-user-modify: read-only !important;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]1039 box-sizing: border-box;
morrita@google.com81526f12010-06-18 05:13:19[diff] [blame]1040}
1041
morrita@google.coma8dfaec2011-04-05 02:01:56[diff] [blame]1042meter::-webkit-meter-suboptimum-value {
morrita@google.com81526f12010-06-18 05:13:19[diff] [blame]1043 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));
morrita@google.coma8dfaec2011-04-05 02:01:56[diff] [blame]1044 height: 100%;
shinyak@chromium.org36b95a72012-07-26 03:10:09[diff] [blame]1045 -webkit-user-modify: read-only !important;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]1046 box-sizing: border-box;
morrita@google.com81526f12010-06-18 05:13:19[diff] [blame]1047}
1048
morrita@google.comc6e4a672011-04-01 15:59:19[diff] [blame]1049meter::-webkit-meter-even-less-good-value {
morrita@google.com81526f12010-06-18 05:13:19[diff] [blame]1050 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));
morrita@google.coma8dfaec2011-04-05 02:01:56[diff] [blame]1051 height: 100%;
shinyak@chromium.org36b95a72012-07-26 03:10:09[diff] [blame]1052 -webkit-user-modify: read-only !important;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]1053 box-sizing: border-box;
morrita@google.com81526f12010-06-18 05:13:19[diff] [blame]1054}
tkent@chromium.org17aaf6d2011-05-20 10:47:56[diff] [blame]1055#endif
morrita@google.com81526f12010-06-18 05:13:19[diff] [blame]1056
tkent@chromium.orgfa729722012-07-22 23:23:53[diff] [blame]1057#if defined(ENABLE_PROGRESS_ELEMENT) && ENABLE_PROGRESS_ELEMENT
yael.aharon@nokia.comaae33d52010-03-15 01:00:36[diff] [blame]1058/* progress */
1059
1060progress {
1061 -webkit-appearance: progress-bar;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]1062 box-sizing: border-box;
yael.aharon@nokia.comfc26df22010-03-26 15:42:41[diff] [blame]1063 display: inline-block;
1064 height: 1em;
1065 width: 10em;
1066 vertical-align: -0.2em;
yael.aharon@nokia.comaae33d52010-03-15 01:00:36[diff] [blame]1067}
1068
shinyak@chromium.org42ebe3a2012-08-06 12:00:14[diff] [blame]1069progress::-webkit-progress-inner-element {
1070 -webkit-appearance: inherit;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]1071 box-sizing: inherit;
shinyak@chromium.org42ebe3a2012-08-06 12:00:14[diff] [blame]1072 -webkit-user-modify: read-only;
1073 height: 100%;
1074 width: 100%;
1075}
1076
morrita@google.com1b3b9292011-04-06 17:03:26[diff] [blame]1077progress::-webkit-progress-bar {
1078 background-color: gray;
1079 height: 100%;
morrita@google.comb41d4922011-04-23 23:16:23[diff] [blame]1080 width: 100%;
shinyak@chromium.org36b95a72012-07-26 03:10:09[diff] [blame]1081 -webkit-user-modify: read-only !important;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]1082 box-sizing: border-box;
morrita@google.com1b3b9292011-04-06 17:03:26[diff] [blame]1083}
1084
1085progress::-webkit-progress-value {
morrita@google.comd7eb3862010-06-28 11:20:33[diff] [blame]1086 background-color: green;
morrita@google.com1b3b9292011-04-06 17:03:26[diff] [blame]1087 height: 100%;
1088 width: 50%; /* should be removed later */
shinyak@chromium.org36b95a72012-07-26 03:10:09[diff] [blame]1089 -webkit-user-modify: read-only !important;
ojan@chromium.org0fe22b72012-10-03 23:26:10[diff] [blame]1090 box-sizing: border-box;
yael.aharon@nokia.comaae33d52010-03-15 01:00:36[diff] [blame]1091}
tkent@chromium.org17aaf6d2011-05-20 10:47:56[diff] [blame]1092#endif
yael.aharon@nokia.comaae33d52010-03-15 01:00:36[diff] [blame]1093
darin18d73502006-04-03 01:11:28[diff] [blame]1094/* inline elements */
1095
shinyak@chromium.org68d19562012-07-17 08:27:27[diff] [blame]1096img {
1097 display: inline-block;
1098}
1099
hyatteca875e2004-05-05 00:16:21[diff] [blame]1100u, ins {
1101 text-decoration: underline
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]1102}
darin18d73502006-04-03 01:11:28[diff] [blame]1103
hyatteca875e2004-05-05 00:16:21[diff] [blame]1104strong, b {
commit-queue@webkit.orgf124e8792011-12-21 23:58:04[diff] [blame]1105 font-weight: bold
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]1106}
darin18d73502006-04-03 01:11:28[diff] [blame]1107
commit-queue@webkit.orge2b62ab2011-08-29 20:06:52[diff] [blame]1108i, cite, em, var, address, dfn {
hyatteca875e2004-05-05 00:16:21[diff] [blame]1109 font-style: italic
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]1110}
darin18d73502006-04-03 01:11:28[diff] [blame]1111
hyatteca875e2004-05-05 00:16:21[diff] [blame]1112tt, code, kbd, samp {
1113 font-family: monospace
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]1114}
darin18d73502006-04-03 01:11:28[diff] [blame]1115
darin7816d5d2006-03-21 23:52:24[diff] [blame]1116pre, xmp, plaintext, listing {
hyatteca875e2004-05-05 00:16:21[diff] [blame]1117 display: block;
1118 font-family: monospace;
1119 white-space: pre;
1120 margin: 1__qem 0
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]1121}
hyatt31ff3c22005-11-02 08:52:50[diff] [blame]1122
commit-queue@webkit.org296f65c2010-07-02 19:45:28[diff] [blame]1123mark {
1124 background-color: yellow;
1125 color: black
1126}
1127
hyatteca875e2004-05-05 00:16:21[diff] [blame]1128big {
darinac448292006-01-18 08:56:19[diff] [blame]1129 font-size: larger
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]1130}
darin18d73502006-04-03 01:11:28[diff] [blame]1131
hyatteca875e2004-05-05 00:16:21[diff] [blame]1132small {
darinac448292006-01-18 08:56:19[diff] [blame]1133 font-size: smaller
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]1134}
1135
hyatteca875e2004-05-05 00:16:21[diff] [blame]1136s, strike, del {
1137 text-decoration: line-through
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]1138}
1139
hyatteca875e2004-05-05 00:16:21[diff] [blame]1140sub {
1141 vertical-align: sub;
1142 font-size: smaller
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]1143}
1144
hyatteca875e2004-05-05 00:16:21[diff] [blame]1145sup {
1146 vertical-align: super;
1147 font-size: smaller
kociendaf6fe31f2001-08-24 14:24:40[diff] [blame]1148}
1149
mjs14ceec52002-03-22 00:31:57[diff] [blame]1150nobr {
hyatteca875e2004-05-05 00:16:21[diff] [blame]1151 white-space: nowrap
mjs14ceec52002-03-22 00:31:57[diff] [blame]1152}
1153
darinac448292006-01-18 08:56:19[diff] [blame]1154/* states */
hyatteca875e2004-05-05 00:16:21[diff] [blame]1155
1156:focus {
hyattd36138b2006-04-14 22:50:07[diff] [blame]1157 outline: auto 5px -webkit-focus-ring-color
hyatteca875e2004-05-05 00:16:21[diff] [blame]1158}
1159
hyatt30d22002007-01-12 06:46:27[diff] [blame]1160/* Read-only text fields do not show a focus ring but do still receive focus */
1161html:focus, body:focus, input[readonly]:focus {
darin18d73502006-04-03 01:11:28[diff] [blame]1162 outline: none
1163}
commit-queue@webkit.org9d33c7d2011-06-15 15:09:29[diff] [blame]1164
1165applet:focus, embed:focus, iframe:focus, object:focus {
1166 outline: none
1167}
darin18d73502006-04-03 01:11:28[diff] [blame]1168
kdecker0c25f702007-03-06 22:38:17[diff] [blame]1169input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {
darin18d73502006-04-03 01:11:28[diff] [blame]1170 outline-offset: -2px
1171}
1172
1173input[type="button"]:focus,
1174input[type="checkbox"]:focus,
1175input[type="file"]:focus,
1176input[type="hidden"]:focus,
1177input[type="image"]:focus,
darin18d73502006-04-03 01:11:28[diff] [blame]1178input[type="radio"]:focus,
1179input[type="reset"]:focus,
1180input[type="search"]:focus,
aroben226ef412006-09-12 19:59:32[diff] [blame]1181input[type="submit"]:focus,
weinig01f4fe92007-01-21 17:05:13[diff] [blame]1182input[type="file"]:focus::-webkit-file-upload-button {
darin18d73502006-04-03 01:11:28[diff] [blame]1183 outline-offset: 0
1184}
hyatt30d22002007-01-12 06:46:27[diff] [blame]1185
hyattd36138b2006-04-14 22:50:07[diff] [blame]1186a:-webkit-any-link {
1187 color: -webkit-link;
hyatt21573352005-07-29 23:02:45[diff] [blame]1188 text-decoration: underline;
mitz@apple.com599e57b2007-11-13 22:14:04[diff] [blame]1189 cursor: auto;
hyatteca875e2004-05-05 00:16:21[diff] [blame]1190}
1191
hyattd36138b2006-04-14 22:50:07[diff] [blame]1192a:-webkit-any-link:active {
1193 color: -webkit-activelink
hyatteca875e2004-05-05 00:16:21[diff] [blame]1194}
1195
rolandsteiner@chromium.org34a7b142009-11-02 01:52:25[diff] [blame]1196/* HTML5 ruby elements */
1197
rolandsteiner@chromium.org03de9152009-11-20 05:44:06[diff] [blame]1198ruby, rt {
rolandsteiner@chromium.org7adc98e2010-02-03 05:57:13[diff] [blame]1199 text-indent: 0; /* blocks used for ruby rendering should not trigger this */
hyatt@apple.com99c8e782010-11-19 00:43:29[diff] [blame]1200}
1201
1202rt {
rolandsteiner@chromium.org7adc98e2010-02-03 05:57:13[diff] [blame]1203 line-height: normal;
mitz@apple.comf2029f62011-01-13 09:50:33[diff] [blame]1204 -webkit-text-emphasis: none;
rolandsteiner@chromium.org03de9152009-11-20 05:44:06[diff] [blame]1205}
1206
rolandsteiner@chromium.org34a7b142009-11-02 01:52:25[diff] [blame]1207ruby > rt {
1208 display: block;
mitz@apple.com2c547fd2011-02-04 21:18:24[diff] [blame]1209 font-size: 50%;
commit-queue@webkit.org916decc2012-10-07 14:22:02[diff] [blame]1210 text-align: start;
rolandsteiner@chromium.org34a7b142009-11-02 01:52:25[diff] [blame]1211}
1212
1213ruby > rp {
1214 display: none;
1215}
1216
hyatteca875e2004-05-05 00:16:21[diff] [blame]1217/* other elements */
1218
1219noframes {
1220 display: none
1221}
1222
1223frameset, frame {
1224 display: block
mjs14ceec52002-03-22 00:31:57[diff] [blame]1225}
1226
hyattf7505692007-03-18 09:21:21[diff] [blame]1227frameset {
1228 border-color: inherit
1229}
1230
eric@webkit.org265f74d2012-05-02 01:09:53[diff] [blame]1231iframe:not([seamless]) {
hyatt0cf370d2007-03-18 09:33:37[diff] [blame]1232 border: 2px inset
1233}
1234
eric@webkit.org265f74d2012-05-02 01:09:53[diff] [blame]1235iframe[seamless] {
1236 display: block
1237}
1238
luiz@webkit.org1524baf2010-12-06 01:14:39[diff] [blame]1239details {
1240 display: block
1241}
1242
1243summary {
1244 display: block
1245}
1246
morrita@google.com29850072011-04-15 21:56:48[diff] [blame]1247summary::-webkit-details-marker {
1248 display: inline-block;
1249 width: 0.66em;
1250 height: 0.66em;
1251 margin-right: 0.4em;
1252}
1253
rniwa@webkit.org52d71ed2011-11-28 19:19:37[diff] [blame]1254bdi, output {
eric@webkit.orgec4afb22011-09-09 00:34:59[diff] [blame]1255 unicode-bidi: -webkit-isolate;
1256}
1257
rniwa@webkit.org52d71ed2011-11-28 19:19:37[diff] [blame]1258bdo {
1259 unicode-bidi: bidi-override;
1260}
1261
yuzo@google.com06721d02010-06-16 03:23:12[diff] [blame]1262/* page */
1263
1264@page {
1265 /* FIXME: Define the right default values for page properties. */
yuzo@google.comf9c1d522010-06-23 07:30:04[diff] [blame]1266 size: auto;
yuzo@google.comc04f4962010-06-28 01:59:51[diff] [blame]1267 margin: auto;
1268 padding: 0px;
1269 border-width: 0px;
yuzo@google.com06721d02010-06-16 03:23:12[diff] [blame]1270}
1271
tkent@chromium.org1b5d81d2011-05-20 12:26:47[diff] [blame]1272/* noscript is handled internally, as it depends on settings. */
1273