summaryrefslogtreecommitdiffstats
path: root/chrome/renderer/resources/neterror.html
blob: 087b270385d6a2d997ae16a1d80b30a711d76a87 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html i18n-values="dir:textdirection">
<head>
<title i18n-content="title">
</title>
<style>
body {
  background-color: #fff;
  color: #000;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 83%;
  line-height: 120%;
  max-width: 35em;
  padding: 0.5em 1em;
}
li {
  padding-bottom: .3em;
}
ul {
  margin: .5em 0 0;
  padding-bottom: 0;
}
h1 {
  font-size: 1.5em;
  margin-bottom: 1.5em;
}
h2 {
  font-size: 1em;
  font-weight: bold;
  margin: 0 0 .5em;
  padding: 0;
}
a {
  color: #00c;
}
a:active {
  color: #f00;
}
a:visited {
  color: #551a8b;
}
#errorSummary, #suggestions, #search {
  margin-bottom: 2.5em;
}
#zipInfo {
  padding-left: 16px;
  overflow: hidden;
  -webkit-transition: height .1s ease-out;
}
#plus {
  border: 0;
  cursor: pointer;
  vertical-align: baseline;
}
#details {
  background-color: #e0e0e0;
  max-width: 30em;
  padding: 1em;
}
#errorDetails.hide-details #plus {
  display: inline;
}
#errorDetails.show-details #plus {
  display: none;
}
#errorDetails.hide-details #minus {
  display: none;
}
#errorDetails.show-details #minus {
  display: inline;
}
#errorDetails.hide-details #zipInfo {
  height: 0 !important;
}
</style>
<script>
function toggleDiv() {
  var elt = document.getElementById('errorDetails');
  elt.className = (elt.className == 'show-details') ? 'hide-details'
                                                    : 'show-details';

  if (elt.className == 'show-details') {
    zipInfo.style.height = zipInfo.offsetHeight + 'px';
  } else {
    zipInfo.style.height = 'auto';
  }
}
</script>
</head>

<body id="t">

<h1 i18n-content="heading"></h1>

<div id="errorSummary" jsselect="summary">
 <p jsvalues=".innerHTML:msg"></p>
</div>

<div id="suggestions">
 <h2 i18n-content="suggestionsHeading"></h2>
 <ul>
  <li jsselect="suggestionsReload">
    <span jsvalues=".innerHTML:msg"></span>
  </li>
  <li jsselect="suggestionsHomepage">
    <span jscontent="suggestionsHomepageMsg"></span>
    <a jscontent="hostName" jsvalues="href:homePage"></a>
  </li>
  <li jsselect="suggestionsLearnMore">
    <span jsvalues=".innerHTML:msg"></span>
  </li>
 </ul>
</div>

<div id="errorDetails" class="hide-details">
 <a href="javascript:void(0);" style="text-decoration:none" onclick="toggleDiv()">
  <img id="plus" src="../../browser/resources/plus.png">
  <img id="minus" src="../../browser/resources/minus.png">
  <span id="errorExpander" i18n-content="detailsLink" style="text-decoration:underline"></span>
 </a>
 <div id="zipInfo">
  <p i18n-content="detailsHeading"></p>
  <div id="details" i18n-content="details"></div>
 </div>
</div>
</body>
</html>