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 25px 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 #block-reason-message {
  68   font-size: 80%;
  69   margin-top: 5px;
  70 }
  71
  72 #feedback-link {
  73   font-size: 80%;
  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 }