OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html i18n-values="dir:textdirection"> | |
3 <head> | |
4 <title i18n-content="title"></title> | |
5 <style type="text/css"> | |
6 body { | |
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 } | |
31 html[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 } | |
54 input { | |
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> | |
101 document.addEventListener('DOMContentLoaded', setDirectionSensitiveImages); | |
102 </script> | |
103 <div class="background"><img src="ssl_roadblock_background.png" width="100%" hei
ght="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" o
nmousedown="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="sen
dCommand(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="r
eturn false;"><img src="twisty_open.png" border="0"><span i18n-content="moreInfo
Title" 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> | |
OLD | NEW |