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