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-size: 10pt;
   7   margin: 50px 40px 20px 40px;
   8   text-align: center;
   9 }
  10
  11 #main-frame-blocked {
  12   margin: auto;
  13   max-width: 540px;
  14   min-width: 200px;
  15 }
  16
  17 #box {
  18   background-color: rgb(251, 251, 251);
  19   border: 1px solid rgb(170, 170, 170);
  20   border-bottom: 1px solid rgb(136, 136, 136);
  21   border-radius: 3px;
  22   box-shadow: 0 2px 2px rgb(170, 170, 170);
  23   color: black;
  24 }
  25
  26 h1 {
  27   color: rgb(102, 102, 102);
  28   font-size: 1.3em;
  29   font-weight: normal;
  30   margin: 5px 0 25px 0;
  31 }
  32
  33 a {
  34   color: rgb(17, 85, 204);
  35   text-decoration: none;
  36 }
  37
  38 #error-img {
  39   /* Can't access chrome:// urls from an untrusted renderer process, so embed
  40    * the resource manually. */
  41   -webkit-user-select: none;
  42   content: -webkit-image-set(
  43       url(../../app/theme/default_100_percent/common/error_managed_mode_blocked_page.png) 1x,
  44       url(../../app/theme/default_200_percent/common/error_managed_mode_blocked_page.png) 2x);
  45   margin-bottom: 15px;
  46   margin-top: 10px;
  47 }
  48
  49 #avatar-container {
  50   position: relative;
  51 }
  52
  53 .avatar-img {
  54   -webkit-user-select: none;
  55   border: 3px solid rgb(251, 251, 251);
  56   border-radius: 50%;
  57   margin-bottom: 5px;
  58   margin-top: 10px;
  59   position: relative;
  60 }
  61
  62 #content-top {
  63   margin: 20px 25px;
  64 }
  65
  66 #block-reason-message {
  67   font-size: 80%;
  68   margin-top: 5px;
  69 }
  70
  71 #feedback-link {
  72   font-size: 80%;
  73   margin-top: 10px;
  74 }
  75
  76 button {
  77   -webkit-user-select: none;
  78   background-image: linear-gradient(rgb(246, 246, 246) 5%,
  79                                     rgb(239, 239, 239) 50%,
  80                                     rgb(221, 221, 221));
  81   border: 1px solid rgb(209, 209, 211);
  82   border-bottom: 1px solid rgb(193, 193, 195);
  83   border-radius: 2px;
  84   box-shadow: inset 0 1px 0 rgb(255, 255, 255);
  85   color: rgb(102, 102, 102);
  86   font-weight: bold;
  87   margin: 5px 3px;
  88   padding: 8px 13px;
  89   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  90 }
  91
  92 @media (min-width: 376px) {
  93   #back-button {
  94     width: 100px;
  95   }
  96 }
  97
  98 @media (max-width: 375px) {
  99   #button-container {
 100     display: flex;
 101     flex-flow: column;
 102   }
 103
 104   #back-button {
 105     order: 2;
 106   }
 107
 108   #request-access-button {
 109     order: 1;
 110   }
 111
 112   button {
 113     width: 100%;
 114   }
 115 }