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 .icon {
     35   position:absolute;
     36 }
     37 .title {
     38   margin: 0px 87px 0px;
     39   font-size:18pt;
     40   line-height: 140%;
     41   margin-bottom:6pt;
     42   font-weight:bold;
     43   color:#660000;
     44 }
     45 .main {
     46   margin:0px 90px 0px;
     47 }
     48 .submission {
     49   margin:15px 5px 15px 0px;
     50   padding:0px;
     51 }
     52 input {
     53   margin:0px;
     54 }
     55 .proceedbutton {
     56 }
     57 .helpbutton {
     58   float:right;
     59 }
     60 html[dir='rtl'] .helpbutton {
     61   float:left;
     62 }
     63 .example {
     64   margin: 30px 90px 0px;
     65   border-top:1px solid #ccc;
     66   padding-top:6px;
     67 }
     68 
     69 .green {
     70   background: -webkit-linear-gradient(#83c260, #71b44c 44%, #549d2c);
     71   border: 1px solid #4c7336;
     72   border-bottom: 1px solid #44692f;
     73   border-radius: 3px;
     74   -webkit-box-shadow: inset 0 1px 0 0 #a0d186, 0px 1px 2px rgba(0,0,0,0.2);
     75   color: #fff;
     76   font-family: arial, helvetica, sans-serif;
     77   font-size: 14px;
     78   font-weight: bold;
     79   line-height: 1;
     80   padding: 6px 16px 7px 16px;
     81   text-align: center;
     82   text-shadow: 0 -1px 0 #4865e4;
     83   cursor:pointer;
     84   text-decoration:none;
     85   display:inline-block;
     86 }
     87 
     88 .green:hover, .green:focus {
     89   background: -webkit-linear-gradient(#8bc968, #7bbc57 44%, #4f9727);
     90   border: 1px solid #456a2f;
     91   border-bottom: 1px solid #456a2f;
     92   -webkit-box-shadow: inset 0 1px 0 0 #a0d186, 0px 1px 2px rgba(0,0,0,0.3);;
     93 }
     94 
     95 .green:active {
     96   background: -webkit-linear-gradient(#83c260, #71b44c 44%, #549d2c);
     97   border: 1px solid #3e612a;
     98   border-top:1px solid #4c7336;
     99   border-bottom:1px solid #547b3f;
    100   -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    101 }
    102 
    103 .green:focus {
    104   border: 1px solid #000;
    105 }
    106 </style>
    107 
    108 <script>
    109   function sendCommand(cmd) {
    110     window.domAutomationController.setAutomationId(1);
    111     window.domAutomationController.send(cmd);
    112   }
    113 </script>
    114 
    115 </head>
    116 <body oncontextmenu="return false;">
    117 <div class="background"><img src="ssl_roadblock_background.png" width="100%" height="100%" alt="background" onmousedown="return false;"></div>
    118 <table width="100%" cellspacing="0" cellpadding="0">
    119   <td class="cell" valign="middle" align="center">
    120     <div class="box">
    121       <div class="icon"><img src="shared/images/phishing_icon.png" alt="Phishing Warning Icon" onmousedown="return false;"></div>
    122       <div class="title" i18n-content="headLine"></div>
    123       <div class="main" i18n-values=".innerHTML:description1"></div>
    124       <div class="main">
    125         <form class="submission">
    126           <input type="button" class="green" id="back" i18n-values="value:back_button" onclick="sendCommand('takeMeBack')">
    127         </form>
    128       </div>
    129       <div class="main"><a href="" i18n-content="description2" onclick="sendCommand('learnMore'); return false;"></a></div>
    130       <div class="main"><a href="" onclick="sendCommand('reportError'); return false;" onmousedown="return false;" i18n-content="report_error"></a></div>
    131       <div class="main" i18n-values=".innerHTML:description3"></div>
    132     </div>
    133   </td>
    134 </table>
    135 </body>
    136 </html>
    137