| 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 222 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 233 .icon-ntp .mv-thumb, | 233 .icon-ntp .mv-thumb, |
| 234 .icon-ntp .mv-thumb-fallback { | 234 .icon-ntp .mv-thumb-fallback { |
| 235 background: transparent; | 235 background: transparent; |
| 236 height: 48px; | 236 height: 48px; |
| 237 left: 50%; | 237 left: 50%; |
| 238 margin-left: -24px; | 238 margin-left: -24px; |
| 239 top: 18px; | 239 top: 18px; |
| 240 width: 48px; | 240 width: 48px; |
| 241 } | 241 } |
| 242 | 242 |
| 243 /* | 243 /* We use ::after without content to provide an aditional element on top of the |
| 244 We use ::after without content to provide an aditional element on top of | 244 * thumbnail. */ |
| 245 the thumbnail. | |
| 246 */ | |
| 247 .mv-thumb.failed-img::after { | 245 .mv-thumb.failed-img::after { |
| 248 border: 8px solid #f2f2f2; | 246 border: 8px solid #f2f2f2; |
| 249 border-radius: 50%; | 247 border-radius: 50%; |
| 250 content: ''; | 248 content: ''; |
| 251 display: block; | 249 display: block; |
| 252 height: 0; | 250 height: 0; |
| 253 margin: 39px 66px; | 251 margin: 39px 66px; |
| 254 width: 0; | 252 width: 0; |
| 255 } | 253 } |
| 256 | 254 |
| (...skipping 13 matching lines...) Expand all Loading... |
| 270 } | 268 } |
| 271 | 269 |
| 272 .icon-ntp .mv-x { | 270 .icon-ntp .mv-x { |
| 273 background: none; | 271 background: none; |
| 274 height: 16px; | 272 height: 16px; |
| 275 right: 10px; | 273 right: 10px; |
| 276 top: 10px; | 274 top: 10px; |
| 277 width: 16px; | 275 width: 16px; |
| 278 } | 276 } |
| 279 | 277 |
| 280 /* | 278 /* We use ::after without content to provide the masked X element. The "bottom" |
| 281 We use ::after without content to provide the masked X element. | 279 * div is actually just the gradient. */ |
| 282 The "bottom" div is actually just the gradient. | |
| 283 */ | |
| 284 .mv-x::after { | 280 .mv-x::after { |
| 285 -webkit-mask-image: -webkit-image-set( | 281 -webkit-mask-image: -webkit-image-set( |
| 286 url(chrome-search://local-ntp/images/close_3_mask.png) 1x, | 282 url(chrome-search://local-ntp/images/close_3_mask.png) 1x, |
| 287 url(chrome-search://local-ntp/images/close_3_mask.png@2x) 2x); | 283 url(chrome-search://local-ntp/images/close_3_mask.png@2x) 2x); |
| 288 -webkit-mask-position: 12px 10px; | 284 -webkit-mask-position: 12px 10px; |
| 289 -webkit-mask-repeat: no-repeat; | 285 -webkit-mask-repeat: no-repeat; |
| 290 -webkit-mask-size: 10px 10px; | 286 -webkit-mask-size: 10px 10px; |
| 291 background-color: rgba(90,90,90,0.7); | 287 background-color: rgba(90,90,90,0.7); |
| 292 content: ''; | 288 content: ''; |
| 293 display: block; | 289 display: block; |
| (...skipping 80 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 374 } | 370 } |
| 375 | 371 |
| 376 .mv-favicon img { | 372 .mv-favicon img { |
| 377 height: 100%; | 373 height: 100%; |
| 378 width: 100%; | 374 width: 100%; |
| 379 } | 375 } |
| 380 | 376 |
| 381 .mv-favicon.failed-favicon img { | 377 .mv-favicon.failed-favicon img { |
| 382 display: none; | 378 display: none; |
| 383 } | 379 } |
| OLD | NEW |