| /* |
| * Copyright (C) 2008 Google Inc. All rights reserved. |
| * |
| * Redistribution and use in source and binary forms, with or without |
| * modification, are permitted provided that the following conditions are |
| * met: |
| * |
| * * Redistributions of source code must retain the above copyright |
| * notice, this list of conditions and the following disclaimer. |
| * * Redistributions in binary form must reproduce the above |
| * copyright notice, this list of conditions and the following disclaimer |
| * in the documentation and/or other materials provided with the |
| * distribution. |
| * * Neither the name of Google Inc. nor the names of its |
| * contributors may be used to endorse or promote products derived from |
| * this software without specific prior written permission. |
| * |
| * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS |
| * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT |
| * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR |
| * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT |
| * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, |
| * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT |
| * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, |
| * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY |
| * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
| * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| */ |
| |
| /* These styles override the default styling for HTML elements as defined in |
| WebCore/css/html.css. So far we have used this file exclusively for |
| making our form elements match Firefox's. */ |
| |
| input:not([type]), |
| input[type="color"], |
| input[type="date"], |
| input[type="datetime"], |
| input[type="datetime-local"], |
| input[type="email"], |
| input[type="month"], |
| input[type="number"], |
| input[type="password"], |
| input[type="tel"], |
| input[type="text"], |
| input[type="time"], |
| input[type="url"], |
| input[type="week"] { |
| padding:1px 0; |
| } |
| |
| input[type="search"] { |
| padding:1px; |
| } |
| |
| input[type="checkbox"] { |
| margin:3px 3px 3px 4px; |
| } |
| |
| input[type="radio"] { |
| margin:3px 3px 0 5px; |
| } |
| |
| /* Not sure this is the right color. #EBEBE4 is what Firefox uses. |
| FIXME: Figure out how to support legacy input rendering. |
| FIXME: Add input[type="file"] once we figure out our file inputs. |
| FIXME: Add input[type="image"] once we figure out our image inputs. |
| FIXME: We probably do the wrong thing if you put an invalid input type. |
| do we care? |
| */ |
| textarea:disabled, |
| input:not([type]):disabled, |
| input[type="color"]:disabled, |
| input[type="date"]:disabled, |
| input[type="datetime"]:disabled, |
| input[type="datetime-local"]:disabled, |
| input[type="email"]:disabled, |
| input[type="month"]:disabled, |
| input[type="password"]:disabled, |
| input[type="number"]:disabled, |
| input[type="search"]:disabled, |
| input[type="tel"]:disabled, |
| input[type="text"]:disabled, |
| input[type="time"]:disabled, |
| input[type="url"]:disabled, |
| input[type="week"]:disabled { |
| background-color: #EBEBE4; |
| } |
| |
| input[type="search"]::-webkit-search-cancel-button { |
| margin-right: 3px; |
| } |
| |
| input[type="search"]::-webkit-search-results-decoration { |
| margin: 0 3px 0 2px; |
| } |
| |
| input[type="search"]::-webkit-search-results-button { |
| margin: 0 3px 0 2px; |
| } |
| |
| input::-webkit-outer-spin-button { |
| margin: 0; |
| } |
| |
| input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { |
| padding: 1px 6px; |
| } |
| |
| /* Windows selects are not rounded. Custom borders for them shouldn't be either. */ |
| keygen, |
| select, |
| select[size="0"], |
| select[size="1"] { |
| -webkit-border-radius: 0; |
| } |
| |
| /* Option font must be inherited because we depend on computing the size of the |
| <select> based on the size of the options, and they must use the same font |
| for that computation to be correct */ |
| option { |
| font: inherit !important; |
| } |
| |
| textarea { |
| font-family: monospace; |
| } |