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: 5px 0 30px 0;
  32 }
  33
  34 a {
  35   color: rgb(17, 85, 204);
  36   text-decoration: none;
  37 }
  38
  39 .error-img {
  40   /* Can't access chrome:// urls from an untrusted renderer process, so embed
  41    * the resource manually. */
  42   -webkit-user-select: none;
  43   content: -webkit-image-set(
  44       url('../../app/theme/default_100_percent/common/error_managed_mode_blocked_page.png') 1x,
  45       url('../../app/theme/default_200_percent/common/error_managed_mode_blocked_page.png') 2x);
  46   margin-bottom: 15px;
  47   margin-top: 10px;
  48 }
  49
  50 .avatar-container {
  51   position: relative;
  52 }
  53
  54 .avatar-img {
  55   -webkit-user-select: none;
  56   border: 3px solid rgb(251, 251, 251);
  57   border-radius: 50%;
  58   margin-bottom: 5px;
  59   margin-top: 10px;
  60   position: relative;
  61 }
  62
  63 #content-top {
  64   margin: 20px 25px;
  65 }
  66
  67 button {
  68   -webkit-user-select: none;
  69   background-image: linear-gradient(rgb(246, 246, 246) 5%,
  70                                     rgb(239, 239, 239) 50%,
  71                                     rgb(221, 221, 221));
  72   border: 1px solid rgb(209, 209, 211);
  73   border-bottom: 1px solid rgb(193, 193, 195);
  74   border-radius: 2px;
  75   box-shadow: inset 0 1px 0 rgb(255, 255, 255);
  76   color: rgb(102, 102, 102);
  77   font-weight: bold;
  78   margin: 5px 0;
  79   padding: 8px 13px;
  80   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  81 }
  82
  83 #back-button {
  84   background-image: linear-gradient(rgb(84, 153, 244) 5%,
  85                                     rgb(82, 148, 242) 50%,
  86                                     rgb(75, 133, 241));
  87   border: 1px solid rgb(81, 135, 223);
  88   border-bottom: 1px solid rgb(56, 112, 207);
  89   box-shadow: inset 0 1px 0 rgb(95, 168, 247);
  90   color: rgb(255, 255, 255);
  91   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  92 }
  93
  94 @media (min-width: 376px) {
  95   #back-button {
  96     width: 100px;
  97   }
  98 }
  99
 100 @media (max-width: 375px) {
 101   button {
 102     width: 100%;
 103   }
 104 }