components/data_reduction_proxy/content/resources/interstitial.css

   1 /* Copyright 2015 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 body {
   6   background-color: rgb(206, 52, 38);
   7   font-size: 125%;
   8 }
   9
  10 button {
  11   background-color: rgb(206, 52, 38);
  12   border: 1px solid white;
  13   box-sizing: border-box;
  14   color: #fff;
  15   cursor: pointer;
  16   float: right;
  17   font-size: .875em;
  18   height: 36px;
  19   margin: -6px 0 0;
  20   padding: 8px 24px;
  21   transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
  22   width: 48%;
  23 }
  24
  25 [dir='rtl'] button {
  26   float: left;
  27 }
  28
  29 button:active {
  30   background-color: rgb(206, 52, 38);
  31   border-color: rgba(255, 255, 255, .6);
  32 }
  33
  34 button:hover {
  35   box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
  36 }
  37
  38 h1 {
  39   -webkit-margin-after: 16px;
  40   color: white;
  41   font-size: 1.6em;
  42   font-weight: normal;
  43   line-height: 1.25em;
  44 }
  45
  46 .icon {
  47   background-image: -webkit-image-set(
  48       url(images/1x/stop_sign.png) 1x,
  49       url(images/2x/stop_sign.png) 2x);
  50   background-repeat: no-repeat;
  51   background-size: 100%;
  52   height: 72px;
  53   margin: 0 0 40px;
  54   width: 72px;
  55 }
  56
  57 .interstitial-wrapper {
  58   box-sizing: border-box;
  59   font-size: 1em;
  60   line-height: 1.6em;
  61   margin: 100px auto 0;
  62   max-width: 600px;
  63   width: 100%;
  64 }
  65
  66 .nav-wrapper {
  67   margin-top: 51px;
  68 }
  69
  70 .nav-wrapper::after {
  71   clear: both;
  72   content: '';
  73   display: table;
  74   width: 100%;
  75 }
  76
  77 p {
  78   color: white;
  79 }
  80
  81 #primary-button {
  82   background-color: white;
  83   color: rgb(206, 52, 38);
  84   float: left;
  85 }
  86
  87 @media (max-width: 700px) {
  88   .interstitial-wrapper {
  89     padding: 0 10%;
  90   }
  91 }
  92
  93 @media (max-height: 600px) {
  94   .interstitial-wrapper {
  95     margin-top: 13%;
  96   }
  97 }
  98
  99 @media (max-width: 400px) {
 100   button,
 101   [dir='rtl'] button {
 102     font-size: 1em;
 103   }
 104
 105   .interstitial-wrapper {
 106     padding: 0 5%;
 107   }
 108
 109   .nav-wrapper {
 110     margin-top: 30px;
 111   }
 112 }