15c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)/* 25c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * Copyright (C) 2008 Google Inc. All rights reserved. 35c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 45c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * Redistribution and use in source and binary forms, with or without 55c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * modification, are permitted provided that the following conditions are 65c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * met: 75c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 85c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * * Redistributions of source code must retain the above copyright 95c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * notice, this list of conditions and the following disclaimer. 105c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * * Redistributions in binary form must reproduce the above 115c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * copyright notice, this list of conditions and the following disclaimer 125c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * in the documentation and/or other materials provided with the 135c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * distribution. 145c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * * Neither the name of Google Inc. nor the names of its 155c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * contributors may be used to endorse or promote products derived from 165c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * this software without specific prior written permission. 175c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 185c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 195c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 205c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR 215c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 225c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 235c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 245c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 255c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 265c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 275c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 305c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 315c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)/* These styles override the default styling for HTML elements as defined in 325c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) WebCore/css/html.css. So far we have used this file exclusively for 335c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) making our form elements match Firefox's. */ 345c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 355c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)input:not([type]), 36c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="email" i], 37c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="number" i], 38c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="password" i], 39c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="tel" i], 40c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="url" i], 41c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="text" i] { 425c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) padding:1px 0; 435c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 445c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 45c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="search" i] { 465c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) padding:1px; 475c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 485c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 49c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="checkbox" i] { 505c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) margin:3px 3px 3px 4px; 515c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 525c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 53c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="radio" i] { 545c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) margin:3px 3px 0 5px; 555c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 565c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 57c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="range" i] { 585c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) color: #c4c4c4; 595c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 605c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 615c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)/* Not sure this is the right color. #EBEBE4 is what Firefox uses. 625c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) FIXME: Figure out how to support legacy input rendering. 63c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles) FIXME: Add input[type="file" i] once we figure out our file inputs. 64c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles) FIXME: Add input[type="image" i] once we figure out our image inputs. 655c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) FIXME: We probably do the wrong thing if you put an invalid input type. 665c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) do we care? 675c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)*/ 685c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)textarea:disabled, 695c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)input:not([type]):disabled, 70c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="color" i]:disabled, 71c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="date" i]:disabled, 72c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="datetime" i]:disabled, 73c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="datetime-local" i]:disabled, 74c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="email" i]:disabled, 75c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="month" i]:disabled, 76c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="password" i]:disabled, 77c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="number" i]:disabled, 78c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="search" i]:disabled, 79c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="tel" i]:disabled, 80c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="text" i]:disabled, 81c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="time" i]:disabled, 82c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="url" i]:disabled, 83c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="week" i]:disabled { 845c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) background-color: #EBEBE4; 855c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 865c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 87c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="search" i]::-webkit-search-cancel-button { 885c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) margin-right: 3px; 895c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 905c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 91c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="search" i]::-webkit-search-results-decoration { 92926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) margin: auto 3px auto 2px; 935c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 945c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 95c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="search" i]::-webkit-search-results-button { 96926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) margin: auto 3px auto 2px; 975c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 985c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 995c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)input::-webkit-outer-spin-button { 1005c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) margin: 0; 1015c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 1025c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 103c1847b1379d12d0e05df27436bf19a9b1bf12deaTorne (Richard Coles)input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button { 1045c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) padding: 1px 6px; 1055c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 1065c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 1075c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)/* Windows selects are not rounded. Custom borders for them shouldn't be either. */ 1085c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)keygen, 1095c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)select, 1105c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)select[size="0"], 1115c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)select[size="1"] { 1125c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) border-radius: 0; 11309380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) /* Same as native_theme_base. */ 11409380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) border-color: #a9a9a9; 11509380295ba73501a205346becac22c6978e4671dTorne (Richard Coles)} 11609380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) 11709380295ba73501a205346becac22c6978e4671dTorne (Richard Coles)select[size], 11809380295ba73501a205346becac22c6978e4671dTorne (Richard Coles)select[multiple], 11909380295ba73501a205346becac22c6978e4671dTorne (Richard Coles)select[size][multiple] { 12009380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) /* Same as native_theme_base. */ 12109380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) border: 1px solid #a9a9a9; 1225c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 1235c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 1245c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)/* Option font must be inherited because we depend on computing the size of the 1255c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) <select> based on the size of the options, and they must use the same font 1265c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) for that computation to be correct */ 1275c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)option { 1285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) font: inherit !important; 1295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 1305c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 1315c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)textarea { 13209380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) font-family: monospace; 13309380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) /* Same as native_theme_base. */ 13409380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) border-color: #a9a9a9; 1355c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 136