Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(316)

Side by Side Diff: chrome/browser/resources/local_ntp/local_ntp.css

Issue 786023002: Remove hard-coded font families in WebUI. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix the presubmit warnings. Created 6 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698