• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!DOCTYPE html>
2<html id="template_root" i18n-values="dir:textdirection">
3<head>
4<title i18n-content="title">
5</title>
6<style>
7html {
8  height: 100%;
9}
10body {
11  color: #000;
12  font-family: arial, sans-serif;
13  background-image: -webkit-linear-gradient(white 50%, rgb(236, 244, 255));
14  width: 100%;
15  height: 100%;
16  padding: 0;
17  margin: 0;
18  display: -webkit-box;
19  -webkit-box-orient: vertical;
20  -webkit-box-align: stretch;
21  visibility: hidden;
22  -webkit-user-select: none;
23}
24
25.upper {
26  position: relative;
27  width: 100%;
28  -webkit-box-flex: 0.8;
29}
30
31#lower {
32  position: relative;
33  margin-top: 0;
34  width: 100%;
35  -webkit-box-flex: 1;
36  background-image: -webkit-gradient(radial, 50% -20%, 700, 50% -70%, 0, from(#FFF), color-stop(.7, #EEE), to(#EEE));
37}
38
39.icon {
40  float: left;
41  margin: 15px;
42  overflow: visible;
43}
44
45.h3 {
46  float: left;
47  height: 10%;
48  width: 80%;
49  font-family: Sans-serif;
50  font-size: 120%;
51  font-weight: bold;
52  padding: 3px;
53}
54
55.message {
56  float: left;
57  margin-top: 10px;
58}
59
60.link {
61  float: left;
62  clear: both;
63  padding: 3px;
64  font-weight: bold;
65}
66
67.offline_message {
68  position: absolute;
69  width: 600px;
70  height: 49%;
71  top: 50%;
72  left: 50%;
73  margin-left: -300px;
74  margin-top: -20%;
75}
76
77.activation_message {
78  position: absolute;
79  width: 500px;
80  top: 0;
81  margin-top: 0;
82  left: 50%;
83  margin-left: -250px;
84  min-height: 380px;
85}
86
87#carrierPage {
88  padding-top: 10px;
89  width: 500px;
90  height: 380px;
91  overflow-x: none;
92  overflow-y: none;
93}
94
95.hidden {
96  display: none;
97}
98
99.splitter {
100  border-top: 1px solid #DDD;
101  height: 1px;
102}
103</style>
104<script src="shared/js/local_strings.js"></script>
105
106<script>
107var localStrings = new LocalStrings();
108
109function sendCommand(cmd) {
110  window.domAutomationController.setAutomationId(1);
111  window.domAutomationController.send(cmd);
112}
113
114// Show the offline page.
115function showPage() {
116  document.body.style.visibility = 'visible';
117}
118
119document.addEventListener('DOMContentLoaded', function() {
120  var time_to_wait = localStrings.getString('time_to_wait');
121  var show_activation = localStrings.getString('show_activation') == 'true';
122  window.setTimeout(showPage, time_to_wait);
123  var lower = document.getElementById('lower');
124  if (show_activation)
125    lower.style.display = 'block';
126});
127</script>
128
129<body oncontextmenu="return false;">
130  <div class="upper" i18n-values=".title:url">
131    <div class="offline_message">
132      <div class="icon" i18n-values=".src:icon;.style.display:display_icon"></div>
133      <h3 i18n-content="heading"></h3>
134      <div class="message" i18n-values=".innerHTML:msg"></div>
135      <div class="link"><a href="chrome://settings/internet"
136           onclick="sendCommand('proceed')"
137           i18n-content="try_loading"></a>
138      </div>
139      <div class="link"><a href="chrome://settings/internet"
140           onclick="sendCommand('open_network_settings')"
141           i18n-content="network_settings"></a>
142      </div>
143    </div>
144  </div>
145  <div id="lower" class="hidden">
146    <div class="activation_message">
147      <div class="splitter"></div>
148      <iframe src="chrome-extension://iadeocfgjdjdmpenejdbfeaocpbikmab/activation_in_offline.html"
149              id="carrierPage" frameborder="0"></iframe>
150    </div>
151  </div>
152</body>
153</html>
154