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