Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(686)

Side by Side Diff: trunk/src/chrome/renderer/resources/neterror.css

Issue 235883010: Revert 262846, as the revert has now been merged to M35. (Closed) Base URL: svn://svn.chromium.org/chrome/
Patch Set: Created 6 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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
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
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
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
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 }
OLDNEW
« no previous file with comments | « trunk/src/chrome/renderer/net/net_error_helper_core_unittest.cc ('k') | trunk/src/chrome/renderer/resources/neterror.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698