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. */
6 background-color: #E6E6E6;
7 font-family: Helvetica, Arial, sans-serif;
9 margin: 50px 40px 20px 40px;
18 /* Don't use the main frame div when the error is in a subframe. */
19 html[subframe] #main-frame-error {
23 /* Don't use the subframe error div when the error is in a main frame. */
24 html:not([subframe]) #sub-frame-error {
29 background-color: #fbfbfb;
30 border: 1px solid #AAA;
31 border-bottom: 1px solid #888;
34 <if expr="not is_android and not is_ios">
35 /* Not done on mobile for performance reasons. */
36 box-shadow: 0px 2px 2px #AAA;
41 -webkit-margin-start: 0;
46 #content-top #buttons,
63 color: rgb(17, 85, 204);
64 text-decoration: none;
68 -webkit-user-select: none;
73 * Can't access chrome://theme/IDR_ERROR_NETWORK_GENERIC from an untrusted
74 * renderer process, so embed the resource manually.
76 content: -webkit-image-set(
77 url('../../app/theme/default_100_percent/common/error_network_generic.png') 1x,
78 url('../../app/theme/default_200_percent/common/error_network_generic.png') 2x);
82 content: -webkit-image-set(
83 url('../../app/theme/default_100_percent/common/error_network_offline.png') 1x,
84 url('../../app/theme/default_200_percent/common/error_network_offline.png') 2x);
92 -webkit-transition: height ease-in 218ms;
97 background-color: #f9f9f9;
98 border-top: 1px solid #EEE;
112 #sub-frame-error-details {
114 <if expr="not is_android and not is_ios">
115 /* Not done on mobile for performance reasons. */
116 text-shadow: 0 1px 0 rgba(255,255,255,0.3);
120 [jscontent=failedUrl] {
121 overflow-wrap: break-word;
125 -webkit-user-select: none;
126 border: 1px solid rgba(0, 0, 0, 0.25);
129 <if expr="not is_android">
130 /* iOS does not support linear-gradient without a prefix. */
131 background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
132 text-shadow: 0 1px 0 rgb(240, 240, 240);
134 <if expr="is_android">
135 /* Android uses flat background colors. */
136 background-color: #ededed;
139 <if expr="not is_android and not is_ios">
140 /* Not done on mobile for performance reasons. */
141 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08),
142 inset 0 1px 2px rgba(255, 255, 255, 0.75);
147 border: 1px solid rgba(0, 0, 0, 0.3);
149 <if expr="not is_android">
150 background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
152 <if expr="is_android">
153 background-color: #f0f0f0;
155 <if expr="not is_android and not is_ios">
156 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12),
157 inset 0 1px 2px rgba(255, 255, 255, 0.95);
162 border: 1px solid rgba(0, 0, 0, 0.3);
164 <if expr="not is_android">
165 background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
167 <if expr="is_android">
168 background-color: #e7e7e7;
170 <if expr="not is_android and not is_ios">
184 <if expr="not is_android">
185 background-image: -webkit-linear-gradient(#5d9aff, #5d9aff 38%, #5891f0);
186 border: 1px solid rgba(45, 102, 195, 1);
187 text-shadow: 0 1px 0 rgba(0,0,0,0.5);
189 <if expr="is_android">
190 background-color: rgb(39, 180, 231);
191 border: 1px solid rgb(0, 152, 206);
193 <if expr="not is_android and not is_ios">
194 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15),
195 inset 0 1px 2px rgba(255, 255, 255, 0.2);
201 <if expr="not is_android">
202 background-image: -webkit-linear-gradient(#659efd, #659efd 38%, #6097f1);
203 border: 1px solid rgba(45, 102, 195, 1);
205 <if expr="not is_android and not is_ios">
206 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25),
207 inset 0 1px 2px rgba(255, 255, 255, 0.2);
211 .blue-button:active {
212 <if expr="not is_android">
213 background-image: -webkit-linear-gradient(#6095ed, #6095ed 38%, #6095ed);
214 border: 1px solid rgb(38, 84, 160);
216 <if expr="is_android">
217 background-color: rgb(0, 152, 206);
219 <if expr="not is_android and not is_ios">
220 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
225 /* Prevents a space between controls. */
231 border: 1px solid #cdcdcd;
240 border: 1px solid rgb(93, 154, 255);
246 border-bottom-left-radius: 0;
247 border-top-left-radius: 0;
259 url('../../app/theme/default_100_percent/common/omnibox_search_button_loupe.png') 1x,
260 url('../../app/theme/default_200_percent/common/omnibox_search_button_loupe.png') 2x);
286 /* Increase line height at higher resolutions. */
287 @media (min-width: 641px) and (min-height: 641px) {
293 /* Decrease padding at low sizes. */
294 @media (max-width: 640px), (max-height: 640px) {
318 /* Don't allow overflow when in a subframe. */
319 html[subframe] body {
324 -webkit-align-items: center;
325 background-color: #DDD;
326 display: -webkit-flex;
327 -webkit-flex-flow: column;
329 -webkit-justify-content: center;
336 #sub-frame-error:hover {
337 background-color: #EEE;
340 #sub-frame-error-details {
345 /* Show details only when hovering. */
346 #sub-frame-error:hover #sub-frame-error-details {
350 /* If the iframe is too small, always hide the error code. */
351 /* TODO(mmenke): See if overflow: no-display works better, once supported. */
352 @media (max-width: 200px), (max-height: 95px) {
353 #sub-frame-error-details {
358 /* details-button is special; it's a <button> element that looks like a link. */
360 background-color: inherit;
361 background-image: none;
366 text-decoration: underline;
374 /* Styles for platform dependent separation of controls and details button. */
375 .suggested-left > #control-buttons,
376 .suggested-right > #details-button {
380 .suggested-right > #control-buttons,
381 .suggested-left > #details-button {
385 #details-button.singular {