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 |