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 |