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 .helpbutton { | |
58 float:right; | |
59 } | |
60 .example { | |
61 margin:30px 80px 0px; | |
62 border-top:1px solid #ccc; | |
63 padding-top:6px; | |
64 } | |
65 .moreinfotitle { | |
66 margin-left:5px; | |
67 margin-right:5px; | |
68 } | |
69 </style> | |
70 | |
71 <script> | |
72 function $(o) {return document.getElementById(o);} | |
73 | |
74 function sendCommand(cmd) { | |
75 window.domAutomationController.setAutomationId(1); | |
76 window.domAutomationController.send(cmd); | |
77 } | |
78 | |
79 function toggleMoreInfo(collapse) { | |
80 if (collapse) { | |
81 $("more_info_long").style.display = "none"; | |
82 $("more_info_short").style.display = "block"; | |
83 } else { | |
84 $("more_info_long").style.display = "block"; | |
85 $("more_info_short").style.display = "none"; | |
86 } | |
87 } | |
88 function setDirectionSensitiveImages() { | |
89 if (document.documentElement.dir == 'rtl') { | |
90 $("twisty_closed_rtl").style.display = "inline"; | |
91 } else { | |
92 $("twisty_closed").style.display = "inline"; | |
93 } | |
94 } | |
95 </script> | |
96 </head> | |
97 <body oncontextmenu="return false;"> | |
98 <script> | |
99 document.addEventListener('DOMContentLoaded', setDirectionSensitiveImages); | |
100 </script> | |
101 <div class="background"><img src="ssl_roadblock_background.png" width="100%" hei
ght="100%" alt="background" onmousedown="return false;"></div> | |
102 <table width="100%" cellspacing="0" cellpadding="0"> | |
103 <td class="cell" valign="middle" align="center"> | |
104 <div class="box"> | |
105 <div class="icon"><img src="ssl_roadblock_icon.png" alt="SSL Error Icon" o
nmousedown="return false;"></div> | |
106 <div class="title" i18n-content="headLine"></div> | |
107 <div class="main" i18n-values=".innerHTML:description"></div> | |
108 <div class="main"> | |
109 <form class="submission"> | |
110 <input type="button" i18n-values="value:back" name="back" onClick="sen
dCommand(0);"> | |
111 </form> | |
112 </div> | |
113 <div class="example" id="more_info_short"> | |
114 <!-- | |
115 // The img madness here is due to the inlining of the html file | |
116 // resources. The script that does this looks for subresources like | |
117 // images and inlines them, so we need to have references to both the | |
118 // ltr and rtl versions statically. Just doing | |
119 // i18n-values="src:path_to_correct_image_set_by_c++" won't work, since | |
120 // the inlined version will just end up with that path string rather | |
121 // than the inlined image. | |
122 --> | |
123 <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> | |
124 </div> | |
125 <div class="example" id="more_info_long" style="display:none;"> | |
126 <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> | |
127 <p i18n-values=".innerHTML:moreInfo1"></p> | |
128 <p i18n-values=".innerHTML:moreInfo2"></p> | |
129 <p i18n-values=".innerHTML:moreInfo3"></p> | |
130 <p i18n-values=".innerHTML:moreInfo4"></p> | |
131 <p i18n-values=".innerHTML:moreInfo5"></p> | |
132 </div> | |
133 </td> | |
134 </table> | |
135 </body> | |
136 </html> | |
OLD | NEW |