Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(121)

Side by Side Diff: chrome/renderer/resources/neterror.css

Issue 916093003: Intersitial page updates (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Optimise icons, update secondary button colour Created 5 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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 }
OLDNEW
« no previous file with comments | « chrome/renderer/resources/default_200_percent/offline/200-error-offline.png ('k') | chrome/renderer/resources/neterror.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698