| 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 |