| <!doctype html> |
| <html><!-- TODO(dbeam): RTL? --> |
| <head> |
| <meta charset="utf-8"> |
| <title i18n-content="title"></title> |
| <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> |
| <style type="text/css"> |
| body { |
| background-color: #500; |
| margin: 0; |
| } |
| .background { |
| height: 100%; |
| position: absolute; |
| width: 100%; |
| } |
| .cell { |
| padding: 40px; |
| } |
| .box { |
| background-color: white; |
| border-radius: 5px; |
| box-shadow: 3px 3px 8px #200; |
| color: black; |
| font-size: 10pt; |
| line-height: 16pt; |
| padding: 20px; |
| position: relative; |
| text-align: left; |
| width: 80%; |
| } |
| html[dir='rtl'] .box { |
| text-align: right; |
| } |
| |
| .icon { |
| background-image: url(ssl/images/roadblock.png); |
| background-repeat: no-repeat; |
| height: 53px; |
| position: absolute; |
| width: 64px; |
| } |
| .title { |
| color: #660000; |
| font-size: 18pt; |
| font-weight: bold; |
| line-height: 140%; |
| margin-bottom: 6pt; |
| margin: 0 77px 0; |
| } |
| .main { |
| margin: 0 80px 0; |
| } |
| |
| .submission { |
| margin: 15px 5px 15px 0; |
| padding: 0; |
| } |
| input { |
| margin: 0; |
| } |
| </style> |
| |
| <script> |
| function sendCommand(cmd) { |
| window.domAutomationController.setAutomationId(1); |
| window.domAutomationController.send(cmd); |
| } |
| |
| function getChecked() { |
| for (var i = 0; i < document.form.group.length; i++) { |
| if (document.form.group[i].checked) |
| return parseInt(document.form.group[i].value); |
| } |
| return 0; |
| } |
| </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"></div> |
| <div class="title" i18n-content="headLine"></div> |
| <div class="main"> |
| <form name="form" class="submission"> |
| <input type="radio" name="group" value="1" checked> |
| <span i18n-content="update"></span> |
| <br> |
| <input type="radio" name="group" value="2"> |
| <span i18n-content="open_with_reader"></span> |
| <br> |
| <br> |
| <input type="button" i18n-values="value:ok" name="ok" |
| class="proceedbutton" onclick="sendCommand(getChecked());"> |
| <input type="button" i18n-values="value:cancel" name="cancel" |
| onclick="sendCommand(0);"> |
| </form> |
| </div> |
| </td> |
| </table> |
| </body> |
| </html> |