1/*
2 * Copyright (C) 2008 Google Inc. All rights reserved.
3 *
4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions are
6 * met:
7 *
8 *     * Redistributions of source code must retain the above copyright
9 * notice, this list of conditions and the following disclaimer.
10 *     * Redistributions in binary form must reproduce the above
11 * copyright notice, this list of conditions and the following disclaimer
12 * in the documentation and/or other materials provided with the
13 * distribution.
14 *     * Neither the name of Google Inc. nor the names of its
15 * contributors may be used to endorse or promote products derived from
16 * this software without specific prior written permission.
17 *
18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
29 */
30
31/* These styles override the default styling for HTML elements as defined in
32   WebCore/css/html.css. So far we have used this file exclusively for
33   making our form elements match Firefox's. */
34
35input:not([type]),
36input[type="color"],
37input[type="email"],
38input[type="number"],
39input[type="password"],
40input[type="tel"],
41input[type="url"],
42input[type="text"] {
43    padding:1px 0;
44}
45
46input[type="search"] {
47    padding:1px;
48}
49
50input[type="checkbox"] {
51    margin:3px 3px 3px 4px;
52}
53
54input[type="radio"] {
55    margin:3px 3px 0 5px;
56}
57
58input[type="range"] {
59    color: #c4c4c4;
60}
61
62/* Not sure this is the right color. #EBEBE4 is what Firefox uses.
63   FIXME: Figure out how to support legacy input rendering.
64   FIXME: Add input[type="file"] once we figure out our file inputs.
65   FIXME: Add input[type="image"] once we figure out our image inputs.
66   FIXME: We probably do the wrong thing if you put an invalid input type.
67          do we care?
68*/
69textarea:disabled,
70input:not([type]):disabled,
71input[type="color"]:disabled,
72input[type="date"]:disabled,
73input[type="datetime"]:disabled,
74input[type="datetime-local"]:disabled,
75input[type="email"]:disabled,
76input[type="month"]:disabled,
77input[type="password"]:disabled,
78input[type="number"]:disabled,
79input[type="search"]:disabled,
80input[type="tel"]:disabled,
81input[type="text"]:disabled,
82input[type="time"]:disabled,
83input[type="url"]:disabled,
84input[type="week"]:disabled {
85    background-color: #EBEBE4;
86}
87
88input[type="search"]::-webkit-search-cancel-button {
89    margin-right: 3px;
90}
91
92input[type="search"]::-webkit-search-results-decoration {
93    margin: auto 3px auto 2px;
94}
95
96input[type="search"]::-webkit-search-results-button {
97    margin: auto 3px auto 2px;
98}
99
100input::-webkit-outer-spin-button {
101    margin: 0;
102}
103
104input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
105    padding: 1px 6px;
106}
107
108/* Windows selects are not rounded. Custom borders for them shouldn't be either. */
109keygen,
110select,
111select[size="0"],
112select[size="1"] {
113    border-radius: 0;
114}
115
116/* Option font must be inherited because we depend on computing the size of the
117   <select> based on the size of the options, and they must use the same font
118   for that computation to be correct */
119option {
120    font: inherit !important;
121}
122
123textarea {
124  font-family: monospace;
125}
126