chrome/browser/resources/reader_out_of_date.html

   1 <!doctype html>
   2 <html i18n-values="lang:language">
   3 <head>
   4 <meta charset="utf-8">
   5 <title i18n-content="title"></title>
   6 <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
   7 <style type="text/css">
   8 body {
   9   background-color: #500;
  10   margin: 0;
  11 }
  12 .background {
  13   height: 100%;
  14   position: absolute;
  15   width: 100%;
  16 }
  17 .cell {
  18   padding: 40px;
  19 }
  20 .box {
  21   background-color: white;
  22   border-radius: 5px;
  23   box-shadow: 3px 3px 8px #200;
  24   color: black;
  25   font-size: 10pt;
  26   line-height: 16pt;
  27   padding: 20px;
  28   position: relative;
  29   text-align: left;
  30   width: 80%;
  31 }
  32 html[dir='rtl'] .box {
  33   text-align: right;
  34 }
  35
  36 .icon {
  37   background-image: url(ssl/images/roadblock.png);
  38   background-repeat: no-repeat;
  39   height: 53px;
  40   position: absolute;
  41   width: 64px;
  42 }
  43 .title {
  44   color: #660000;
  45   font-size: 18pt;
  46   font-weight: bold;
  47   line-height: 140%;
  48   margin-bottom: 6pt;
  49   margin: 0 77px 0;
  50 }
  51 .main {
  52   margin: 0 80px 0;
  53 }
  54
  55 .submission {
  56   margin: 15px 5px 15px 0;
  57   padding: 0;
  58 }
  59 input {
  60   margin: 0;
  61 }
  62 </style>
  63
  64 <script>
  65 function sendCommand(cmd) {
  66   window.domAutomationController.setAutomationId(1);
  67   window.domAutomationController.send(cmd);
  68 }
  69
  70 function getChecked() {
  71   for (var i = 0; i < document.form.group.length; i++) {
  72     if (document.form.group[i].checked)
  73       return parseInt(document.form.group[i].value);
  74   }
  75   return 0;
  76 }
  77 </script>
  78 </head>
  79 <body oncontextmenu="return false;">
  80 <div class="background"><img src="ssl/roadblock_background.png" width="100%"
  81     height="100%" alt="background" onmousedown="return false;"></div>
  82 <table width="100%" cellspacing="0" cellpadding="0">
  83   <td class="cell" valign="middle" align="center">
  84     <div class="box">
  85       <div class="icon"></div>
  86       <div class="title" i18n-content="headLine"></div>
  87       <div class="main">
  88         <form name="form" class="submission">
  89           <input type="radio" name="group" value="1" checked>
  90           <span i18n-content="update"></span>
  91           <br>
  92           <input type="radio" name="group" value="2">
  93           <span i18n-content="open_with_reader"></span>
  94           <br>
  95           <br>
  96           <input type="button" i18n-values="value:ok" name="ok"
  97               class="proceedbutton" onclick="sendCommand(getChecked());">
  98           <input type="button" i18n-values="value:cancel" name="cancel"
  99               onclick="sendCommand(0);">
 100         </form>
 101       </div>
 102   </td>
 103 </table>
 104 </body>
 105 </html>