src/chrome/browser/resources/ssl/roadblock.html

   1 <!DOCTYPE html>
   2 <html i18n-values="dir:textdirection">
   3 <head>
   4   <meta charset="utf-8">
   5   <title i18n-content="title"></title>
   6   <style type="text/css">
   7
   8   html {
   9     background-color: rgb(252, 195, 59);
  10     height: 100%;
  11   }
  12
  13   body {
  14     font-family: Helvetica, Arial, sans-serif;
  15     margin: 0;
  16   }
  17
  18   .box {
  19     -webkit-box-shadow: 3px 3px 8px #200;
  20     background-color: white;
  21     border-radius: 5px;
  22     color: black;
  23     font-size: 10pt;
  24     line-height: 16pt;
  25     margin: 40px auto auto auto;
  26     max-width: 800px;
  27     min-width: 500px;
  28     padding: 20px;
  29     position: relative;
  30     width: 80%;
  31   }
  32
  33   .main {
  34     margin: 1em 80px;
  35   }
  36
  37   .more {
  38     border-top: 1px solid #ccc;
  39     margin: 0 80px;
  40     padding-top: 6px;
  41   }
  42
  43   .more-info-title {
  44     margin-left: 5px;
  45     margin-right: 5px;
  46   }
  47
  48   .more-link {
  49     color: #0000FF;
  50     cursor: pointer;
  51     text-decoration: underline;
  52   }
  53
  54   #roadblock-icon {
  55     background-image: url('images/roadblock.png');
  56     height: 53px;
  57     position: absolute;
  58     width: 64px;
  59   }
  60
  61   .title {
  62     color: #660000;
  63     font-size: 18pt;
  64     font-weight: bold;
  65     line-height: 140%;
  66     margin: 0 77px 6pt;
  67   }
  68
  69   summary:focus {
  70     outline: none;
  71   }
  72   </style>
  73   <script src="../../../../ui/webui/resources/js/assert.js"></script>
  74   <script src="ssl_errors_common.js"></script>
  75   <script src="roadblock.js"></script>
  76 </head>
  77 <body>
  78   <div class="box">
  79     <div class="icon" id="roadblock-icon"></div>
  80     <div class="title" i18n-content="headLine"></div>
  81     <div class="main" i18n-values=".innerHTML:description;dir:textdirection"></div>
  82     <div class="main" i18n-values=".innerHTML:reasonForNotProceeding"></div>
  83     <div class="main">
  84       <button i18n-content="proceed" id="proceed-button" hidden></button>
  85       <button i18n-content="exit" id="exit-button"></button>
  86     </div>
  87     <details class="more">
  88       <summary><span class="more-link" i18n-content="moreInfoTitle" id="more-info-title"></span></summary>
  89       <p i18n-values=".innerHTML:moreInfo1"></p>
  90       <p i18n-values=".innerHTML:moreInfo2"></p>
  91       <p i18n-values=".innerHTML:moreInfo3"></p>
  92       <p i18n-values=".innerHTML:moreInfo4"></p>
  93       <p i18n-values=".innerHTML:moreInfo5"></p>
  94     </details>
  95   </div>
  96 </table>
  97 </body>
  98 </html>