chrome/browser/resources/ntp_android/ntp_android.css

   1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
   2  * Use of this source code is governed by a BSD-style license that can be
   3  * found in the LICENSE file. */
   4
   5 html {
   6   height: 100%;
   7   width: 100%;
   8 }
   9
  10 body {
  11   -webkit-user-select: none;
  12   background: #fff;
  13   font-family: Droid Sans;
  14   margin: 0;
  15   padding: 0;
  16   padding-bottom: 44px;
  17   width: 100%;
  18 }
  19
  20 .welcome-to-chrome {
  21   background: url(images/welcome_thumb.png);
  22 }
  23
  24 .center-empty-container {
  25   -webkit-box-align: center;
  26   -webkit-box-orient: horizontal;
  27   -webkit-box-pack: center;
  28   display: -webkit-box;
  29   left: 0;
  30   position: absolute;
  31   top: 0;
  32   width: 100%;
  33 }
  34
  35 .center-empty-content {
  36   font-size: 14pt;
  37   width: 275px;
  38 }
  39
  40 .promo-action-target {
  41   -webkit-tap-highlight-color: transparent;
  42 }
  43
  44 .promo-message {
  45   font-family: Arial, sans-serif;
  46   font-size: 12pt;
  47   margin: 16px 24px;
  48   text-align: center;
  49 }
  50
  51 .promo-button {
  52   background: -webkit-gradient(
  53       linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1));
  54   border: 1px solid #ccc;
  55   border-radius: 5px;
  56   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08),
  57       inset 0 0 2px rgba(255, 255, 255, 0.6);
  58   font-size: 12pt;
  59   margin-left: auto;
  60   margin-right: auto;
  61   padding: 10px;
  62   text-align: center;
  63 }
  64
  65 .promo-button-active {
  66   -webkit-tap-highlight-color: transparent;
  67   background: rgba(51, 181, 229, 0.4);
  68 }
  69
  70 .promo-sync-graphic {
  71   background-image: -webkit-image-set(
  72       url('images/syncfographic_mdpi.png') 1x,
  73       url('images/syncfographic_hdpi.png') 1.5x,
  74       url('images/syncfographic_xhdpi.png') 2x);
  75   background-repeat: no-repeat;
  76   height: 130px;
  77 }
  78
  79 body[device='tablet'] .promo-sync-graphic {
  80   background-image: -webkit-image-set(
  81       url('images/syncfographic_sw600dp_mdpi.png') 1x,
  82       url('images/syncfographic_sw600dp_hdpi.png') 1.5x,
  83       url('images/syncfographic_sw600dp_xhdpi.png') 2x);
  84   background-repeat: no-repeat;
  85   height: 260px;
  86   zoom: 0.5;
  87 }