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 |