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 .main { 38 margin: 1em 80px; 39 } 40 41 .more { 42 border-top: 1px solid #ccc; 43 margin: 0 80px; 44 padding-top: 6px; 45 } 46 47 .more-info-title { 48 margin-left: 5px; 49 margin-right: 5px; 50 } 51 52 .more-link { 53 color: #0000FF; 54 cursor: pointer; 55 text-decoration: underline; 56 } 57 58 #roadblock-icon { 59 background-image: url('images/roadblock.png'); 60 height: 53px; 61 position: absolute; 62 width: 64px; 63 } 64 65 .title { 66 color: #660000; 67 font-size: 18pt; 68 font-weight: bold; 69 line-height: 140%; 70 margin: 0 77px 6pt; 71 } 72 73 .twisty { 74 display: inline; 75 } 76 </style> 77 <script src="../../../../ui/webui/resources/js/assert.js"></script> 78 <script src="ssl_errors_common.js"></script> 79 <script src="roadblock.js"></script> 80</head> 81<body> 82 <div class="box"> 83 <div class="icon" id="roadblock-icon"></div> 84 <div class="title" i18n-content="headLine"></div> 85 <div class="main" i18n-values=".innerHTML:description;dir:textdirection"></div> 86 <div class="main" i18n-values=".innerHTML:reasonForNotProceeding"></div> 87 <div class="main"> 88 <button i18n-content="proceed" id="proceed-button" hidden></button> 89 <button i18n-content="exit" id="exit-button"></button> 90 </div> 91 <div class="more" id="more-info-short"> 92 <span class="more-link"> 93 <img id="twisty-closed" class="twisty" src="twisty_closed.png" 94 border="0"><span i18n-content="moreInfoTitle" id="more-info-title" 95 class="show-more-info-title"></span> 96 </span> 97 </div> 98 <div class="more" id="more-info-long" hidden> 99 <span class="more-link"> 100 <img class="twisty" src="twisty_open.png" border="0"><span 101 i18n-content="moreInfoTitle" class="more-info-title"></span> 102 </span> 103 <p i18n-values=".innerHTML:moreInfo1"></p> 104 <p i18n-values=".innerHTML:moreInfo2"></p> 105 <p i18n-values=".innerHTML:moreInfo3"></p> 106 <p i18n-values=".innerHTML:moreInfo4"></p> 107 <p i18n-values=".innerHTML:moreInfo5"></p> 108 </div> 109 </div> 110</table> 111</body> 112</html> 113
