chrome/browser/resources/contextual_search/promo.css

   1 /* Copyright 2014 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 @font-face {
   6   font-family: 'Roboto2';
   7   font-weight: 400;
   8   src: local('Roboto'), local('Roboto2-Regular'),
   9       url(/roboto.woff2) format('woff2'), url(/roboto.woff) format('woff');
  10 }
  11
  12 body {
  13   color: #414141;
  14   font-family: 'Roboto2', sans-serif;
  15   margin: 0;
  16 }
  17
  18 a {
  19   text-decoration: none;
  20 }
  21
  22 a.colored-link {
  23   color: rgb(66, 133, 244);
  24 }
  25
  26 #button-container {
  27   text-align: end;
  28   width: 100%;
  29 }
  30
  31 #container.hide {
  32   -webkit-transform: scale(0.95);
  33   -webkit-transition-duration: 218ms;
  34   -webkit-transition-property: opacity, -webkit-transform;
  35   opacity: 0;
  36 }
  37
  38 #description {
  39   font-size: 16px;
  40   line-height: 1.4em;
  41   margin: 24px 16px 4px 16px;
  42 }
  43
  44 /* Some properties below can be overridden in landscape orientation. */
  45 #heading {
  46   font-size: 24px;
  47   letter-spacing: 1px;
  48   margin-top: 0;
  49   text-align: center;
  50 }
  51 #header-image {
  52   height: 100px;
  53   margin: 0 auto 24px auto;
  54 }
  55 .portrait {
  56   display: block;
  57 }
  58 .landscape {
  59   display: none;
  60 }
  61
  62 /* Landscape */
  63 @media screen and (orientation:landscape) {
  64   #heading {
  65     padding-top: 16px;
  66   }
  67   #header-image {
  68     margin: 0 24px;
  69   }
  70   .portrait {
  71     display: none;
  72   }
  73   .landscape {
  74     display: block;
  75     float: left;
  76   }
  77   html[dir='rtl'] .landscape {
  78     float: right;
  79   }
  80 }
  81
  82 .label {
  83   display: inline-block;
  84   font-size: 14px;
  85   margin: 14px 0;
  86   /* We use a slightly different top-bottom padding because Roboto has a
  87      rendering bug which makes an extra padding to be rendered at the bottom of
  88      text. */
  89   padding: 17px 14px 13px 14px;
  90   white-space: nowrap;
  91 }
  92
  93 .label a {
  94   text-transform: uppercase;
  95 }
  96
  97 #optin-label {
  98   background: rgb(66, 133, 244);
  99   background-clip: padding-box;
 100   border-radius: 3px;
 101   margin-right: 24px;
 102 }
 103
 104 #optin-label a {
 105   color: white;
 106 }
 107
 108 #optout-label a {
 109   color: rgb(66, 133, 244);
 110 }