1/* Copyright 2013 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 5/* Don't use the main frame div when the error is in a subframe. */ 6html[subframe] #main-frame-error { 7 display: none; 8} 9 10/* Don't use the subframe error div when the error is in a main frame. */ 11html:not([subframe]) #sub-frame-error { 12 display: none; 13} 14 15#diagnose-button { 16 -webkit-margin-start: 0; 17 margin-bottom: 10px; 18 margin-top: 20px; 19} 20 21h1 { 22 color: #666; 23 font-size: 1.5em; 24 font-weight: normal; 25 margin: 10px 0 25px 0; 26} 27 28a { 29 color: rgb(17, 85, 204); 30 text-decoration: none; 31} 32 33.icon { 34 -webkit-user-select: none; 35} 36 37.icon-generic { 38 /** 39 * Can't access chrome://theme/IDR_ERROR_NETWORK_GENERIC from an untrusted 40 * renderer process, so embed the resource manually. 41 */ 42 content: -webkit-image-set( 43 url('../../../renderer/resources/default_100_percent/common/error_network_generic.png') 1x, 44 url('../../../renderer/resources/default_200_percent/common/error_network_generic.png') 2x); 45} 46 47.icon-offline { 48 content: -webkit-image-set( 49 url('../../../renderer/resources/default_100_percent/offline/100-error-offline.png') 1x, 50 url('../../../renderer/resources/default_200_percent/offline/200-error-offline.png') 2x); 51} 52 53#help-box-outer { 54 -webkit-transition: height ease-in 218ms; 55 overflow: hidden; 56} 57 58#help-box-inner { 59 background-color: #f9f9f9; 60 border-top: 1px solid #EEE; 61 color: #444; 62 padding: 25px 20px; 63 text-align: start; 64} 65 66#suggestions { 67 margin-top: 15px; 68} 69 70#sub-frame-error-details { 71 color: #8F8F8F; 72 text-shadow: 0 1px 0 rgba(255,255,255,0.3); 73} 74 75[jscontent=failedUrl] { 76 overflow-wrap: break-word; 77} 78 79.hidden { 80 display: none; 81} 82 83.suggestions { 84 margin-top: 18px; 85} 86 87.suggestion-header { 88 font-weight: bold; 89 margin-bottom: 4px; 90} 91 92.suggestion-body { 93 color: #777; 94} 95 96.error-code { 97 color: #A0A0A0; 98 margin-top: 15px; 99} 100 101/* Increase line height at higher resolutions. */ 102@media (min-width: 641px) and (min-height: 641px) { 103 #help-box-inner { 104 line-height: 18px; 105 } 106} 107 108/* Decrease padding at low sizes. */ 109@media (max-width: 640px), 110 (max-height: 640px) { 111 body { 112 margin: 15px; 113 } 114 h1 { 115 margin: 10px 0 15px 0; 116 } 117 #help-box-inner { 118 padding: 20px; 119 } 120 .suggestions { 121 margin-top: 10px; 122 } 123 .suggestion-header { 124 margin-bottom: 0; 125 } 126 .error-code { 127 margin-top: 10px; 128 } 129} 130 131/* Don't allow overflow when in a subframe. */ 132html[subframe] body { 133 overflow: hidden; 134} 135 136#sub-frame-error { 137 -webkit-align-items: center; 138 -webkit-flex-flow: column; 139 -webkit-justify-content: center; 140 background-color: #DDD; 141 display: -webkit-flex; 142 height: 100%; 143 left: 0; 144 position: absolute; 145 top: 0; 146 width: 100%; 147} 148 149#sub-frame-error:hover { 150 background-color: #EEE; 151} 152 153#sub-frame-error-details { 154 margin: 0 10px; 155 visibility: hidden; 156} 157 158/* Show details only when hovering. */ 159#sub-frame-error:hover #sub-frame-error-details { 160 visibility: visible; 161} 162 163/* If the iframe is too small, always hide the error code. */ 164/* TODO(mmenke): See if overflow: no-display works better, once supported. */ 165@media (max-width: 200px), 166 (max-height: 95px) { 167 #sub-frame-error-details { 168 display: none; 169 } 170} 171 172/* Offline page */ 173.offline .interstitial-wrapper { 174 color: #2b2b2b; 175 font-size: 1em; 176 line-height: 1.55; 177 margin: 100px auto 0; 178 max-width: 600px; 179 width: 100%; 180} 181 182.offline .runner-container { 183 height: 150px; 184 max-width: 600px; 185 overflow: hidden; 186 position: absolute; 187 top: 10px; 188 width: 44px; 189 z-index: 2; 190} 191 192.offline .runner-canvas { 193 height: 150px; 194 max-width: 600px; 195 opacity: 1; 196 overflow: hidden; 197 position: absolute; 198 top: 0; 199} 200 201.offline .controller { 202 background: rgba(247,247,247, .1); 203 height: 100vh; 204 left: 0; 205 position: absolute; 206 top: 0; 207 width: 100vw; 208 z-index: 1; 209} 210 211#offline-resources { 212 display: none; 213} 214