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 }
  74
  75 button {
  76   -webkit-user-select: none;
  77   background-image: linear-gradient(rgb(246, 246, 246) 5%,
  78                                     rgb(239, 239, 239) 50%,
  79                                     rgb(221, 221, 221));
  80   border: 1px solid rgb(209, 209, 211);
  81   border-bottom: 1px solid rgb(193, 193, 195);
  82   border-radius: 2px;
  83   box-shadow: inset 0 1px 0 rgb(255, 255, 255);
  84   color: rgb(102, 102, 102);
  85   font-weight: bold;
  86   margin: 5px 3px;
  87   padding: 8px 13px;
  88   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  89 }
  90
  91 @media (min-width: 376px) {
  92   #back-button {
  93     width: 100px;
  94   }
  95 }
  96
  97 @media (max-width: 375px) {
  98   #button-container {
  99     display: flex;
 100     flex-flow: column;
 101   }
 102
 103   #back-button {
 104     order: 2;
 105   }
 106
 107   #request-access-button {
 108     order: 1;
 109   }
 110
 111   button {
 112     width: 100%;
 113   }
 114 }