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 |