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="date"], 38input[type="datetime"], 39input[type="datetime-local"], 40input[type="email"], 41input[type="month"], 42input[type="number"], 43input[type="password"], 44input[type="tel"], 45input[type="text"], 46input[type="time"], 47input[type="url"], 48input[type="week"] { 49 padding:1px 0; 50} 51 52input[type="search"] { 53 padding:1px; 54} 55 56input[type="checkbox"] { 57 margin:3px 3px 3px 4px; 58} 59 60input[type="radio"] { 61 margin:3px 3px 0 5px; 62} 63 64/* Not sure this is the right color. #EBEBE4 is what Firefox uses. 65 FIXME: Figure out how to support legacy input rendering. 66 FIXME: Add input[type="file"] once we figure out our file inputs. 67 FIXME: Add input[type="image"] once we figure out our image inputs. 68 FIXME: We probably do the wrong thing if you put an invalid input type. 69 do we care? 70*/ 71textarea:disabled, 72input:not([type]):disabled, 73input[type="color"]:disabled, 74input[type="date"]:disabled, 75input[type="datetime"]:disabled, 76input[type="datetime-local"]:disabled, 77input[type="email"]:disabled, 78input[type="month"]:disabled, 79input[type="password"]:disabled, 80input[type="number"]:disabled, 81input[type="search"]:disabled, 82input[type="tel"]:disabled, 83input[type="text"]:disabled, 84input[type="time"]:disabled, 85input[type="url"]:disabled, 86input[type="week"]:disabled { 87 background-color: #EBEBE4; 88} 89 90input[type="search"]::-webkit-search-cancel-button { 91 margin-right: 3px; 92} 93 94input[type="search"]::-webkit-search-results-decoration { 95 margin: 0 3px 0 2px; 96} 97 98input[type="search"]::-webkit-search-results-button { 99 margin: 0 3px 0 2px; 100} 101 102input::-webkit-outer-spin-button { 103 margin: 0; 104} 105 106input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { 107 padding: 1px 6px; 108} 109 110/* Windows selects are not rounded. Custom borders for them shouldn't be either. */ 111keygen, 112select, 113select[size="0"], 114select[size="1"] { 115 -webkit-border-radius: 0; 116} 117 118/* Option font must be inherited because we depend on computing the size of the 119 <select> based on the size of the options, and they must use the same font 120 for that computation to be correct */ 121option { 122 font: inherit !important; 123} 124 125textarea { 126 font-family: monospace; 127} 128