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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/renderer/resources/neterror.html

Issue 13471007: New network error pages: Update format of suggestions. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: Remove bonus linebreaks added by MSVC Created 7 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
« no previous file with comments | « chrome/common/localized_error.cc ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html i18n-values="dir:textdirection"> 2 <html i18n-values="dir:textdirection">
3 <head> 3 <head>
4 <meta name="viewport" content="width=device-width" /> 4 <meta name="viewport" content="width=device-width" />
5 <title i18n-content="title"> 5 <title i18n-content="title">
6 </title> 6 </title>
7 <style> 7 <style>
8 8
9 body { 9 body {
10 background-color: #E6E6E6; 10 background-color: #E6E6E6;
(...skipping 14 matching lines...) Expand all
25 border: 1px solid #AAA; 25 border: 1px solid #AAA;
26 border-bottom: 1px solid #888; 26 border-bottom: 1px solid #888;
27 border-radius: 3px; 27 border-radius: 3px;
28 color: black; 28 color: black;
29 <if expr="not pp_ifdef('android') and not pp_ifdef('ios')"> 29 <if expr="not pp_ifdef('android') and not pp_ifdef('ios')">
30 /* Not done on mobile for performance reasons. */ 30 /* Not done on mobile for performance reasons. */
31 box-shadow: 0px 2px 2px #AAA; 31 box-shadow: 0px 2px 2px #AAA;
32 </if> 32 </if>
33 } 33 }
34 34
35 ul {
36 margin: 0;
37 padding-bottom: 0;
38 }
39
40 li {
41 padding-top: 2px;
42 }
43
44 h1 { 35 h1 {
45 color: #666; 36 color: #666;
46 margin: 10px 0px 25px 0px; 37 margin: 10px 0px 25px 0px;
47 font-weight: normal; 38 font-weight: normal;
48 font-size: 1.5em; 39 font-size: 1.5em;
49 } 40 }
50 41
51 h2 {
52 font-weight: normal;
53 margin: 0;
54 padding: 0;
55 }
56
57 a { 42 a {
58 color: #00c; 43 color: #15c;
59 } 44 text-decoration: none;
60
61 a:active {
62 color: #f00;
63 }
64
65 a:visited {
66 color: #551a8b;
67 } 45 }
68 46
69 #content-top { 47 #content-top {
70 margin: 20px 20px 20px 25px; 48 margin: 20px 20px 20px 25px;
71 } 49 }
72 50
73 #help-box-outer { 51 #help-box-outer {
74 overflow: hidden; 52 overflow: hidden;
75 -webkit-transition: height ease-in 218ms; 53 -webkit-transition: height ease-in 218ms;
76 } 54 }
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
127 } 105 }
128 106
129 .failedUrl { 107 .failedUrl {
130 word-wrap: break-word; 108 word-wrap: break-word;
131 } 109 }
132 110
133 .hidden { 111 .hidden {
134 display: none; 112 display: none;
135 } 113 }
136 114
115 .suggestions {
116 margin-top: 18px;
117 }
118
119 .suggestionHeader {
120 font-weight: bold;
121 margin-bottom: 4px;
122 }
123
124 .suggestionBody {
125 color: #777;
126 }
127
137 /* Increase line height at higher resolutions. */ 128 /* Increase line height at higher resolutions. */
138 @media (min-width: 641px) and (min-height: 641px) { 129 @media (min-width: 641px) and (min-height: 641px) {
139 #details { 130 #details {
140 line-height: 18px; 131 line-height: 18px;
141 } 132 }
142 #help-box-inner { 133 #help-box-inner {
143 line-height: 20px; 134 line-height: 18px;
144 } 135 }
145 } 136 }
146 137
147 /* Decrease padding at low sizes. */ 138 /* Decrease padding at low sizes. */
148 @media (max-width: 640px), (max-height: 640px) { 139 @media (max-width: 640px), (max-height: 640px) {
149 body { 140 body {
150 margin: 15px; 141 margin: 15px;
151 } 142 }
152 h1 { 143 h1 {
153 margin: 10px 0px 15px 0px; 144 margin: 10px 0px 15px 0px;
154 } 145 }
155 #content-top { 146 #content-top {
156 margin: 15px; 147 margin: 15px;
157 } 148 }
158 #help-box-inner { 149 #help-box-inner {
159 padding: 20px; 150 padding: 20px;
160 } 151 }
161 #details { 152 #details {
162 margin: 15px; 153 margin: 15px;
163 } 154 }
155 .suggestions {
156 margin-top: 10px;
157 }
158 .suggestionHeader {
159 margin-bottom: 0px;
160 }
164 } 161 }
165 162
166 </style> 163 </style>
167 </head> 164 </head>
168 165
169 <script> 166 <script>
170 /** 167 /**
171 * Sets the classes of elements to match their jscontent values. 168 * Sets the classes of elements to match their jscontent values.
172 * Elements without jscontent values are ignored. 169 * Elements without jscontent values are ignored.
173 * 170 *
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
211 <button id="moreLessButton" onclick="toggleHelpBox()" jsdisplay="more" jsval ues=".moreText:more; .lessText:less;" jscontent="more"></button> 208 <button id="moreLessButton" onclick="toggleHelpBox()" jsdisplay="more" jsval ues=".moreText:more; .lessText:less;" jscontent="more"></button>
212 </div> 209 </div>
213 210
214 <!-- Outer and inner divs are needed both for margins and sizing. --> 211 <!-- Outer and inner divs are needed both for margins and sizing. -->
215 <div id="help-box-outer" class="hidden"> 212 <div id="help-box-outer" class="hidden">
216 <div id="help-box-inner"> 213 <div id="help-box-inner">
217 <div id="errorSummary" jsselect="summary"> 214 <div id="errorSummary" jsselect="summary">
218 <span jsvalues=".innerHTML:msg"></span> 215 <span jsvalues=".innerHTML:msg"></span>
219 </div> 216 </div>
220 217
221 <div id="suggestions" jsdisplay="suggestionsHeading"> 218 <div class="suggestions" jsselect="suggestions">
222 <h2 i18n-content="suggestionsHeading"></h2> 219 <div class="suggestionHeader" jsvalues=".innerHTML:header"></div>
223 <ul> 220 <div class="suggestionBody" jsvalues=".innerHTML:body"></div>
224 <li jsselect="suggestionsHomepage">
225 <span jscontent="suggestionsHomepageMsg"></span>
226 <a jscontent="hostName" jsvalues="href:homePage"></a>
227 </li>
228 <li jsselect="suggestionsCheckConnection">
229 <span jsvalues=".innerHTML:msg"></span>
230 </li>
231 <li jsselect="suggestionsDNSConfig">
232 <span jsvalues=".innerHTML:msg"></span>
233 </li>
234 <li jsselect="suggestionsDisableNetworkPrediction">
235 <span jsvalues=".innerHTML:msg"></span>
236 </li>
237 <li jsselect="suggestionsFirewallConfig">
238 <span jsvalues=".innerHTML:msg"></span>
239 </li>
240 <li jsselect="suggestionsProxyConfig">
241 <span jsvalues=".innerHTML:msg"></span>
242 </li>
243 <li jsselect="suggestionsProxyDisable">
244 <span jsvalues=".innerHTML:msg"></span>
245 </li>
246 <li jsselect="suggestionsDisableExtension">
247 <span jsvalues=".innerHTML:msg"></span>
248 </li>
249 <li jsselect="suggestionsLearnMore">
250 <span jsvalues=".innerHTML:msg"></span>
251 </li>
252 <li jsselect="suggestionsViewPolicies">
253 <span jsvalues=".innerHTML:msg"></span>
254 </li>
255 <li jsselect="suggestionsContactAdministrator">
256 <span jsvalues=".innerHTML:msg"></span>
257 </li>
258 </ul>
259 </div> 221 </div>
260 </div> 222 </div>
261 </div> 223 </div>
262 </div> 224 </div>
263 <div id="details"> 225 <div id="details">
264 <div jsdisplay="errorDetails" jscontent="errorDetails"></div> 226 <div jsdisplay="errorDetails" jscontent="errorDetails"></div>
265 <div jscontent="errorCode"></div> 227 <div jscontent="errorCode"></div>
266 </div> 228 </div>
267 </div> 229 </div>
268 </body> 230 </body>
269 </html> 231 </html>
OLDNEW
« no previous file with comments | « chrome/common/localized_error.cc ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698