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