OLD | NEW |
1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 /* Don't use the main frame div when the error is in a subframe. */ | 5 /* Don't use the main frame div when the error is in a subframe. */ |
6 html[subframe] #main-frame-error { | 6 html[subframe] #main-frame-error { |
7 display: none; | 7 display: none; |
8 } | 8 } |
9 | 9 |
10 /* Don't use the subframe error div when the error is in a main frame. */ | 10 /* Don't use the subframe error div when the error is in a main frame. */ |
(...skipping 30 matching lines...) Expand all Loading... |
41 } | 41 } |
42 | 42 |
43 .icon-generic { | 43 .icon-generic { |
44 /** | 44 /** |
45 * Can't access chrome://theme/IDR_ERROR_NETWORK_GENERIC from an untrusted | 45 * Can't access chrome://theme/IDR_ERROR_NETWORK_GENERIC from an untrusted |
46 * renderer process, so embed the resource manually. | 46 * renderer process, so embed the resource manually. |
47 */ | 47 */ |
48 content: -webkit-image-set( | 48 content: -webkit-image-set( |
49 url(default_100_percent/common/error_network_generic.png) 1x, | 49 url(default_100_percent/common/error_network_generic.png) 1x, |
50 url(default_200_percent/common/error_network_generic.png) 2x); | 50 url(default_200_percent/common/error_network_generic.png) 2x); |
51 height: 50px; | |
52 padding-top: 20px; | 51 padding-top: 20px; |
53 width: 41px; | |
54 } | 52 } |
55 | 53 |
56 .icon-offline { | 54 .icon-offline { |
57 content: -webkit-image-set( | 55 content: -webkit-image-set( |
58 url(default_100_percent/offline/100-error-offline.png) 1x, | 56 url(default_100_percent/offline/100-error-offline.png) 1x, |
59 url(default_200_percent/offline/200-error-offline.png) 2x); | 57 url(default_200_percent/offline/200-error-offline.png) 2x); |
60 height: 47px; | |
61 margin: 0 0 40px; | |
62 position: relative; | 58 position: relative; |
63 width: 44px; | |
64 } | 59 } |
65 | 60 |
66 #content-top { | 61 #content-top { |
67 margin: 20px; | 62 margin: 20px; |
68 } | 63 } |
69 | 64 |
70 #help-box-inner { | 65 #help-box-inner { |
71 background-color: #f9f9f9; | 66 background-color: #f9f9f9; |
72 border-top: 1px solid #EEE; | 67 border-top: 1px solid #EEE; |
73 color: #444; | 68 color: #444; |
(...skipping 211 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
285 max-width: 600px; | 280 max-width: 600px; |
286 padding-top: 100px; | 281 padding-top: 100px; |
287 width: 100%; | 282 width: 100%; |
288 } | 283 } |
289 | 284 |
290 .offline .runner-container { | 285 .offline .runner-container { |
291 height: 150px; | 286 height: 150px; |
292 max-width: 600px; | 287 max-width: 600px; |
293 overflow: hidden; | 288 overflow: hidden; |
294 position: absolute; | 289 position: absolute; |
295 top: 10px; | 290 top: 35px; |
296 width: 44px; | 291 width: 44px; |
297 z-index: 2; | |
298 } | 292 } |
299 | 293 |
300 .offline .runner-canvas { | 294 .offline .runner-canvas { |
301 height: 150px; | 295 height: 150px; |
302 max-width: 600px; | 296 max-width: 600px; |
303 opacity: 1; | 297 opacity: 1; |
304 overflow: hidden; | 298 overflow: hidden; |
305 position: absolute; | 299 position: absolute; |
306 top: 0; | 300 top: 0; |
| 301 z-index: 2; |
307 } | 302 } |
308 | 303 |
309 .offline .controller { | 304 .offline .controller { |
310 background: rgba(247,247,247, .1); | 305 background: rgba(247,247,247, .1); |
311 height: 100vh; | 306 height: 100vh; |
312 left: 0; | 307 left: 0; |
313 position: absolute; | 308 position: absolute; |
314 top: 0; | 309 top: 0; |
315 width: 100vw; | 310 width: 100vw; |
316 z-index: 1; | 311 z-index: 1; |
(...skipping 25 matching lines...) Expand all Loading... |
342 | 337 |
343 .nav-wrapper { | 338 .nav-wrapper { |
344 margin-top: 30px; | 339 margin-top: 30px; |
345 } | 340 } |
346 } | 341 } |
347 | 342 |
348 @media (min-height: 240px) and (orientation: landscape) { | 343 @media (min-height: 240px) and (orientation: landscape) { |
349 .offline .interstitial-wrapper { | 344 .offline .interstitial-wrapper { |
350 margin-bottom: 20px; | 345 margin-bottom: 20px; |
351 } | 346 } |
| 347 |
| 348 .icon-offline { |
| 349 margin-bottom: 20px; |
| 350 } |
352 } | 351 } |
| 352 |
| 353 @media (max-height: 320px) and (orientation: landscape) { |
| 354 .icon-offline { |
| 355 margin-bottom: 0; |
| 356 } |
| 357 |
| 358 .offline .runner-container { |
| 359 top: 10px; |
| 360 } |
| 361 } |
OLD | NEW |