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   html[dir='rtl'] #twisty-closed {
  14     -webkit-transform: scaleX(-1);
  15   }
  16
  17   body {
  18     font-family: Helvetica, Arial, sans-serif;
  19     margin: 0;
  20   }
  21
  22   .box {
  23     -webkit-box-shadow: 3px 3px 8px #200;
  24     background-color: white;
  25     border-radius: 5px;
  26     color: black;
  27     font-size: 10pt;
  28     line-height: 16pt;
  29     margin: 40px auto auto auto;
  30     max-width: 800px;
  31     min-width: 500px;
  32     padding: 20px;
  33     position: relative;
  34     width: 80%;
  35   }
  36
  37   .icon {
  38     position:absolute;
  39   }
  40
  41   .main {
  42     margin: 1em 80px;
  43   }
  44
  45   .more {
  46     border-top: 1px solid #ccc;
  47     margin: 0 80px;
  48     padding-top: 6px;
  49   }
  50
  51   .more-info-title {
  52     margin-left: 5px;
  53     margin-right: 5px;
  54   }
  55
  56   .more-link {
  57     color: #0000FF;
  58     cursor: pointer;
  59     text-decoration: underline;
  60   }
  61
  62   html[dir='rtl'] .test-image {
  63     float: left;
  64   }
  65
  66   .title {
  67     color: #660000;
  68     font-size: 18pt;
  69     font-weight: bold;
  70     line-height: 140%;
  71     margin: 0 77px 6pt;
  72   }
  73
  74   .twisty {
  75     display: inline;
  76   }
  77   </style>
  78   <script src="../../../../ui/webui/resources/js/assert.js"></script>
  79   <script src="ssl_errors_common.js"></script>
  80   <script src="roadblock.js"></script>
  81 </head>
  82 <body>
  83   <div class="box">
  84     <div class="icon">
  85       <img src="roadblock_icon.png" alt="SSL Error Icon" id="roadblock-icon">
  86     </div>
  87     <div class="title" i18n-content="headLine"></div>
  88     <div class="main" i18n-values=".innerHTML:description;dir:textdirection"></div>
  89     <div class="main" i18n-values=".innerHTML:reasonForNotProceeding"></div>
  90     <div class="main">
  91       <button i18n-content="proceed" id="proceed-button" hidden></button>
  92       <button i18n-content="exit" id="exit-button"></button>
  93     </div>
  94     <div class="more" id="more-info-short">
  95       <span class="more-link">
  96         <img id="twisty-closed" class="twisty" src="twisty_closed.png"
  97             border="0"><span i18n-content="moreInfoTitle" id="more-info-title"
  98             class="show-more-info-title"></span>
  99       </span>
 100     </div>
 101     <div class="more" id="more-info-long" hidden>
 102       <span class="more-link">
 103         <img class="twisty" src="twisty_open.png" border="0"><span
 104             i18n-content="moreInfoTitle" class="more-info-title"></span>
 105       </span>
 106       <p i18n-values=".innerHTML:moreInfo1"></p>
 107       <p i18n-values=".innerHTML:moreInfo2"></p>
 108       <p i18n-values=".innerHTML:moreInfo3"></p>
 109       <p i18n-values=".innerHTML:moreInfo4"></p>
 110       <p i18n-values=".innerHTML:moreInfo5"></p>
 111     </div>
 112   </div>
 113 </table>
 114 </body>
 115 </html>