| OLD | NEW |
| 1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright 2013 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 |
| 5 /* TODO: Need to discuss with NTP folks before we remove font-family from the |
| 6 * body tag. */ |
| 4 body { | 7 body { |
| 5 background-attachment: fixed !important; | 8 background-attachment: fixed !important; |
| 6 background-color: white; | 9 background-color: white; |
| 7 cursor: default; | 10 cursor: default; |
| 8 font-family: arial, sans-serif; | 11 font-family: arial, sans-serif; |
| 9 font-size: small; | 12 font-size: small; |
| 10 margin: 0; | 13 margin: 0; |
| 11 overflow-x: hidden; | 14 overflow-x: hidden; |
| 12 } | 15 } |
| 13 | 16 |
| (...skipping 15 matching lines...) Expand all Loading... |
| 29 body.fakebox-disable #fakebox { | 32 body.fakebox-disable #fakebox { |
| 30 border-color: rgb(238, 238, 238); | 33 border-color: rgb(238, 238, 238); |
| 31 cursor: default; | 34 cursor: default; |
| 32 } | 35 } |
| 33 | 36 |
| 34 body.fakebox-disable #fakebox > input { | 37 body.fakebox-disable #fakebox > input { |
| 35 cursor: default; | 38 cursor: default; |
| 36 } | 39 } |
| 37 | 40 |
| 38 #logo { | 41 #logo { |
| 39 background-image: url('images/google_logo.png@2x'); | 42 background-image: url(images/google_logo.png@2x); |
| 40 background-repeat: no-repeat; | 43 background-repeat: no-repeat; |
| 41 background-size: 269px 95px; | 44 background-size: 269px 95px; |
| 42 height: 95px; | 45 height: 95px; |
| 43 margin-bottom: 24px; | 46 margin-bottom: 24px; |
| 44 margin-top: 157px; | 47 margin-top: 157px; |
| 45 width: 269px; | 48 width: 269px; |
| 46 } | 49 } |
| 47 | 50 |
| 48 body.alternate-logo #logo { | 51 body.alternate-logo #logo { |
| 49 -webkit-mask-image: url('images/google_logo.png@2x'); | 52 -webkit-mask-image: url(images/google_logo.png@2x); |
| 50 -webkit-mask-repeat: no-repeat; | 53 -webkit-mask-repeat: no-repeat; |
| 51 -webkit-mask-size: 100%; | 54 -webkit-mask-size: 100%; |
| 52 background: #eee; | 55 background: #eee; |
| 53 } | 56 } |
| 54 | 57 |
| 55 #fakebox { | 58 #fakebox { |
| 56 /* Use GPU compositing if available. */ | 59 /* Use GPU compositing if available. */ |
| 57 -webkit-transform: translate3d(0, 0, 0); | 60 -webkit-transform: translate3d(0, 0, 0); |
| 58 -webkit-transition: -webkit-transform 100ms linear, border-color 100ms linear; | 61 -webkit-transition: -webkit-transform 100ms linear, border-color 100ms linear; |
| 59 background-color: #fff; | 62 background-color: #fff; |
| (...skipping 400 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 460 cursor: pointer; | 463 cursor: pointer; |
| 461 } | 464 } |
| 462 | 465 |
| 463 .mv-page .mv-x { | 466 .mv-page .mv-x { |
| 464 -webkit-transition: opacity 150ms; | 467 -webkit-transition: opacity 150ms; |
| 465 opacity: 0; | 468 opacity: 0; |
| 466 position: absolute; | 469 position: absolute; |
| 467 } | 470 } |
| 468 | 471 |
| 469 .des-cla .mv-x { | 472 .des-cla .mv-x { |
| 470 background-image: url('images/close_2.png'); | 473 background-image: url(images/close_2.png); |
| 471 height: 16px; | 474 height: 16px; |
| 472 width: 16px; | 475 width: 16px; |
| 473 } | 476 } |
| 474 | 477 |
| 475 .des-cla .mv-x:hover, | 478 .des-cla .mv-x:hover, |
| 476 .des-cla #mv-notice-x:focus { | 479 .des-cla #mv-notice-x:focus { |
| 477 background-image: url('images/close_2_hover.png'); | 480 background-image: url(images/close_2_hover.png); |
| 478 } | 481 } |
| 479 | 482 |
| 480 .des-cla .mv-x:active, | 483 .des-cla .mv-x:active, |
| 481 .des-cla #mv-notice-x:active { | 484 .des-cla #mv-notice-x:active { |
| 482 background-image: url('images/close_2_active.png'); | 485 background-image: url(images/close_2_active.png); |
| 483 } | 486 } |
| 484 | 487 |
| 485 .des-cla .mv-page .mv-x { | 488 .des-cla .mv-page .mv-x { |
| 486 right: 2px; | 489 right: 2px; |
| 487 top: 2px; | 490 top: 2px; |
| 488 } | 491 } |
| 489 | 492 |
| 490 html[dir=rtl] .des-cla .mv-page .mv-x { | 493 html[dir=rtl] .des-cla .mv-page .mv-x { |
| 491 left: 2px; | 494 left: 2px; |
| 492 right: auto; | 495 right: auto; |
| 493 } | 496 } |
| 494 | 497 |
| 495 #mv-notice-x { | 498 #mv-notice-x { |
| 496 display: inline-block; | 499 display: inline-block; |
| 497 position: relative; | 500 position: relative; |
| 498 } | 501 } |
| 499 | 502 |
| 500 .des-mat #mv-notice-x { | 503 .des-mat #mv-notice-x { |
| 501 -webkit-transform: translate(0,-8px); | 504 -webkit-transform: translate(0,-8px); |
| 502 } | 505 } |
| 503 | 506 |
| 504 .des-mat .mv-x { | 507 .des-mat .mv-x { |
| 505 border-radius: 2px; | 508 border-radius: 2px; |
| 506 height: 32px; | 509 height: 32px; |
| 507 width: 32px; | 510 width: 32px; |
| 508 } | 511 } |
| 509 | 512 |
| 510 .des-mat .mv-x .mv-x-inner { | 513 .des-mat .mv-x .mv-x-inner { |
| 511 -webkit-mask-image: -webkit-image-set( | 514 -webkit-mask-image: -webkit-image-set( |
| 512 url('images/close_3_mask.png') 1x, | 515 url(images/close_3_mask.png) 1x, |
| 513 url('images/close_3_mask.png@2x') 2x); | 516 url(images/close_3_mask.png@2x) 2x); |
| 514 -webkit-mask-repeat: no-repeat; | 517 -webkit-mask-repeat: no-repeat; |
| 515 -webkit-mask-size: 10px 10px; | 518 -webkit-mask-size: 10px 10px; |
| 516 background-color: rgba(90,90,90,0.7); | 519 background-color: rgba(90,90,90,0.7); |
| 517 height: 10px; | 520 height: 10px; |
| 518 left: 50%; | 521 left: 50%; |
| 519 margin-left: -5px; | 522 margin-left: -5px; |
| 520 margin-top: -5px; | 523 margin-top: -5px; |
| 521 position: absolute; | 524 position: absolute; |
| 522 top: 50%; | 525 top: 50%; |
| 523 width: 10px; | 526 width: 10px; |
| (...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 599 } | 602 } |
| 600 | 603 |
| 601 html[dir=rtl] .des-mat .mv-favicon { | 604 html[dir=rtl] .des-mat .mv-favicon { |
| 602 left: auto; | 605 left: auto; |
| 603 right: 8px; | 606 right: 8px; |
| 604 top: 8px; | 607 top: 8px; |
| 605 } | 608 } |
| 606 | 609 |
| 607 .des-mat .mv-favicon-fallback { | 610 .des-mat .mv-favicon-fallback { |
| 608 background-image: -webkit-image-set( | 611 background-image: -webkit-image-set( |
| 609 url('images/ntp_default_favicon.png') 1x, | 612 url(images/ntp_default_favicon.png) 1x, |
| 610 url('images/ntp_default_favicon.png@2x') 2x); | 613 url(images/ntp_default_favicon.png@2x) 2x); |
| 611 background-repeat: no-repeat; | 614 background-repeat: no-repeat; |
| 612 background-size: 16px 16px; | 615 background-size: 16px 16px; |
| 613 } | 616 } |
| 614 | 617 |
| 615 /* The notification shown when a tile is blacklisted. */ | 618 /* The notification shown when a tile is blacklisted. */ |
| 616 #mv-notice { | 619 #mv-notice { |
| 617 font-size: 12px; | 620 font-size: 12px; |
| 618 font-weight: bold; | 621 font-weight: bold; |
| 619 opacity: 1; | 622 opacity: 1; |
| 620 padding: 10px 0; | 623 padding: 10px 0; |
| (...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 696 opacity: 0.9; | 699 opacity: 0.9; |
| 697 padding: 3px; | 700 padding: 3px; |
| 698 position: fixed; | 701 position: fixed; |
| 699 right: 8px; | 702 right: 8px; |
| 700 } | 703 } |
| 701 | 704 |
| 702 html[dir=rtl] #attribution,html[dir=rtl] #recent-tabs { | 705 html[dir=rtl] #attribution,html[dir=rtl] #recent-tabs { |
| 703 left: 8px; | 706 left: 8px; |
| 704 right: auto; | 707 right: auto; |
| 705 } | 708 } |
| OLD | NEW |