| 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 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 51 padding-top: 20px; | 51 padding-top: 20px; |
| 52 } | 52 } |
| 53 | 53 |
| 54 .icon-offline { | 54 .icon-offline { |
| 55 content: -webkit-image-set( | 55 content: -webkit-image-set( |
| 56 url(default_100_percent/offline/100-error-offline.png) 1x, | 56 url(default_100_percent/offline/100-error-offline.png) 1x, |
| 57 url(default_200_percent/offline/200-error-offline.png) 2x); | 57 url(default_200_percent/offline/200-error-offline.png) 2x); |
| 58 position: relative; | 58 position: relative; |
| 59 } | 59 } |
| 60 | 60 |
| 61 .icon-disabled { |
| 62 content: -webkit-image-set( |
| 63 url(default_100_percent/offline/100-disabled.png) 1x, |
| 64 url(default_200_percent/offline/200-disabled.png) 2x); |
| 65 width: 112px; |
| 66 } |
| 67 |
| 61 .error-code { | 68 .error-code { |
| 62 display: block; | 69 display: block; |
| 63 } | 70 } |
| 64 | 71 |
| 65 #content-top { | 72 #content-top { |
| 66 margin: 20px; | 73 margin: 20px; |
| 67 } | 74 } |
| 68 | 75 |
| 69 #help-box-inner { | 76 #help-box-inner { |
| 70 background-color: #f9f9f9; | 77 background-color: #f9f9f9; |
| 71 border-top: 1px solid #EEE; | 78 border-top: 1px solid #EEE; |
| 72 color: #444; | 79 color: #444; |
| 73 padding: 20px; | 80 padding: 20px; |
| 74 text-align: start; | 81 text-align: start; |
| 75 } | 82 } |
| 76 | 83 |
| 84 .hidden { |
| 85 display: none; |
| 86 } |
| 87 |
| 77 #suggestion { | 88 #suggestion { |
| 78 margin-top: 15px; | 89 margin-top: 15px; |
| 79 } | 90 } |
| 80 | 91 |
| 81 #short-suggestion { | 92 #short-suggestion { |
| 82 margin-top: 5px; | 93 margin-top: 5px; |
| 83 } | 94 } |
| 84 | 95 |
| 85 #sub-frame-error-details { | 96 #sub-frame-error-details { |
| 86 color: #8F8F8F; | 97 color: #8F8F8F; |
| (...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 133 url(../../app/theme/default_200_percent/common/omnibox_search_button_l
oupe.png) 2x); | 144 url(../../app/theme/default_200_percent/common/omnibox_search_button_l
oupe.png) 2x); |
| 134 margin: auto; | 145 margin: auto; |
| 135 } | 146 } |
| 136 | 147 |
| 137 .secondary-button { | 148 .secondary-button { |
| 138 -webkit-margin-end: 16px; | 149 -webkit-margin-end: 16px; |
| 139 background: #d9d9d9; | 150 background: #d9d9d9; |
| 140 color: #696969; | 151 color: #696969; |
| 141 } | 152 } |
| 142 | 153 |
| 143 .hidden { | 154 .snackbar { |
| 144 display: none; | 155 background: #323232; |
| 156 border-radius: 2px; |
| 157 bottom: 24px; |
| 158 box-sizing: border-box; |
| 159 color: #fff; |
| 160 font-size: .87em; |
| 161 left: 24px; |
| 162 max-width: 568px; |
| 163 min-width: 288px; |
| 164 opacity: 0; |
| 165 padding: 16px 24px 12px; |
| 166 position: fixed; |
| 167 transform: translateY(90px); |
| 168 will-change: opacity, transform; |
| 169 z-index: 999; |
| 170 } |
| 171 |
| 172 .snackbar-show { |
| 173 -webkit-animation: |
| 174 show-snackbar .25s cubic-bezier(0.0, 0.0, 0.2, 1) forwards, |
| 175 hide-snackbar .25s cubic-bezier(0.4, 0.0, 1, 1) forwards 5s; |
| 176 } |
| 177 |
| 178 @-webkit-keyframes show-snackbar { |
| 179 100% { |
| 180 opacity: 1; |
| 181 transform: translateY(0); |
| 182 } |
| 183 } |
| 184 |
| 185 @-webkit-keyframes hide-snackbar { |
| 186 0% { |
| 187 opacity: 1; |
| 188 transform: translateY(0); |
| 189 } |
| 190 100% { |
| 191 opacity: 0; |
| 192 transform: translateY(90px); |
| 193 } |
| 145 } | 194 } |
| 146 | 195 |
| 147 .suggestions { | 196 .suggestions { |
| 148 margin-top: 18px; | 197 margin-top: 18px; |
| 149 } | 198 } |
| 150 | 199 |
| 151 .suggestion-header { | 200 .suggestion-header { |
| 152 font-weight: bold; | 201 font-weight: bold; |
| 153 margin-bottom: 4px; | 202 margin-bottom: 4px; |
| 154 } | 203 } |
| (...skipping 164 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 319 | 368 |
| 320 #offline-resources { | 369 #offline-resources { |
| 321 display: none; | 370 display: none; |
| 322 } | 371 } |
| 323 | 372 |
| 324 @media (max-width: 420px) { | 373 @media (max-width: 420px) { |
| 325 .suggested-left > #control-buttons, | 374 .suggested-left > #control-buttons, |
| 326 .suggested-right > #control-buttons { | 375 .suggested-right > #control-buttons { |
| 327 float: none; | 376 float: none; |
| 328 } | 377 } |
| 378 |
| 379 .snackbar { |
| 380 left: 0; |
| 381 bottom: 0; |
| 382 width: 100%; |
| 383 border-radius: 0; |
| 384 } |
| 329 } | 385 } |
| 330 | 386 |
| 331 @media (max-height: 350px) { | 387 @media (max-height: 350px) { |
| 332 h1 { | 388 h1 { |
| 333 margin: 0 0 15px; | 389 margin: 0 0 15px; |
| 334 } | 390 } |
| 335 | 391 |
| 336 .icon-offline { | 392 .icon-offline { |
| 337 margin: 0 0 10px; | 393 margin: 0 0 10px; |
| 338 } | 394 } |
| (...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 383 overflow: inherit; | 439 overflow: inherit; |
| 384 padding: 0 8px; | 440 padding: 0 8px; |
| 385 } | 441 } |
| 386 } | 442 } |
| 387 | 443 |
| 388 @media (max-width: 120px) { | 444 @media (max-width: 120px) { |
| 389 button { | 445 button { |
| 390 width: auto; | 446 width: auto; |
| 391 } | 447 } |
| 392 } | 448 } |
| OLD | NEW |