| <!DOCTYPE html> |
| <html id="template_root" i18n-values="dir:textdirection"> |
| <head> |
| <title i18n-content="title"></title> |
| <style> |
| body { |
| background-color:#500; |
| font-family:Helvetica,Arial,sans-serif; |
| margin:0px; |
| } |
| .background { |
| position:absolute; |
| width:100%; |
| height:100%; |
| } |
| .cell { |
| padding:40px; |
| } |
| .box { |
| width:80%; |
| background-color:white; |
| color:black; |
| font-size:10pt; |
| line-height:16pt; |
| text-align:left; |
| padding:20px; |
| position:relative; |
| -webkit-box-shadow:3px 3px 8px #200; |
| border-radius:5px; |
| } |
| html[dir='rtl'] .box { |
| text-align:right; |
| } |
| |
| .icon { |
| position:absolute; |
| } |
| .title { |
| margin:0px 87px 0px; |
| font-size:18pt; |
| line-height: 140%; |
| margin-bottom:6pt; |
| font-weight:bold; |
| color:#660000; |
| } |
| .main { |
| margin:0px 90px 10px; |
| } |
| .footer { |
| margin-top: 40px; |
| padding-top: 10px; |
| border-top: 1px solid #ddd; |
| } |
| .submission { |
| margin:15px 5px 15px 0px; |
| padding:0px; |
| } |
| input { |
| margin:0px; |
| } |
| .helpbutton { |
| float:right; |
| } |
| |
| .example { |
| margin: 30px 90px 0px; |
| border-top:1px solid #ccc; |
| padding-top:6px; |
| } |
| .moreinfotitle { |
| margin-left:5px; |
| margin-right:5px; |
| } |
| |
| .green { |
| background: -webkit-linear-gradient(#83c260, #71b44c 44%, #549d2c); |
| border: 1px solid #4c7336; |
| border-bottom: 1px solid #44692f; |
| border-radius: 3px; |
| -webkit-box-shadow: inset 0 1px 0 0 #a0d186, 0px 1px 2px rgba(0,0,0,0.2); |
| color: #fff; |
| font-family: arial, helvetica, sans-serif; |
| font-size: 14px; |
| font-weight: bold; |
| line-height: 1; |
| padding: 6px 16px 7px 16px; |
| text-align: center; |
| text-shadow: 0 -1px 0 #4865e4; |
| cursor: pointer; |
| text-decoration: none; |
| display: inline-block; |
| } |
| |
| .green:hover, .green:focus { |
| background: -webkit-linear-gradient(#8bc968, #7bbc57 44%, #4f9727); |
| border: 1px solid #456a2f; |
| border-bottom: 1px solid #456a2f; |
| -webkit-box-shadow: inset 0 1px 0 0 #a0d186, 0px 1px 2px rgba(0,0,0,0.3);; |
| } |
| |
| .green:active { |
| background: -webkit-linear-gradient(#83c260, #71b44c 44%, #549d2c); |
| border: 1px solid #3e612a; |
| border-top:1px solid #4c7336; |
| border-bottom:1px solid #547b3f; |
| -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.1); |
| } |
| |
| .green:focus { |
| border: 1px solid #000; |
| } |
| |
| label.checkbox { |
| position: relative; |
| } |
| |
| label.checkbox > input { |
| margin-top: 3px; |
| position: absolute; |
| } |
| |
| label.checkbox > span { |
| -webkit-margin-start: 20px; |
| display: block; |
| } |
| </style> |
| |
| <script> |
| function sendCommand(cmd) { |
| window.domAutomationController.setAutomationId(1); |
| window.domAutomationController.send(cmd); |
| } |
| |
| function savePreference() { |
| var checkBox = document.getElementById('checkreport'); |
| if (checkBox.checked) { |
| sendCommand('doReport'); |
| } else { |
| sendCommand('dontReport'); |
| } |
| } |
| </script> |
| |
| </head> |
| <body oncontextmenu="return false;"> |
| <div class="background"><img src="ssl_roadblock_background.png" width="100%" height="100%" alt="background" onmousedown="return false;"/></div> |
| <table width="100%" cellspacing="0" cellpadding="0"> |
| <td class="cell" valign="middle" align="center"> |
| <div class="box"> |
| <div class="icon"><img src="shared/images/phishing_icon.png" alt="Malware Icon" onmousedown="return false;"/></div> |
| <div class="title" i18n-content="headLine"></div> |
| <div class="main" i18n-values=".innerHTML:description1"></div> |
| <div class="main" i18n-values=".innerHTML:description2"></div> |
| <div class="main" i18n-values=".innerHTML:description5" id="detailinfo" style="display:block"></div> |
| |
| <div class="main"> |
| <form class="submission"> |
| <input type="button" class="green" id="back" i18n-values="value:back_button" onclick="sendCommand('takeMeBack')"> |
| <br> |
| </form> |
| </div> |
| |
| <div class="main" i18n-values=".innerHTML:description3"></div> |
| |
| <div class="main footer" jsdisplay="displaycheckbox"> |
| <label class="checkbox" for="checkreport"> |
| <input name="checked" id="checkreport" type="checkbox" |
| jsvalues=".checked:boxchecked" onclick="savePreference()"> |
| <span i18n-values=".innerHTML:confirm_text"></span> |
| </label> |
| </div> |
| |
| </div> |
| </td> |
| </table> |
| </body> |
| </html> |
