Home | History | Annotate | Download | only in resources 
      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 }
    105