Home | History | Annotate | Download | only in resources 
      1 <!DOCTYPE html>
      2 <html>
      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 </style>
     60 
     61 <script>
     62 function sendCommand(cmd) {
     63   window.domAutomationController.setAutomationId(1);
     64   window.domAutomationController.send(cmd);
     65 }
     66 
     67 function getChecked() {
     68   for (var i = 0; i < document.form.group.length; i++) {
     69     if (document.form.group[i].checked)
     70       return parseInt(document.form.group[i].value);
     71   }
     72   return 0;
     73 }
     74 </script>
     75 </head>
     76 <body oncontextmenu="return false;">
     77 <div class="background"><img src="ssl_roadblock_background.png" width="100%" height="100%" alt="background" onmousedown="return false;"></div>
     78 <table width="100%" cellspacing="0" cellpadding="0">
     79   <td class="cell" valign="middle" align="center">
     80     <div class="box">
     81       <div class="icon"><img src="ssl_roadblock_icon.png" alt="Reader out of date icon" onmousedown="return false;"></div>
     82       <div class="title" i18n-content="headLine"></div>
     83       <div class="main">
     84         <form name="form" class="submission">
     85           <input type="radio" name="group" value="1" checked> <span i18n-content="update"></span><br>
     86           <input type="radio" name="group" value="2"> <span i18n-content="open_with_reader"></span><br>
     87           <br>
     88           <input type="button" i18n-values="value:ok" name="ok" class="proceedbutton" onClick="sendCommand(getChecked());">
     89           <input type="button" i18n-values="value:cancel" name="cancel" onClick="sendCommand(0);">
     90         </form>
     91       </div>
     92   </td>
     93 </table>
     94 </body>
     95 </html>
     96