| 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 |