Home | History | Annotate | Download | only in resources 
      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%" 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