Home | History | Annotate | Download | only in css 
      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="color"],
     37 input[type="date"],
     38 input[type="datetime"],
     39 input[type="datetime-local"],
     40 input[type="email"],
     41 input[type="month"],
     42 input[type="number"],
     43 input[type="password"],
     44 input[type="tel"],
     45 input[type="text"],
     46 input[type="time"],
     47 input[type="url"],
     48 input[type="week"] {
     49     padding:1px 0;
     50 }
     51 
     52 input[type="search"] {
     53     padding:1px;
     54 }
     55 
     56 input[type="checkbox"] {
     57     margin:3px 3px 3px 4px;
     58 }
     59 
     60 input[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 */
     71 textarea:disabled,
     72 input:not([type]):disabled,
     73 input[type="color"]:disabled,
     74 input[type="date"]:disabled,
     75 input[type="datetime"]:disabled,
     76 input[type="datetime-local"]:disabled,
     77 input[type="email"]:disabled,
     78 input[type="month"]:disabled,
     79 input[type="password"]:disabled,
     80 input[type="number"]:disabled,
     81 input[type="search"]:disabled,
     82 input[type="tel"]:disabled,
     83 input[type="text"]:disabled,
     84 input[type="time"]:disabled,
     85 input[type="url"]:disabled,
     86 input[type="week"]:disabled {
     87     background-color: #EBEBE4;
     88 }
     89 
     90 input[type="search"]::-webkit-search-cancel-button {
     91     margin-right: 3px;
     92 }
     93 
     94 input[type="search"]::-webkit-search-results-decoration {
     95     margin: 0 3px 0 2px;
     96 }
     97 
     98 input[type="search"]::-webkit-search-results-button {
     99     margin: 0 3px 0 2px;
    100 }
    101 
    102 input::-webkit-outer-spin-button {
    103     margin: 0;
    104 }
    105 
    106 input[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. */
    111 keygen,
    112 select,
    113 select[size="0"],
    114 select[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 */
    121 option {
    122     font: inherit !important;
    123 }
    124 
    125 textarea {
    126   font-family: monospace;
    127 }
    128