| <!DOCTYPE html> |
| <html i18n-values="dir:textdirection"> |
| <head> |
| <title i18n-content="title"></title> |
| <style type="text/css"> |
| |
| html { |
| background-color: rgb(92, 0, 0); |
| background-image: url("ssl_roadblock_background.png"); |
| background-repeat: repeat-x; |
| height: 100%; |
| } |
| |
| body { |
| font-family: Helvetica, Arial, sans-serif; |
| margin: 0; |
| } |
| |
| .cell { |
| padding: 40px; |
| } |
| |
| .box { |
| -webkit-box-shadow: 3px 3px 8px #200; |
| background-color: white; |
| border-radius: 5px; |
| color: black; |
| font-size: 10pt; |
| line-height: 16pt; |
| min-width: 500px; |
| max-width: 800px; |
| padding: 20px; |
| position: relative; |
| text-align: start; |
| width: 80%; |
| } |
| |
| #twisty_closed { |
| display: inline; |
| } |
| |
| html[dir='rtl'] #twisty_closed { |
| -webkit-transform: scaleX(-1); |
| } |
| |
| .icon { |
| position:absolute; |
| } |
| |
| .title { |
| color: #660000; |
| font-size: 18pt; |
| font-weight: bold; |
| line-height: 140%; |
| margin: 0 77px 6pt; |
| } |
| |
| .main { |
| margin: 1em 80px; |
| } |
| |
| .example { |
| border-top: 1px solid #ccc; |
| margin: 0 80px; |
| padding-top: 6px; |
| } |
| |
| .moreinfotitle { |
| margin-left: 5px; |
| margin-right: 5px; |
| } |
| |
| </style> |
| |
| <script> |
| function $(o) {return document.getElementById(o);} |
| |
| function sendCommand(cmd) { |
| window.domAutomationController.setAutomationId(1); |
| window.domAutomationController.send(cmd); |
| } |
| |
| function toggleMoreInfo(collapse) { |
| $('more_info_long').hidden = collapse; |
| $('more_info_short').hidden = !collapse; |
| } |
| </script> |
| </head> |
| <body oncontextmenu="return false;"> |
| <table width="100%" cellspacing="0" cellpadding="0"> |
| <td class="cell" valign="middle" align="center"> |
| <div class="box"> |
| <div class="icon"><img src="ssl_roadblock_icon.png" alt="SSL Error Icon" |
| onmousedown="return false;"></div> |
| <div class="title" i18n-content="headLine"></div> |
| <div class="main" i18n-values=".innerHTML:description;dir:textdirection"></div> |
| <div class="main" i18n-values=".innerHTML:shouldNotProceed"></div> |
| <div class="main"> |
| <button i18n-content="proceed" onclick="sendCommand(1);"> |
| </button> |
| <button i18n-content="exit" onclick="sendCommand(0);"> |
| </button> |
| </div> |
| <div class="example" id="more_info_short"> |
| <a href="#" onclick="toggleMoreInfo(false); return false;" |
| onmousedown="return false;"> |
| <img id="twisty_closed" src="twisty_closed.png" border="0"><span i18n-content="moreInfoTitle" class="moreinfotitle"></span> |
| </a> |
| </div> |
| <div class="example" id="more_info_long" hidden> |
| <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> |
| <p i18n-values=".innerHTML:moreInfo1"></p> |
| <p i18n-values=".innerHTML:moreInfo2"></p> |
| <p i18n-values=".innerHTML:moreInfo3"></p> |
| <p i18n-values=".innerHTML:moreInfo4"></p> |
| <p i18n-values=".innerHTML:moreInfo5"></p> |
| </div> |
| </td> |
| </table> |
| </body> |
| </html> |
