Chromium Code Reviews| 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 250 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 261 | 261 |
| 262 #sub-frame-error { | 262 #sub-frame-error { |
| 263 -webkit-align-items: center; | 263 -webkit-align-items: center; |
| 264 background-color: #DDD; | 264 background-color: #DDD; |
| 265 display: -webkit-flex; | 265 display: -webkit-flex; |
| 266 -webkit-flex-flow: column; | 266 -webkit-flex-flow: column; |
| 267 height: 100%; | 267 height: 100%; |
| 268 -webkit-justify-content: center; | 268 -webkit-justify-content: center; |
| 269 left: 0; | 269 left: 0; |
| 270 position: absolute; | 270 position: absolute; |
| 271 text-align: center; | |
| 271 top: 0; | 272 top: 0; |
| 272 transition: background-color .2s ease-in-out; | 273 transition: background-color .2s ease-in-out; |
| 273 width: 100%; | 274 width: 100%; |
| 274 } | 275 } |
| 275 | 276 |
| 276 #sub-frame-error:hover { | 277 #sub-frame-error:hover { |
| 277 background-color: #EEE; | 278 background-color: #EEE; |
| 278 } | 279 } |
| 279 | 280 |
| 280 #sub-frame-error .icon-generic { | 281 #sub-frame-error .icon-generic { |
| (...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 345 width: 100%; | 346 width: 100%; |
| 346 } | 347 } |
| 347 | 348 |
| 348 /* Offline page */ | 349 /* Offline page */ |
| 349 .offline { | 350 .offline { |
| 350 transition: -webkit-filter 1.5s cubic-bezier(0.65, 0.05, 0.36, 1), | 351 transition: -webkit-filter 1.5s cubic-bezier(0.65, 0.05, 0.36, 1), |
| 351 background-color 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); | 352 background-color 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); |
| 352 will-change: -webkit-filter, background-color; | 353 will-change: -webkit-filter, background-color; |
| 353 } | 354 } |
| 354 | 355 |
| 356 .offline #main-message > p { | |
|
mmenke
2016/06/27 14:24:04
Where do we set the class of a DOM object to be "o
edwardjung
2016/06/27 15:29:07
This is set in neterror.js when the icon is switch
| |
| 357 display: none; | |
| 358 } | |
| 359 | |
| 355 .offline.inverted { | 360 .offline.inverted { |
| 356 -webkit-filter: invert(100%); | 361 -webkit-filter: invert(100%); |
| 357 background-color: #000; | 362 background-color: #000; |
| 358 } | 363 } |
| 359 | 364 |
| 360 .offline .interstitial-wrapper { | 365 .offline .interstitial-wrapper { |
| 361 color: #2b2b2b; | 366 color: #2b2b2b; |
| 362 font-size: 1em; | 367 font-size: 1em; |
| 363 line-height: 1.55; | 368 line-height: 1.55; |
| 364 margin: 0 auto; | 369 margin: 0 auto; |
| (...skipping 112 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 477 overflow: inherit; | 482 overflow: inherit; |
| 478 padding: 0 8px; | 483 padding: 0 8px; |
| 479 } | 484 } |
| 480 } | 485 } |
| 481 | 486 |
| 482 @media (max-width: 120px) { | 487 @media (max-width: 120px) { |
| 483 button { | 488 button { |
| 484 width: auto; | 489 width: auto; |
| 485 } | 490 } |
| 486 } | 491 } |
| OLD | NEW |