OLD | NEW |
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 * | 4 * |
5 * This is the generic select css used on various WebUI implementations. | 5 * This is the generic select css used on various WebUI implementations. |
6 */ | 6 */ |
7 | 7 |
8 select { | 8 select { |
9 -webkit-appearance: button; | 9 -webkit-appearance: button; |
10 -webkit-border-radius: 3px; | 10 -webkit-border-radius: 3px; |
11 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | 11 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); |
12 -webkit-padding-end: 20px; | 12 -webkit-padding-end: 20px; |
13 -webkit-padding-start: 8px; | 13 -webkit-padding-start: 8px; |
14 -webkit-user-select: none; | 14 -webkit-user-select: none; |
15 background-image: url("../images/select.png"), | 15 background-image: url("../images/select.png"), |
16 -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5); | 16 -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5); |
17 background-position: center right; | 17 background-position: center right; |
18 background-repeat: no-repeat; | 18 background-repeat: no-repeat; |
19 border: 1px solid #aaa; | 19 border: 1px solid #aaa; |
20 color: #555; | 20 color: #555; |
21 font-size: inherit; | 21 font: inherit; |
22 margin: 0; | 22 margin: 0; |
23 overflow: hidden; | 23 overflow: hidden; |
24 padding-top: 2px; | 24 padding-top: 2px; |
25 padding-bottom: 2px; | 25 padding-bottom: 2px; |
26 text-overflow: ellipsis; | 26 text-overflow: ellipsis; |
27 white-space: nowrap; | 27 white-space: nowrap; |
28 } | 28 } |
29 | 29 |
30 html[dir='rtl'] select { | 30 html[dir='rtl'] select { |
31 background-position: center left; | 31 background-position: center left; |
(...skipping 11 matching lines...) Expand all Loading... |
43 -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9); | 43 -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9); |
44 color: #333; | 44 color: #333; |
45 } | 45 } |
46 | 46 |
47 select:enabled:active { | 47 select:enabled:active { |
48 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); | 48 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); |
49 background-image: url("../images/select.png"), | 49 background-image: url("../images/select.png"), |
50 -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc); | 50 -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc); |
51 color: #444; | 51 color: #444; |
52 } | 52 } |
OLD | NEW |