| 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 margin: 0; | 9 margin: 0; |
| 9 overflow: hidden; | 10 overflow: hidden; |
| 10 padding: 0; | 11 padding: 0; |
| 11 } | 12 } |
| 12 | 13 |
| 13 a { | 14 a { |
| 14 display: block; | 15 display: block; |
| 15 } | 16 } |
| 16 | 17 |
| 17 a, | 18 a, |
| (...skipping 22 matching lines...) Expand all Loading... |
| 40 /* This align correctly for both LTR and RTL */ | 41 /* This align correctly for both LTR and RTL */ |
| 41 text-align: -webkit-auto; | 42 text-align: -webkit-auto; |
| 42 transition: opacity 1s; | 43 transition: opacity 1s; |
| 43 } | 44 } |
| 44 | 45 |
| 45 .mv-tile, | 46 .mv-tile, |
| 46 .mv-empty-tile { | 47 .mv-empty-tile { |
| 47 background: rgb(242,242,242); | 48 background: rgb(242,242,242); |
| 48 border: 1px solid transparent; | 49 border: 1px solid transparent; |
| 49 border-radius: 2px; | 50 border-radius: 2px; |
| 50 color: #323232; | |
| 51 display: inline-block; | 51 display: inline-block; |
| 52 font-family: arial, sans-serif; | 52 font-family: arial, sans-serif; |
| 53 font-size: 12px; | 53 font-size: 12px; |
| 54 height: calc(130px - 2px); | 54 height: calc(130px - 2px); |
| 55 line-height: 100%; | 55 line-height: 100%; |
| 56 margin: 0 8px; | 56 margin: 0 8px; |
| 57 opacity: 1; | 57 opacity: 1; |
| 58 outline: 0; | 58 outline: 0; |
| 59 overflow: hidden; | 59 overflow: hidden; |
| 60 position: relative; | 60 position: relative; |
| (...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 136 linear-gradient(to left, black, black, 100px, transparent); | 136 linear-gradient(to left, black, black, 100px, transparent); |
| 137 right: 31px; | 137 right: 31px; |
| 138 text-align: right; | 138 text-align: right; |
| 139 } | 139 } |
| 140 | 140 |
| 141 .mv-thumb { | 141 .mv-thumb { |
| 142 border: none; | 142 border: none; |
| 143 border-radius: 0; | 143 border-radius: 0; |
| 144 cursor: pointer; | 144 cursor: pointer; |
| 145 display: block; | 145 display: block; |
| 146 height: 90px; | 146 height: 94px; |
| 147 left: 3px; | 147 left: 3px; |
| 148 overflow: hidden; |
| 148 position: absolute; | 149 position: absolute; |
| 149 top: 31px; | 150 top: 31px; |
| 150 width: 148px; | 151 width: 148px; |
| 151 } | 152 } |
| 152 | 153 |
| 153 .mv-thumb img { | 154 .mv-thumb img { |
| 154 height: 94px; | 155 height: auto; |
| 155 width: 148px; | 156 min-height: 100%; |
| 157 width: 100%; |
| 156 } | 158 } |
| 157 | 159 |
| 158 .mv-thumb.failed-img { | 160 .mv-thumb.failed-img { |
| 159 background-color: #fff; | 161 background-color: #fff; |
| 160 height: 94px; | 162 height: 94px; |
| 161 width: 148px; | 163 width: 148px; |
| 162 } | 164 } |
| 163 | 165 |
| 164 /* | 166 /* |
| 165 We use ::after without content to provide an aditional element on top of | 167 We use ::after without content to provide an aditional element on top of |
| (...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 251 background-image: -webkit-image-set( | 253 background-image: -webkit-image-set( |
| 252 url(chrome-search://local-ntp/images/ntp_default_favicon.png) 1x, | 254 url(chrome-search://local-ntp/images/ntp_default_favicon.png) 1x, |
| 253 url(chrome-search://local-ntp/images/ntp_default_favicon.png@2x) 2x); | 255 url(chrome-search://local-ntp/images/ntp_default_favicon.png@2x) 2x); |
| 254 background-repeat: no-repeat; | 256 background-repeat: no-repeat; |
| 255 background-size: 16px 16px; | 257 background-size: 16px 16px; |
| 256 } | 258 } |
| 257 | 259 |
| 258 .mv-favicon.failed-favicon img { | 260 .mv-favicon.failed-favicon img { |
| 259 display: none; | 261 display: none; |
| 260 } | 262 } |
| OLD | NEW |