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     padding: 1px 6px;

    82 }

    83 

    84 /* Windows selects are not rounded. Custom borders for them shouldn't be either. */

    85 keygen, 

    86 select, 

    87 select[size="0"],

    88 select[size="1"] {

    89     -webkit-border-radius: 0;

    90 }

    91 

    92 /* Option font must be inherited because we depend on computing the size of the

    93    <select> based on the size of the options, and they must use the same font

    94    for that computation to be correct */

    95 option {

    96     font: inherit !important;

    97 }

    98 

    99 textarea {

   100   font-family: monospace;

   101 }