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