• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!DOCTYPE html>
2<html i18n-values="dir:textdirection">
3<head>
4<title i18n-content="title"></title>
5<style type="text/css">
6body {
7  background-color:#500;
8  font-family:Helvetica,Arial,sans-serif;
9  margin:0px;
10}
11.background {
12  position:absolute;
13  width:100%;
14  height:100%;
15}
16.cell {
17  padding:40px;
18}
19.box {
20  width:80%;
21  background-color:white;
22  color:black;
23  font-size:10pt;
24  line-height:16pt;
25  text-align:left;
26  padding:20px;
27  position:relative;
28  -webkit-box-shadow:3px 3px 8px #200;
29  border-radius:5px;
30}
31html[dir='rtl'] .box {
32  text-align:right;
33}
34
35.icon {
36  position:absolute;
37}
38.title {
39  margin: 0px 77px 0px;
40  font-size:18pt;
41  line-height: 140%;
42  margin-bottom:6pt;
43  font-weight:bold;
44  color:#660000;
45}
46.main {
47  margin:0px 80px 0px;
48}
49
50.submission {
51  margin:15px 5px 15px 0px;
52  padding:0px;
53}
54input {
55  margin:0px;
56}
57.proceedbutton {
58}
59.helpbutton {
60  float:right;
61}
62.example {
63  margin:30px 80px 0px;
64  border-top:1px solid #ccc;
65  padding-top:6px;
66}
67.moreinfotitle {
68  margin-left:5px;
69  margin-right:5px;
70}
71</style>
72
73<script>
74  function $(o) {return document.getElementById(o);}
75
76  function sendCommand(cmd) {
77    window.domAutomationController.setAutomationId(1);
78    window.domAutomationController.send(cmd);
79  }
80
81  function toggleMoreInfo(collapse) {
82    if (collapse) {
83      $("more_info_long").style.display = "none";
84      $("more_info_short").style.display = "block";
85    } else {
86      $("more_info_long").style.display = "block";
87      $("more_info_short").style.display = "none";
88    }
89  }
90  function setDirectionSensitiveImages() {
91    if (document.documentElement.dir == 'rtl') {
92      $("twisty_closed_rtl").style.display = "inline";
93    } else {
94      $("twisty_closed").style.display = "inline";
95    }
96  }
97</script>
98</head>
99<body oncontextmenu="return false;">
100<script>
101document.addEventListener('DOMContentLoaded', setDirectionSensitiveImages);
102</script>
103<div class="background"><img src="ssl_roadblock_background.png" width="100%" height="100%" alt="background" onmousedown="return false;"></div>
104<table width="100%" cellspacing="0" cellpadding="0">
105  <td class="cell" valign="middle" align="center">
106    <div class="box">
107      <div class="icon"><img src="ssl_roadblock_icon.png" alt="SSL Error Icon" onmousedown="return false;"></div>
108      <div class="title" i18n-content="headLine"></div>
109      <div class="main" i18n-values=".innerHTML:description"></div>
110      <div class="main">
111        <form class="submission">
112          <input type="button" i18n-values="value:proceed" name="proceed" class="proceedbutton" onClick="sendCommand(1);">
113          <input type="button" i18n-values="value:exit" name="exit" onClick="sendCommand(0);">
114        </form>
115      </div>
116      <div class="example" id="more_info_short">
117      <!--
118       // The img madness here is due to the inlining of the html file
119       // resources. The script that does this looks for subresources like
120       // images and inlines them, so we need to have references to both the
121       // ltr and rtl versions statically. Just doing
122       // i18n-values="src:path_to_correct_image_set_by_c++" won't work, since
123       // the inlined version will just end up with that path string rather
124       // than the inlined image.
125      -->
126        <a href="#" onclick="toggleMoreInfo(false); return false;" onmousedown="return false;"><img id="twisty_closed" src="twisty_closed.png" border="0" style="display:none"><img id="twisty_closed_rtl" src="twisty_closed_rtl.png" border="0" style="display:none"><span i18n-content="moreInfoTitle" class="moreinfotitle"></span></a>
127      </div>
128      <div class="example" id="more_info_long" style="display:none;">
129        <a href="#" onclick="toggleMoreInfo(true); return false;" onmousedown="return false;"><img src="twisty_open.png" border="0"><span i18n-content="moreInfoTitle" class="moreinfotitle"></span></a>
130        <p i18n-values=".innerHTML:moreInfo1"></p>
131        <p i18n-values=".innerHTML:moreInfo2"></p>
132        <p i18n-values=".innerHTML:moreInfo3"></p>
133        <p i18n-values=".innerHTML:moreInfo4"></p>
134        <p i18n-values=".innerHTML:moreInfo5"></p>
135      </div>
136  </td>
137</table>
138</body>
139</html>
140