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