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 30px 0px; | 49 margin: 10px 0px 25px 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; | 88 margin: 20px 20px 20px 25px; |
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: 20px; | 100 padding: 25px 20px; |
101 text-align: start; | 101 text-align: start; |
102 } | 102 } |
103 | 103 |
104 #suggestion { | 104 #suggestions { |
105 margin-top: 15px; | 105 margin-top: 15px; |
106 } | 106 } |
107 | 107 |
108 #short-suggestion { | |
109 margin-top: 5px; | |
110 } | |
111 | |
112 #sub-frame-error-details { | 108 #sub-frame-error-details { |
113 color: #8F8F8F; | 109 color: #8F8F8F; |
114 <if expr="not is_android and not is_ios"> | 110 <if expr="not is_android and not is_ios"> |
115 /* Not done on mobile for performance reasons. */ | 111 /* Not done on mobile for performance reasons. */ |
116 text-shadow: 0 1px 0 rgba(255,255,255,0.3); | 112 text-shadow: 0 1px 0 rgba(255,255,255,0.3); |
117 </if> | 113 </if> |
118 } | 114 } |
119 | 115 |
120 [jscontent=failedUrl] { | 116 [jscontent=failedUrl] { |
121 overflow-wrap: break-word; | 117 overflow-wrap: break-word; |
122 } | 118 } |
123 | 119 |
124 button { | 120 button { |
125 border: 1px solid rgba(0, 0, 0, 0.25); | 121 border: 1px solid rgba(0, 0, 0, 0.25); |
126 border-radius: 2px; | 122 border-radius: 2px; |
127 color: #444; | 123 color: #444; |
| 124 margin: 0px 5px; |
| 125 min-height: 29px; |
| 126 min-width: 65px; |
128 -webkit-user-select: none; | 127 -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 .text-button { | 173 #reload-button { |
174 margin: 0px 5px; | |
175 min-height: 29px; | |
176 min-width: 65px; | |
177 padding: 7px 13px; | |
178 } | |
179 | |
180 .blue-button { | |
181 color: #fff; | 174 color: #fff; |
182 <if expr="not is_android"> | 175 <if expr="not is_android"> |
183 background-image: -webkit-linear-gradient(#5d9aff, #5d9aff 38%, #5891f0); | 176 background-image: -webkit-linear-gradient(#5d9aff, #5d9aff 38%, #5891f0); |
184 border: 1px solid rgba(45, 102, 195, 1); | 177 border: 1px solid rgba(45, 102, 195, 1); |
185 text-shadow: 0 1px 0 rgba(0,0,0,0.5); | 178 text-shadow: 0 1px 0 rgba(0,0,0,0.5); |
186 </if> | 179 </if> |
187 <if expr="is_android"> | 180 <if expr="is_android"> |
188 background-color: rgb(39, 180, 231); | 181 background-color: rgb(39, 180, 231); |
189 border: 1px solid rgb(0, 152, 206); | 182 border: 1px solid rgb(0, 152, 206); |
190 </if> | 183 </if> |
191 <if expr="not is_android and not is_ios"> | 184 <if expr="not is_android and not is_ios"> |
192 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0
.2); | 185 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0
.2); |
193 </if> | 186 </if> |
194 } | 187 } |
195 | 188 |
196 .blue-button:hover { | 189 #reload-button:hover { |
197 color: #fff; | 190 color: #fff; |
198 <if expr="not is_android"> | 191 <if expr="not is_android"> |
199 background-image: -webkit-linear-gradient(#659efd, #659efd 38%, #6097f1); | 192 background-image: -webkit-linear-gradient(#659efd, #659efd 38%, #6097f1); |
200 border: 1px solid rgba(45, 102, 195, 1); | 193 border: 1px solid rgba(45, 102, 195, 1); |
201 </if> | 194 </if> |
202 <if expr="not is_android and not is_ios"> | 195 <if expr="not is_android and not is_ios"> |
203 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0
.2); | 196 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0
.2); |
204 </if> | 197 </if> |
205 } | 198 } |
206 | 199 |
207 .blue-button:active { | 200 #reload-button:active { |
208 <if expr="not is_android"> | 201 <if expr="not is_android"> |
209 background-image: -webkit-linear-gradient(#6095ed, #6095ed 38%, #6095ed); | 202 background-image: -webkit-linear-gradient(#6095ed, #6095ed 38%, #6095ed); |
210 border: 1px solid rgb(38, 84, 160); | 203 border: 1px solid rgb(38, 84, 160); |
211 </if> | 204 </if> |
212 <if expr="is_android"> | 205 <if expr="is_android"> |
213 background-color: rgb(0, 152, 206); | 206 background-color: rgb(0, 152, 206); |
214 </if> | 207 </if> |
215 <if expr="not is_android and not is_ios"> | 208 <if expr="not is_android and not is_ios"> |
216 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); | 209 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
217 </if> | 210 </if> |
218 } | 211 } |
219 | 212 |
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 | |
260 .hidden { | 213 .hidden { |
261 display: none; | 214 display: none; |
262 } | 215 } |
263 | 216 |
264 .suggestions { | 217 .suggestions { |
265 margin-top: 18px; | 218 margin-top: 18px; |
266 } | 219 } |
267 | 220 |
268 .suggestion-header { | 221 .suggestion-header { |
269 font-weight: bold; | 222 font-weight: bold; |
(...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
343 visibility: visible; | 296 visibility: visible; |
344 } | 297 } |
345 | 298 |
346 /* If the iframe is too small, always hide the error code. */ | 299 /* If the iframe is too small, always hide the error code. */ |
347 /* TODO(mmenke): See if overflow: no-display works better, once supported. */ | 300 /* TODO(mmenke): See if overflow: no-display works better, once supported. */ |
348 @media (max-width: 200px), (max-height: 95px) { | 301 @media (max-width: 200px), (max-height: 95px) { |
349 #sub-frame-error-details { | 302 #sub-frame-error-details { |
350 display: none; | 303 display: none; |
351 } | 304 } |
352 } | 305 } |
OLD | NEW |