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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 4464005: Update the error page template to be a little prettier. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: Sync with trunk Created 10 years, 1 month 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/renderer/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 <title i18n-content="title"> 4 <title i18n-content="title">
5 </title> 5 </title>
6 <style> 6 <style>
7 html {
8 height: 100%;
9 background-color: #999;
10 }
7 body { 11 body {
8 background-color: #fff; 12 height: 100%;
9 color: #000; 13 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BBB), to(#999));
10 font-family: Helvetica, Arial, sans-serif; 14 font-family: Helvetica, Arial, sans-serif;
11 font-size: 83%; 15 margin: 0;
12 line-height: 120%;
13 max-width: 35em;
14 padding: 0.5em 1em;
15 } 16 }
16 li { 17 #cell {
17 padding-bottom: .3em; 18 border-top: 1px solid #999;
19 padding: 40px;
20 }
21 #box {
22 width: 80%;
23 max-width: 750px;
24 background-color: white;
25 color: black;
26 font-size: 10pt;
27 line-height: 18px;
28 -webkit-box-shadow: 2px 5px 12px #555;
29 border-radius: 5px;
30 margin: auto;
31 padding: 20px;
18 } 32 }
19 ul { 33 ul {
20 margin: .5em 0 0; 34 margin: 0;
21 padding-bottom: 0; 35 padding-bottom: 0;
22 } 36 }
23 h1 { 37 h1 {
24 font-size: 1.5em; 38 font-size: 18pt;
25 margin-bottom: 1.5em; 39 line-height: 30px;
40 margin: 0;
41 }
42 h1 img {
43 float: right;
44 border: 0;
45 margin-top: -4px;
46 -webkit-margin-start: 20px;
47 }
48 html[dir=rtl] h1 img {
49 float: left;
26 } 50 }
27 h2 { 51 h2 {
28 font-size: 1em; 52 font-size: 10pt;
29 font-weight: bold; 53 font-weight: bold;
30 margin: 0 0 .5em; 54 margin: 0;
31 padding: 0; 55 padding: 0;
32 } 56 }
33 a { 57 a {
34 color: #00c; 58 color: #00c;
35 } 59 }
36 a:active { 60 a:active {
37 color: #f00; 61 color: #f00;
38 } 62 }
39 a:visited { 63 a:visited {
40 color: #551a8b; 64 color: #551a8b;
41 } 65 }
42 #errorSummary, #suggestions, #search { 66 #errorSummary, #suggestions, #search {
43 margin-bottom: 2.5em; 67 -webkit-margin-start: 3px;
68 margin-top: 15px;
44 } 69 }
45 #zipInfo { 70 #errorDetails {
46 padding-left: 16px; 71 color: #777;
47 overflow: hidden; 72 -webkit-margin-start: 3px;
48 -webkit-transition: height .1s ease-out; 73 margin-top: 30px;
49 }
50 #plus {
51 border: 0;
52 cursor: pointer;
53 vertical-align: baseline;
54 }
55 #details {
56 background-color: #e0e0e0;
57 max-width: 30em;
58 padding: 1em;
59 }
60 #errorDetails.hide-details #plus {
61 display: inline;
62 }
63 #errorDetails.show-details #plus {
64 display: none;
65 }
66 #errorDetails.hide-details #minus {
67 display: none;
68 }
69 #errorDetails.show-details #minus {
70 display: inline;
71 }
72 #errorDetails.hide-details #zipInfo {
73 height: 0 !important;
74 } 74 }
75 </style> 75 </style>
76 <script>
77 function toggleDiv() {
78 var elt = document.getElementById('errorDetails');
79 elt.className = (elt.className == 'show-details') ? 'hide-details'
80 : 'show-details';
81
82 if (elt.className == 'show-details') {
83 zipInfo.style.height = zipInfo.offsetHeight + 'px';
84 } else {
85 zipInfo.style.height = 'auto';
86 }
87 }
88 </script>
89 </head> 76 </head>
90 77
91 <body id="t"> 78 <body id="t">
79 <div id="cell">
80 <div id="box">
81 <h1>
82 <img src="../../app/theme/%DISTRIBUTION%/product_logo.png" />
83 <span i18n-content="heading"></span>
84 </h1>
92 85
93 <h1 i18n-content="heading"></h1> 86 <div id="errorSummary" jsselect="summary">
87 <p jsvalues=".innerHTML:msg"></div>
94 88
95 <div id="errorSummary" jsselect="summary"> 89 <div id="suggestions">
96 <p jsvalues=".innerHTML:msg"></p> 90 <h2 i18n-content="suggestionsHeading"></h2>
97 </div> 91 <ul>
92 <li jsselect="suggestionsReload">
93 <span jsvalues=".innerHTML:msg"></span>
94 </li>
95 <li jsselect="suggestionsHomepage">
96 <span jscontent="suggestionsHomepageMsg"></span>
97 <a jscontent="hostName" jsvalues="href:homePage"></a>
98 </li>
99 <li jsselect="suggestionsLearnMore">
100 <span jsvalues=".innerHTML:msg"></span>
101 </li>
102 </ul>
103 </div>
98 104
99 <div id="suggestions"> 105 <div id="errorDetails" i18n-content="details"></div>
100 <h2 i18n-content="suggestionsHeading"></h2>
101 <ul>
102 <li jsselect="suggestionsReload">
103 <span jsvalues=".innerHTML:msg"></span>
104 </li>
105 <li jsselect="suggestionsHomepage">
106 <span jscontent="suggestionsHomepageMsg"></span>
107 <a jscontent="hostName" jsvalues="href:homePage"></a>
108 </li>
109 <li jsselect="suggestionsLearnMore">
110 <span jsvalues=".innerHTML:msg"></span>
111 </li>
112 </ul>
113 </div>
114
115 <div id="errorDetails" class="hide-details">
116 <a href="javascript:void(0);" style="text-decoration:none" onclick="toggleDiv() ">
117 <img id="plus" src="../../browser/resources/shared/images/plus.png">
118 <img id="minus" src="../../browser/resources/shared/images/minus.png">
119 <span id="errorExpander" i18n-content="detailsLink" style="text-decoration:und erline"></span>
120 </a>
121 <div id="zipInfo">
122 <p i18n-content="detailsHeading"></p>
123 <div id="details" i18n-content="details"></div>
124 </div> 106 </div>
125 </div> 107 </div>
126 </body> 108 </body>
127 </html> 109 </html>
OLDNEW
« no previous file with comments | « chrome/renderer/localized_error.cc ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698