summaryrefslogtreecommitdiffstats
path: root/chrome/browser/resources/ssl/roadblock.html
blob: af1c1a31fbc834184f23425f0ab2aa52bc6a647c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html i18n-values="dir:textdirection">
<head>
  <meta charset="utf-8">
  <title i18n-content="title"></title>
  <style type="text/css">

  html {
    background-color: rgb(252, 195, 59);
    height: 100%;
  }

  body {
    font-family: Helvetica, Arial, sans-serif;
    margin: 0;
  }

  .box {
    -webkit-box-shadow: 3px 3px 8px #200;
    background-color: white;
    border-radius: 5px;
    color: black;
    font-size: 10pt;
    line-height: 16pt;
    margin: 40px auto auto auto;
    max-width: 800px;
    min-width: 500px;
    padding: 20px;
    position: relative;
    width: 80%;
  }

  .main {
    margin: 1em 80px;
  }

  .more {
    border-top: 1px solid #ccc;
    margin: 0 80px;
    padding-top: 6px;
  }

  .more-info-title {
    margin-left: 5px;
    margin-right: 5px;
  }

  .more-link {
    color: #0000FF;
    cursor: pointer;
    text-decoration: underline;
  }

  #roadblock-icon {
    background-image: url('images/roadblock.png');
    height: 53px;
    position: absolute;
    width: 64px;
  }

  .title {
    color: #660000;
    font-size: 18pt;
    font-weight: bold;
    line-height: 140%;
    margin: 0 77px 6pt;
  }

  summary:focus {
    outline: none;
  }
  </style>
  <script src="../../../../ui/webui/resources/js/assert.js"></script>
  <script src="ssl_errors_common.js"></script>
  <script src="roadblock.js"></script>
</head>
<body>
  <div class="box">
    <div class="icon" id="roadblock-icon"></div>
    <div class="title" i18n-content="headLine"></div>
    <div class="main" i18n-values=".innerHTML:description;dir:textdirection"></div>
    <div class="main" i18n-values=".innerHTML:reasonForNotProceeding"></div>
    <div class="main">
      <button i18n-content="proceed" id="proceed-button" hidden></button>
      <button i18n-content="exit" id="exit-button"></button>
    </div>
    <details class="more">
      <summary><span class="more-link" i18n-content="moreInfoTitle" id="more-info-title"></span></summary>
      <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>
    </details>
  </div>
</table>
</body>
</html>