Home | History | Annotate | Download | only in resources 
      1 <!DOCTYPE html>
      2 <html id="template_root" i18n-values="dir:textdirection">
      3 <head>
      4 <title i18n-content="title"></title>
      5 <style>
      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 87px 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 90px 10px;
     48 }
     49 .footer {
     50   margin-top: 40px;
     51   padding-top: 10px;
     52   border-top: 1px solid #ddd;
     53 }
     54 .submission {
     55   margin:15px 5px 15px 0px;
     56   padding:0px;
     57 }
     58 input {
     59   margin:0px;
     60 }
     61 .helpbutton {
     62   float:right;
     63 }
     64 
     65 .example {
     66   margin: 30px 90px 0px;
     67   border-top:1px solid #ccc;
     68   padding-top:6px;
     69 }
     70 .moreinfotitle {
     71   margin-left:5px;
     72   margin-right:5px;
     73 }
     74 
     75 .green {
     76   background: -webkit-linear-gradient(#83c260, #71b44c 44%, #549d2c);
     77   border: 1px solid #4c7336;
     78   border-bottom: 1px solid #44692f;
     79   border-radius: 3px;
     80   -webkit-box-shadow: inset 0 1px 0 0 #a0d186, 0px 1px 2px rgba(0,0,0,0.2);
     81   color: #fff;
     82   font-family: arial, helvetica, sans-serif;
     83   font-size: 14px;
     84   font-weight: bold;
     85   line-height: 1;
     86   padding: 6px 16px 7px 16px;
     87   text-align: center;
     88   text-shadow: 0 -1px 0 #4865e4;
     89   cursor: pointer;
     90   text-decoration: none;
     91   display: inline-block;
     92 }
     93 
     94 .green:hover, .green:focus {
     95   background: -webkit-linear-gradient(#8bc968, #7bbc57 44%, #4f9727);
     96   border: 1px solid #456a2f;
     97   border-bottom: 1px solid #456a2f;
     98   -webkit-box-shadow: inset 0 1px 0 0 #a0d186, 0px 1px 2px rgba(0,0,0,0.3);;
     99 }
    100 
    101 .green:active {
    102   background: -webkit-linear-gradient(#83c260, #71b44c 44%, #549d2c);
    103   border: 1px solid #3e612a;
    104   border-top:1px solid #4c7336;
    105   border-bottom:1px solid #547b3f;
    106   -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    107 }
    108 
    109 .green:focus {
    110   border: 1px solid #000;
    111 }
    112 
    113 label.checkbox {
    114   position: relative;
    115 }
    116 
    117 label.checkbox > input {
    118   margin-top: 3px;
    119   position: absolute;
    120 }
    121 
    122 label.checkbox > span {
    123   -webkit-margin-start: 20px;
    124   display: block;
    125 }
    126 </style>
    127 
    128 <script>
    129   function sendCommand(cmd) {
    130     window.domAutomationController.setAutomationId(1);
    131     window.domAutomationController.send(cmd);
    132   }
    133 
    134   function savePreference() {
    135     var checkBox = document.getElementById('checkreport');
    136     if (checkBox.checked) {
    137       sendCommand('doReport');
    138     } else {
    139       sendCommand('dontReport');
    140     }
    141   }
    142 </script>
    143 
    144 </head>
    145 <body oncontextmenu="return false;">
    146 <div class="background"><img src="ssl_roadblock_background.png" width="100%" height="100%" alt="background" onmousedown="return false;"/></div>
    147 <table width="100%" cellspacing="0" cellpadding="0">
    148   <td class="cell" valign="middle" align="center">
    149     <div class="box">
    150       <div class="icon"><img src="shared/images/phishing_icon.png" alt="Malware Icon" onmousedown="return false;"/></div>
    151       <div class="title" i18n-content="headLine"></div>
    152       <div class="main" i18n-values=".innerHTML:description1"></div>
    153       <div class="main" i18n-values=".innerHTML:description2"></div>
    154       <div class="main" i18n-values=".innerHTML:description5" id="detailinfo" style="display:block"></div>
    155 
    156       <div class="main">
    157         <form class="submission">
    158           <input type="button" class="green" id="back" i18n-values="value:back_button" onclick="sendCommand('takeMeBack')">
    159           <br>
    160         </form>
    161       </div>
    162 
    163       <div class="main" i18n-values=".innerHTML:description3"></div>
    164 
    165       <div class="main footer" jsdisplay="displaycheckbox">
    166         <label class="checkbox" for="checkreport">
    167           <input name="checked" id="checkreport" type="checkbox"
    168                  jsvalues=".checked:boxchecked" onclick="savePreference()">
    169           <span i18n-values=".innerHTML:confirm_text"></span>
    170         </label>
    171       </div>
    172 
    173     </div>
    174   </td>
    175 </table>
    176 </body>
    177 </html>
    178