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