| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright 2015 The Chromium Authors. All rights reserved. | 2 * Copyright 2015 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 .list-item { | 7 .list-item { |
| 8 padding: 3px 8px 3px 20px; | 8 padding: 3px 8px 3px 20px; |
| 9 position: relative; | 9 position: relative; |
| 10 min-height: 18px; | 10 min-height: 18px; |
| (...skipping 17 matching lines...) Expand all Loading... |
| 28 .list-item > .title, | 28 .list-item > .title, |
| 29 .list-item > .subtitle { | 29 .list-item > .subtitle { |
| 30 text-overflow: ellipsis; | 30 text-overflow: ellipsis; |
| 31 overflow: hidden; | 31 overflow: hidden; |
| 32 white-space: nowrap; | 32 white-space: nowrap; |
| 33 } | 33 } |
| 34 | 34 |
| 35 .list-item > .subtitle { | 35 .list-item > .subtitle { |
| 36 color: #888; | 36 color: #888; |
| 37 margin-left: auto; | 37 margin-left: auto; |
| 38 padding-left: 10px; | 38 padding: 0 10px 0 10px; |
| 39 } | 39 } |
| 40 | 40 |
| 41 .list-item > .subtitle a { | 41 .list-item > .subtitle a { |
| 42 color: inherit; | 42 color: inherit; |
| 43 } | 43 } |
| 44 | 44 |
| 45 .list-item.label::before { | 45 .list-item.label::before { |
| 46 content: " "; | 46 content: " "; |
| 47 width: 100%; | 47 width: 100%; |
| 48 border-top: 1px solid #d8d8d8; | 48 border-top: 1px solid #d8d8d8; |
| 49 margin-top: 8px; | 49 margin-top: 8px; |
| 50 position: absolute; | 50 position: absolute; |
| 51 z-index: -1; | 51 z-index: -1; |
| 52 left: 0; | 52 left: 0; |
| 53 } | 53 } |
| 54 | 54 |
| 55 .list-item.label .title { | 55 .list-item.label .title { |
| 56 font-weight: bold; | 56 font-weight: bold; |
| 57 color: #999; | 57 color: #999; |
| 58 background-color: white; | 58 background-color: white; |
| 59 margin-left: -5px; | 59 margin-left: -5px; |
| 60 padding: 0 5px; | 60 padding: 0 5px; |
| 61 } | 61 } |
| 62 | 62 |
| 63 .list-item.dimmed { | 63 .list-item.dimmed-item div { |
| 64 opacity: 0.6; | 64 opacity: 0.6; |
| 65 font-style: italic; | 65 font-style: italic; |
| 66 } | 66 } |
| 67 | 67 |
| 68 .list-item.selected::before { | 68 .list-item.selected::before { |
| 69 background-image: url(Images/smallIcons.png); | 69 background-image: url(Images/smallIcons.png); |
| 70 background-size: 190px 30px; | 70 background-size: 190px 30px; |
| 71 background-position: -180px 0; | 71 background-position: -180px 0; |
| 72 content: ""; | 72 content: ""; |
| 73 position: absolute; | 73 position: absolute; |
| 74 top: 5px; | 74 top: 5px; |
| 75 left: 4px; | 75 left: 4px; |
| 76 width: 10px; | 76 width: 10px; |
| 77 height: 10px; | 77 height: 10px; |
| 78 } | 78 } |
| 79 | 79 |
| 80 .list-item.dimmed-item .action { |
| 81 opacity: 1; |
| 82 font-style: initial; |
| 83 } |
| 84 |
| 85 .list-item .action-link { |
| 86 color: rgb(48, 57, 66); |
| 87 text-decoration: underline; |
| 88 cursor: pointer; |
| 89 } |
| 90 |
| 91 .list-item:hover .action-link { |
| 92 color: rgb(17, 85, 204); |
| 93 } |
| 94 |
| 80 @media (-webkit-min-device-pixel-ratio: 1.1) { | 95 @media (-webkit-min-device-pixel-ratio: 1.1) { |
| 81 .list-item.selected::before { | 96 .list-item.selected::before { |
| 82 background-image: url(Images/smallIcons_2x.png); | 97 background-image: url(Images/smallIcons_2x.png); |
| 83 } | 98 } |
| 84 } /* media */ | 99 } /* media */ |
| OLD | NEW |