OLD | NEW |
1 /* Copyright (c) 2012 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 | 4 |
5 .handlers-column-headers { | 5 .handlers-column-headers { |
6 display: -webkit-box; | 6 display: -webkit-box; |
7 font-size: 13px; | 7 font-size: 13px; |
8 font-weight: bold; | 8 font-weight: bold; |
9 } | 9 } |
10 | 10 |
11 .handlers-type-column { | 11 .handlers-type-column { |
12 -webkit-margin-end: 10px; | 12 -webkit-margin-end: 10px; |
13 -webkit-margin-start: 14px; | 13 -webkit-margin-start: 14px; |
14 width: 100px; | 14 width: 100px; |
15 } | 15 } |
16 | 16 |
17 .handlers-site-column { | 17 .handlers-site-column { |
18 max-width: 180px; | 18 max-width: 180px; |
19 } | 19 } |
20 | 20 |
21 .handlers-site-column select { | 21 .handlers-site-column select { |
22 max-width: 170px; | 22 max-width: 170px; |
23 } | 23 } |
24 | 24 |
25 .handlers-remove-column { | 25 .handlers-remove-column { |
26 -webkit-box-flex: 1; | 26 -webkit-box-flex: 1; |
27 } | 27 } |
28 | 28 |
29 .handlers-remove-link { | 29 .handlers-remove-link { |
30 -webkit-transition: 150ms opacity; | |
31 color: #555; | 30 color: #555; |
32 cursor: pointer; | 31 cursor: pointer; |
33 opacity: 0; | 32 opacity: 0; |
34 padding-left: 14px; | 33 padding-left: 14px; |
35 text-decoration: underline; | 34 text-decoration: underline; |
| 35 transition: 150ms opacity; |
36 } | 36 } |
37 | 37 |
38 div > .handlers-remove-column { | 38 div > .handlers-remove-column { |
39 opacity: 0; | 39 opacity: 0; |
40 } | 40 } |
41 | 41 |
42 div:not(.none):hover > .handlers-remove-column { | 42 div:not(.none):hover > .handlers-remove-column { |
43 opacity: 1; | 43 opacity: 1; |
44 } | 44 } |
45 | 45 |
46 #handlers { | 46 #handlers { |
47 min-height: 250px; | 47 min-height: 250px; |
48 } | 48 } |
49 | 49 |
50 #handler-options list { | 50 #handler-options list { |
51 border: solid 1px #D9D9D9; | 51 border: solid 1px #D9D9D9; |
52 border-radius: 2px; | 52 border-radius: 2px; |
53 margin-bottom: 10px; | 53 margin-bottom: 10px; |
54 margin-top: 4px; | 54 margin-top: 4px; |
55 } | 55 } |
OLD | NEW |