| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html id="template_root" i18n-values="dir:textdirection"> |
| 3 <head> |
| 4 <title i18n-content="title"></title> |
| 5 <style> |
| 6 body { |
| 7 background-color:#E0E0E0; |
| 8 font-family:Helvetica,Arial,sans-serif; |
| 9 margin:0px; |
| 10 visibility: hidden; |
| 11 } |
| 12 .background { |
| 13 position:absolute; |
| 14 width:100%; |
| 15 height:100%; |
| 16 } |
| 17 .cell { |
| 18 padding:40px; |
| 19 } |
| 20 .box { |
| 21 width:80%; |
| 22 background-color:white; |
| 23 color:black; |
| 24 font-size:10pt; |
| 25 line-height:16pt; |
| 26 text-align:left; |
| 27 padding:20px; |
| 28 position:relative; |
| 29 -webkit-box-shadow:3px 3px 8px #200; |
| 30 border-radius:5px; |
| 31 } |
| 32 html[dir='rtl'] .box { |
| 33 text-align:right; |
| 34 } |
| 35 |
| 36 .icon { |
| 37 position:absolute; |
| 38 } |
| 39 .title { |
| 40 margin:0px 87px 0px; |
| 41 font-size:18pt; |
| 42 line-height: 140%; |
| 43 margin-bottom:6pt; |
| 44 font-weight:bold; |
| 45 color:#660000; |
| 46 } |
| 47 .main { |
| 48 margin:0px 90px 0px; |
| 49 } |
| 50 .submission { |
| 51 margin:15px 5px 15px 0px; |
| 52 padding:0px; |
| 53 } |
| 54 input { |
| 55 margin:0px; |
| 56 } |
| 57 |
| 58 .thumbnail { |
| 59 background-repeat: no-repeat; |
| 60 background-position: center center; |
| 61 width:400px; |
| 62 height:250px; |
| 63 padding:20px; |
| 64 position:relative; |
| 65 -webkit-box-shadow:3px 3px 8px #200; |
| 66 border-radius:5px; |
| 67 visibility: hidden; |
| 68 } |
| 69 |
| 70 } |
| 71 </style> |
| 72 |
| 73 <script> |
| 74 function sendCommand(cmd) { |
| 75 window.domAutomationController.setAutomationId(1); |
| 76 window.domAutomationController.send(cmd); |
| 77 } |
| 78 // Show the offline page. |
| 79 function showPage() { |
| 80 document.body.style.visibility = 'visible'; |
| 81 } |
| 82 // Start the timer to show the page. |
| 83 function startTimer(time) { |
| 84 // wait 2.5 seconds before showing 'load now', 'go back' button. |
| 85 setTimeout('showPage()', time); |
| 86 } |
| 87 </script> |
| 88 </head> |
| 89 <body oncontextmenu="return false;" i18n-values="onload:on_load"> |
| 90 <table width="100%" cellspacing="0" cellpadding="0"> |
| 91 <td class="cell" valign="middle" align="center"> |
| 92 <div class="box" id="box"> |
| 93 <div class="title" i18n-content="headLine"></div> |
| 94 <div class="main" i18n-values=".innerHTML:description"></div> |
| 95 <div class="main"> |
| 96 <form class="submission"> |
| 97 <input type="button" name="continue_button" i18n-values="value:load_bu
tton" onclick="sendCommand('proceed')"><br> |
| 98 <input type="button" name="back_button" i18n-values="value:back_button
;.style.display:display_go_back" onclick="sendCommand('dontproceed')"> |
| 99 </form> |
| 100 </div> |
| 101 </div> |
| 102 <div id="thumbnail" class="thumbnail" i18n-values=".style.background-image:t
humbnailUrl"> |
| 103 </div> |
| 104 </td> |
| 105 </table> |
| 106 </body> |
| 107 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2931005:
Show offline interstitial page when offline and reload when reconnected to network. (Closed)
