| OLD | NEW |
| 1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 2015 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 body { | 5 body { |
| 6 -webkit-user-select: none; | 6 -webkit-user-select: none; |
| 7 background: none transparent; | 7 background: none transparent; |
| 8 color: #323232; | 8 color: #323232; |
| 9 margin: 0; | 9 margin: 0; |
| 10 overflow: hidden; | 10 overflow: hidden; |
| (...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 72 border: 1px solid transparent; | 72 border: 1px solid transparent; |
| 73 border-radius: 2px; | 73 border-radius: 2px; |
| 74 height: calc(130px - 2px); | 74 height: calc(130px - 2px); |
| 75 line-height: 100%; | 75 line-height: 100%; |
| 76 margin: 0 8px; | 76 margin: 0 8px; |
| 77 width: calc(156px - 2px); | 77 width: calc(156px - 2px); |
| 78 } | 78 } |
| 79 | 79 |
| 80 .mv-tile { | 80 .mv-tile { |
| 81 -webkit-transition-duration: 200ms; | 81 -webkit-transition-duration: 200ms; |
| 82 -webkit-transition-property: -webkit-transform, border, | 82 -webkit-transition-property: transform, border, |
| 83 box-shadow, margin, opacity, width; | 83 box-shadow, margin, opacity, width; |
| 84 cursor: pointer; | 84 cursor: pointer; |
| 85 } | 85 } |
| 86 | 86 |
| 87 .thumb-ntp .mv-tile:focus:not(:hover) { | 87 .thumb-ntp .mv-tile:focus:not(:hover) { |
| 88 -webkit-filter: brightness(75%); | 88 -webkit-filter: brightness(75%); |
| 89 box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.2); | 89 box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.2); |
| 90 } | 90 } |
| 91 | 91 |
| 92 .mv-tile.blacklisted { | 92 .mv-tile.blacklisted { |
| 93 -webkit-transform: scale(0, 0); | |
| 94 border: none !important; | 93 border: none !important; |
| 95 margin: 0; | 94 margin: 0; |
| 95 transform: scale(0, 0); |
| 96 width: 0; | 96 width: 0; |
| 97 } | 97 } |
| 98 | 98 |
| 99 .thumb-ntp .mv-tile:hover { | 99 .thumb-ntp .mv-tile:hover { |
| 100 box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.2); | 100 box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.2); |
| 101 } | 101 } |
| 102 | 102 |
| 103 .mv-tile.mv-blacklist { | 103 .mv-tile.mv-blacklist { |
| 104 opacity: 0; | 104 opacity: 0; |
| 105 } | 105 } |
| 106 | 106 |
| 107 .mv-tile.mv-blacklist { | 107 .mv-tile.mv-blacklist { |
| 108 -webkit-transform: scale(0, 0); | |
| 109 -webkit-transform-origin: 0 41px; | |
| 110 margin-left: 0; | 108 margin-left: 0; |
| 111 margin-right: 0; | 109 margin-right: 0; |
| 110 transform: scale(0, 0); |
| 111 transform-origin: 0 41px; |
| 112 width: 0; | 112 width: 0; |
| 113 } | 113 } |
| 114 | 114 |
| 115 .mv-title { | 115 .mv-title { |
| 116 border: none; | 116 border: none; |
| 117 overflow: hidden; | 117 overflow: hidden; |
| 118 position: absolute; | 118 position: absolute; |
| 119 text-overflow: clip; | 119 text-overflow: clip; |
| 120 } | 120 } |
| 121 | 121 |
| (...skipping 171 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 293 } | 293 } |
| 294 | 294 |
| 295 .mv-favicon img { | 295 .mv-favicon img { |
| 296 height: 100%; | 296 height: 100%; |
| 297 width: 100%; | 297 width: 100%; |
| 298 } | 298 } |
| 299 | 299 |
| 300 .mv-favicon.failed-favicon img { | 300 .mv-favicon.failed-favicon img { |
| 301 display: none; | 301 display: none; |
| 302 } | 302 } |
| OLD | NEW |