| 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 body { | 5 body { |
| 6 background-color: #E6E6E6; | 6 background-color: #E6E6E6; |
| 7 font-family: Helvetica, Arial, sans-serif; | 7 font-family: Helvetica, Arial, sans-serif; |
| 8 font-size: 10pt; | 8 font-size: 10pt; |
| 9 margin: 50px 40px 20px 40px; | 9 margin: 50px 40px 20px 40px; |
| 10 } | 10 } |
| (...skipping 28 matching lines...) Expand all Loading... |
| 39 | 39 |
| 40 #diagnose-button { | 40 #diagnose-button { |
| 41 margin-top: 20px; | 41 margin-top: 20px; |
| 42 margin-bottom: 10px; | 42 margin-bottom: 10px; |
| 43 -webkit-margin-start: 0px; | 43 -webkit-margin-start: 0px; |
| 44 } | 44 } |
| 45 | 45 |
| 46 #content-top #buttons, | 46 #content-top #buttons, |
| 47 #content-top h1 { | 47 #content-top h1 { |
| 48 color: #666; | 48 color: #666; |
| 49 margin: 10px 0px 25px 0px; | 49 margin: 10px 0px 30px 0px; |
| 50 font-weight: normal; | 50 font-weight: normal; |
| 51 font-size: 1.5em; | 51 font-size: 1.5em; |
| 52 text-align: center; | 52 text-align: center; |
| 53 } | 53 } |
| 54 | 54 |
| 55 h2 { | 55 h2 { |
| 56 color: #666; | 56 color: #666; |
| 57 font-size: 1.2em; | 57 font-size: 1.2em; |
| 58 font-weight: normal; | 58 font-weight: normal; |
| 59 margin: 10px 0; | 59 margin: 10px 0; |
| (...skipping 18 matching lines...) Expand all Loading... |
| 78 url('../../app/theme/default_200_percent/common/error_network_generic.png'
) 2x); | 78 url('../../app/theme/default_200_percent/common/error_network_generic.png'
) 2x); |
| 79 } | 79 } |
| 80 | 80 |
| 81 .icon-offline { | 81 .icon-offline { |
| 82 content: -webkit-image-set( | 82 content: -webkit-image-set( |
| 83 url('../../app/theme/default_100_percent/common/error_network_offline.png'
) 1x, | 83 url('../../app/theme/default_100_percent/common/error_network_offline.png'
) 1x, |
| 84 url('../../app/theme/default_200_percent/common/error_network_offline.png'
) 2x); | 84 url('../../app/theme/default_200_percent/common/error_network_offline.png'
) 2x); |
| 85 } | 85 } |
| 86 | 86 |
| 87 #content-top { | 87 #content-top { |
| 88 margin: 20px 20px 20px 25px; | 88 margin: 20px; |
| 89 } | 89 } |
| 90 | 90 |
| 91 #help-box-outer { | 91 #help-box-outer { |
| 92 overflow: hidden; | 92 overflow: hidden; |
| 93 -webkit-transition: height ease-in 218ms; | 93 -webkit-transition: height ease-in 218ms; |
| 94 } | 94 } |
| 95 | 95 |
| 96 #help-box-inner { | 96 #help-box-inner { |
| 97 background-color: #f9f9f9; | 97 background-color: #f9f9f9; |
| 98 border-top: 1px solid #EEE; | 98 border-top: 1px solid #EEE; |
| 99 color: #444; | 99 color: #444; |
| 100 padding: 25px 20px; | 100 padding: 20px; |
| 101 text-align: start; | 101 text-align: start; |
| 102 } | 102 } |
| 103 | 103 |
| 104 #suggestions { | 104 #suggestion { |
| 105 margin-top: 15px; | 105 margin-top: 15px; |
| 106 } | 106 } |
| 107 | 107 |
| 108 #short-suggestion { |
| 109 margin-top: 5px; |
| 110 } |
| 111 |
| 108 #sub-frame-error-details { | 112 #sub-frame-error-details { |
| 109 color: #8F8F8F; | 113 color: #8F8F8F; |
| 110 <if expr="not is_android and not is_ios"> | 114 <if expr="not is_android and not is_ios"> |
| 111 /* Not done on mobile for performance reasons. */ | 115 /* Not done on mobile for performance reasons. */ |
| 112 text-shadow: 0 1px 0 rgba(255,255,255,0.3); | 116 text-shadow: 0 1px 0 rgba(255,255,255,0.3); |
| 113 </if> | 117 </if> |
| 114 } | 118 } |
| 115 | 119 |
| 116 [jscontent=failedUrl] { | 120 [jscontent=failedUrl] { |
| 117 overflow-wrap: break-word; | 121 overflow-wrap: break-word; |
| 118 } | 122 } |
| 119 | 123 |
| 120 button { | 124 button { |
| 121 border: 1px solid rgba(0, 0, 0, 0.25); | 125 border: 1px solid rgba(0, 0, 0, 0.25); |
| 122 border-radius: 2px; | 126 border-radius: 2px; |
| 123 color: #444; | 127 color: #444; |
| 124 margin: 0px 5px; | |
| 125 min-height: 29px; | |
| 126 min-width: 65px; | |
| 127 -webkit-user-select: none; | 128 -webkit-user-select: none; |
| 128 padding: 8px 13px; | |
| 129 <if expr="not is_android"> | 129 <if expr="not is_android"> |
| 130 /* iOS does not support linear-gradient without a prefix. */ | 130 /* iOS does not support linear-gradient without a prefix. */ |
| 131 background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); | 131 background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); |
| 132 text-shadow: 0 1px 0 rgb(240, 240, 240); | 132 text-shadow: 0 1px 0 rgb(240, 240, 240); |
| 133 </if> | 133 </if> |
| 134 <if expr="is_android"> | 134 <if expr="is_android"> |
| 135 /* Android uses flat background colors. */ | 135 /* Android uses flat background colors. */ |
| 136 background-color: #ededed; | 136 background-color: #ededed; |
| 137 font-weight: bold; | 137 font-weight: bold; |
| 138 </if> | 138 </if> |
| (...skipping 24 matching lines...) Expand all Loading... |
| 163 background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); | 163 background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); |
| 164 </if> | 164 </if> |
| 165 <if expr="is_android"> | 165 <if expr="is_android"> |
| 166 background-color: #e7e7e7; | 166 background-color: #e7e7e7; |
| 167 </if> | 167 </if> |
| 168 <if expr="not is_android and not is_ios"> | 168 <if expr="not is_android and not is_ios"> |
| 169 box-shadow: none; | 169 box-shadow: none; |
| 170 </if> | 170 </if> |
| 171 } | 171 } |
| 172 | 172 |
| 173 #reload-button { | 173 .text-button { |
| 174 margin: 0px 5px; |
| 175 min-height: 29px; |
| 176 min-width: 65px; |
| 177 padding: 7px 13px; |
| 178 } |
| 179 |
| 180 .blue-button { |
| 174 color: #fff; | 181 color: #fff; |
| 175 <if expr="not is_android"> | 182 <if expr="not is_android"> |
| 176 background-image: -webkit-linear-gradient(#5d9aff, #5d9aff 38%, #5891f0); | 183 background-image: -webkit-linear-gradient(#5d9aff, #5d9aff 38%, #5891f0); |
| 177 border: 1px solid rgba(45, 102, 195, 1); | 184 border: 1px solid rgba(45, 102, 195, 1); |
| 178 text-shadow: 0 1px 0 rgba(0,0,0,0.5); | 185 text-shadow: 0 1px 0 rgba(0,0,0,0.5); |
| 179 </if> | 186 </if> |
| 180 <if expr="is_android"> | 187 <if expr="is_android"> |
| 181 background-color: rgb(39, 180, 231); | 188 background-color: rgb(39, 180, 231); |
| 182 border: 1px solid rgb(0, 152, 206); | 189 border: 1px solid rgb(0, 152, 206); |
| 183 </if> | 190 </if> |
| 184 <if expr="not is_android and not is_ios"> | 191 <if expr="not is_android and not is_ios"> |
| 185 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0
.2); | 192 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0
.2); |
| 186 </if> | 193 </if> |
| 187 } | 194 } |
| 188 | 195 |
| 189 #reload-button:hover { | 196 .blue-button:hover { |
| 190 color: #fff; | 197 color: #fff; |
| 191 <if expr="not is_android"> | 198 <if expr="not is_android"> |
| 192 background-image: -webkit-linear-gradient(#659efd, #659efd 38%, #6097f1); | 199 background-image: -webkit-linear-gradient(#659efd, #659efd 38%, #6097f1); |
| 193 border: 1px solid rgba(45, 102, 195, 1); | 200 border: 1px solid rgba(45, 102, 195, 1); |
| 194 </if> | 201 </if> |
| 195 <if expr="not is_android and not is_ios"> | 202 <if expr="not is_android and not is_ios"> |
| 196 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0
.2); | 203 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0
.2); |
| 197 </if> | 204 </if> |
| 198 } | 205 } |
| 199 | 206 |
| 200 #reload-button:active { | 207 .blue-button:active { |
| 201 <if expr="not is_android"> | 208 <if expr="not is_android"> |
| 202 background-image: -webkit-linear-gradient(#6095ed, #6095ed 38%, #6095ed); | 209 background-image: -webkit-linear-gradient(#6095ed, #6095ed 38%, #6095ed); |
| 203 border: 1px solid rgb(38, 84, 160); | 210 border: 1px solid rgb(38, 84, 160); |
| 204 </if> | 211 </if> |
| 205 <if expr="is_android"> | 212 <if expr="is_android"> |
| 206 background-color: rgb(0, 152, 206); | 213 background-color: rgb(0, 152, 206); |
| 207 </if> | 214 </if> |
| 208 <if expr="not is_android and not is_ios"> | 215 <if expr="not is_android and not is_ios"> |
| 209 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); | 216 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
| 210 </if> | 217 </if> |
| 211 } | 218 } |
| 212 | 219 |
| 220 #search-container { |
| 221 /* Prevents a space between controls. */ |
| 222 display: flex; |
| 223 margin-top: 20px; |
| 224 } |
| 225 |
| 226 #search-box { |
| 227 border: 1px solid #cdcdcd; |
| 228 flex-grow: 1; |
| 229 font-size: 16px; |
| 230 height: 26px; |
| 231 margin-right: 0; |
| 232 padding: 1px 9px; |
| 233 } |
| 234 |
| 235 #search-box:focus { |
| 236 border: 1px solid #5d9aff; |
| 237 outline: none; |
| 238 } |
| 239 |
| 240 #search-button { |
| 241 border: none; |
| 242 border-top-left-radius: 0; |
| 243 border-bottom-left-radius: 0; |
| 244 box-shadow: none; |
| 245 display: flex; |
| 246 height: 30px; |
| 247 margin: 0; |
| 248 width: 60px; |
| 249 padding: 0; |
| 250 } |
| 251 |
| 252 #search-image { |
| 253 content: |
| 254 -webkit-image-set( |
| 255 url('../../app/theme/default_100_percent/common/omnibox_search_button_
loupe.png') 1x, |
| 256 url('../../app/theme/default_200_percent/common/omnibox_search_button_
loupe.png') 2x); |
| 257 margin: auto; |
| 258 } |
| 259 |
| 213 .hidden { | 260 .hidden { |
| 214 display: none; | 261 display: none; |
| 215 } | 262 } |
| 216 | 263 |
| 217 .suggestions { | 264 .suggestions { |
| 218 margin-top: 18px; | 265 margin-top: 18px; |
| 219 } | 266 } |
| 220 | 267 |
| 221 .suggestion-header { | 268 .suggestion-header { |
| 222 font-weight: bold; | 269 font-weight: bold; |
| (...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 296 visibility: visible; | 343 visibility: visible; |
| 297 } | 344 } |
| 298 | 345 |
| 299 /* If the iframe is too small, always hide the error code. */ | 346 /* If the iframe is too small, always hide the error code. */ |
| 300 /* TODO(mmenke): See if overflow: no-display works better, once supported. */ | 347 /* TODO(mmenke): See if overflow: no-display works better, once supported. */ |
| 301 @media (max-width: 200px), (max-height: 95px) { | 348 @media (max-width: 200px), (max-height: 95px) { |
| 302 #sub-frame-error-details { | 349 #sub-frame-error-details { |
| 303 display: none; | 350 display: none; |
| 304 } | 351 } |
| 305 } | 352 } |
| OLD | NEW |