1<!DOCTYPE html>
2<html id="template_root" i18n-values="dir:textdirection">
3<head>
4<title i18n-content="title"></title>
5<style>
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.icon {
35  position:absolute;
36}
37.title {
38  margin: 0px 87px 0px;
39  font-size:18pt;
40  line-height: 140%;
41  margin-bottom:6pt;
42  font-weight:bold;
43  color:#660000;
44}
45.main {
46  margin:0px 90px 0px;
47}
48.submission {
49  margin:15px 5px 15px 0px;
50  padding:0px;
51}
52input {
53  margin:0px;
54}
55.proceedbutton {
56}
57.helpbutton {
58  float:right;
59}
60html[dir='rtl'] .helpbutton {
61  float:left;
62}
63.example {
64  margin: 30px 90px 0px;
65  border-top:1px solid #ccc;
66  padding-top:6px;
67}
68
69.green {
70  background: -webkit-linear-gradient(#83c260, #71b44c 44%, #549d2c);
71  border: 1px solid #4c7336;
72  border-bottom: 1px solid #44692f;
73  border-radius: 3px;
74  -webkit-box-shadow: inset 0 1px 0 0 #a0d186, 0px 1px 2px rgba(0,0,0,0.2);
75  color: #fff;
76  font-family: arial, helvetica, sans-serif;
77  font-size: 14px;
78  font-weight: bold;
79  line-height: 1;
80  padding: 6px 16px 7px 16px;
81  text-align: center;
82  text-shadow: 0 -1px 0 #4865e4;
83  cursor:pointer;
84  text-decoration:none;
85  display:inline-block;
86}
87
88.green:hover, .green:focus {
89  background: -webkit-linear-gradient(#8bc968, #7bbc57 44%, #4f9727);
90  border: 1px solid #456a2f;
91  border-bottom: 1px solid #456a2f;
92  -webkit-box-shadow: inset 0 1px 0 0 #a0d186, 0px 1px 2px rgba(0,0,0,0.3);;
93}
94
95.green:active {
96  background: -webkit-linear-gradient(#83c260, #71b44c 44%, #549d2c);
97  border: 1px solid #3e612a;
98  border-top:1px solid #4c7336;
99  border-bottom:1px solid #547b3f;
100  -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
101}
102
103.green:focus {
104  border: 1px solid #000;
105}
106</style>
107
108<script>
109  function sendCommand(cmd) {
110    window.domAutomationController.setAutomationId(1);
111    window.domAutomationController.send(cmd);
112  }
113</script>
114
115</head>
116<body oncontextmenu="return false;">
117<div class="background"><img src="ssl_roadblock_background.png" width="100%" height="100%" alt="background" onmousedown="return false;"></div>
118<table width="100%" cellspacing="0" cellpadding="0">
119  <td class="cell" valign="middle" align="center">
120    <div class="box">
121      <div class="icon"><img src="shared/images/phishing_icon.png" alt="Phishing Warning Icon" onmousedown="return false;"></div>
122      <div class="title" i18n-content="headLine"></div>
123      <div class="main" i18n-values=".innerHTML:description1"></div>
124      <div class="main">
125        <form class="submission">
126          <input type="button" class="green" id="back" i18n-values="value:back_button" onclick="sendCommand('takeMeBack')">
127        </form>
128      </div>
129      <div class="main"><a href="" i18n-content="description2" onclick="sendCommand('learnMore'); return false;"></a></div>
130      <div class="main"><a href="" onclick="sendCommand('reportError'); return false;" onmousedown="return false;" i18n-content="report_error"></a></div>
131      <div class="main" i18n-values=".innerHTML:description3"></div>
132    </div>
133  </td>
134</table>
135</body>
136</html>
137