src/chrome/browser/resources/supervised_user_block_interstitial.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 body {
   5   background-color: rgb(230, 230, 230);
   6   font-family: Helvetica, Arial, sans-serif;
   7   font-size: 10pt;
   8   margin: 50px 40px 20px 40px;
   9   text-align: center;
  10 }
  11
  12 #main-frame-blocked {
  13   margin: auto;
  14   max-width: 540px;
  15   min-width: 200px;
  16 }
  17
  18 #box {
  19   background-color: rgb(251, 251, 251);
  20   border: 1px solid rgb(170, 170, 170);
  21   border-bottom: 1px solid rgb(136, 136, 136);
  22   border-radius: 3px;
  23   box-shadow: 0 2px 2px rgb(170, 170, 170);
  24   color: black;
  25 }
  26
  27 h1 {
  28   color: rgb(102, 102, 102);
  29   font-size: 1.3em;
  30   font-weight: normal;
  31   margin: 10px 0 30px 0;
  32 }
  33
  34 #request-sent-message {
  35   margin-top: 40px;
  36 }
  37
  38 a {
  39   color: rgb(17, 85, 204);
  40   text-decoration: none;
  41 }
  42
  43 .error-img {
  44   /* Can't access chrome:// urls from an untrusted renderer process, so embed
  45    * the resource manually. */
  46   -webkit-user-select: none;
  47   content: -webkit-image-set(
  48       url('../../app/theme/default_100_percent/common/error_managed_mode_blocked_page.png') 1x,
  49       url('../../app/theme/default_200_percent/common/error_managed_mode_blocked_page.png') 2x);
  50   margin-bottom: 10px;
  51   margin-top: 10px;
  52 }
  53
  54 #content-top {
  55   margin: 20px 25px;
  56 }
  57
  58 button {
  59   -webkit-user-select: none;
  60   background-image: linear-gradient(rgb(246, 246, 246) 5%,
  61                                     rgb(239, 239, 239) 50%,
  62                                     rgb(221, 221, 221));
  63   border: 1px solid rgb(209, 209, 211);
  64   border-bottom: 1px solid rgb(193, 193, 195);
  65   border-radius: 2px;
  66   box-shadow: inset 0 1px 0 rgb(255, 255, 255);
  67   color: rgb(102, 102, 102);
  68   font-weight: bold;
  69   margin: 5px 0;
  70   padding: 8px 13px;
  71   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  72 }
  73
  74 #back-button {
  75   background-image: linear-gradient(rgb(84, 153, 244) 5%,
  76                                     rgb(82, 148, 242) 50%,
  77                                     rgb(75, 133, 241));
  78   border: 1px solid rgb(81, 135, 223);
  79   border-bottom: 1px solid rgb(56, 112, 207);
  80   box-shadow: inset 0 1px 0 rgb(95, 168, 247);
  81   color: rgb(255, 255, 255);
  82   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  83 }
  84
  85 @media (min-width: 376px) {
  86   #back-button {
  87     width: 100px;
  88   }
  89 }
  90
  91 @media (max-width: 375px) {
  92   button {
  93     width: 100%;
  94   }
  95 }