Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(67)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/offline_load.html

Issue 5151006: New offline page (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: " Created 10 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« chrome/app/generated_resources.grd ('K') | « chrome/browser/chromeos/offline/offline_load_page.cc ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html id="template_root" i18n-values="dir:textdirection"> 2 <html id="template_root" i18n-values="dir:textdirection">
3 <head> 3 <head>
4 <title i18n-content="title"></title> 4 <title i18n-content="title">
5 </title>
5 <style> 6 <style>
7 html {
8 height: 100%;
9 }
6 body { 10 body {
7 background-color:#E0E0E0; 11 color: #000;
8 font-family:Helvetica,Arial,sans-serif; 12 font-family: Helvetica, Arial, sans-serif;
9 margin:0px; 13 background-image: -webkit-gradient(
10 visibility: hidden; 14 linear,
11 } 15 left bottom,
12 .background { 16 left top,
13 position:absolute; 17 color-stop(0, rgb(236,244,255)),
14 width:100%; 18 color-stop(0.50, rgb(255,255,255))
15 height:100%; 19 );
16 } 20 height: 100%;
17 .cell { 21 padding: 0px;
arv (Not doing code reviews) 2010/11/19 20:09:49 s/0px/0/
oshima 2010/11/23 20:46:38 Done.
18 padding:40px; 22 margin: 0px;
19 } 23 display: -webkit-box;
20 .box { 24 -webkit-box-orient: horizontal;
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 } 25 }
35 26
36 .icon { 27 #spacer {
37 position:absolute; 28 -webkit-box-flex: 0.5;
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 } 29 }
57 30
58 .thumbnail { 31 #error {
59 background-repeat: no-repeat; 32 margin-top: 150px;
60 background-position: center center; 33 font-size: 24px;
61 width:400px; 34 -webkit-box-flex: 1;
62 height:250px; 35 display: -webkit-box;
63 padding:20px; 36 -webkit-box-orient: horizontal;
64 position:relative; 37 max-width : 800px;
65 -webkit-box-shadow:3px 3px 8px #200; 38 width: 80%;
66 border-radius:5px;
67 visibility: hidden;
68 } 39 }
69 40
41 #error img {
42 margin-right: 10px;
arv (Not doing code reviews) 2010/11/19 20:09:49 -webkit-margin-end
oshima 2010/11/23 20:46:38 Done.
43 vertical-align: middle;
44 -webkit-box-flex: 0;
70 } 45 }
46
47 #error #msg_box {
48 vertical-align: middle;
49 -webkit-box-flex: 1;
50 }
51
52 #heading {
53 font-weight: bold;
54 }
55
56 #msg {
57 font-size: 16px;
58 }
59
60 #msg_box a {
arv (Not doing code reviews) 2010/11/19 20:09:49 a inherits font-size so this can be removed
oshima 2010/11/23 20:46:38 Changed to use 16px in #error. heading is changed
61 font-size: 16px;
62 }
63
71 </style> 64 </style>
72
73 <script> 65 <script>
74 function sendCommand(cmd) { 66 function sendCommand(cmd) {
75 window.domAutomationController.setAutomationId(1); 67 window.domAutomationController.setAutomationId(1);
76 window.domAutomationController.send(cmd); 68 window.domAutomationController.send(cmd);
77 } 69 }
78 // Show the offline page. 70 // Show the offline page.
79 function showPage() { 71 function showPage() {
80 document.body.style.visibility = 'visible'; 72 document.body.style.visibility = 'visible';
81 } 73 }
82 // Start the timer to show the page. 74 // Start the timer to show the page.
83 function startTimer(time) { 75 function startTimer(time) {
84 // wait 2.5 seconds before showing 'load now', 'go back' button. 76 // wait 2.5 seconds before showing 'load now', 'go back' button.
85 setTimeout('showPage()', time); 77 setTimeout('showPage()', time);
86 } 78 }
87 </script> 79 </script>
88 </head> 80 </head>
89 <body oncontextmenu="return false;" i18n-values="onload:on_load"> 81
90 <table width="100%" cellspacing="0" cellpadding="0"> 82 <body oncontextmenu="return false;" jsvalues="onload:on_load">
arv (Not doing code reviews) 2010/11/19 20:09:49 Why do you want to prevent the context menu?
arv (Not doing code reviews) 2010/11/19 20:09:49 This solution to inject js to call onload is prett
91 <td class="cell" valign="middle" align="center"> 83 <div id="spacer"> </div>
arv (Not doing code reviews) 2010/11/19 20:09:49 This is not needed, neither is the other spacer.
oshima 2010/11/23 20:46:38 I had to use webkit-box-pack. let me know if i'm d
92 <div class="box" id="box"> 84 <div id="error" jsvalues=".title:url">
93 <div class="title" i18n-content="headLine"></div> 85 <img i18n-values=".src:icon;.style.display:display_icon"
94 <div class="main" i18n-values=".innerHTML:description"></div> 86 width="96" height="96">
arv (Not doing code reviews) 2010/11/19 20:09:49 move to css
oshima 2010/11/23 20:46:38 Done.
95 <div class="main"> 87 <div id="msg_box">
96 <form class="submission"> 88 <div id="headling" i18n-values=".innerText:heading"></div>
arv (Not doing code reviews) 2010/11/19 20:09:49 i18n-content="heading"
arv (Not doing code reviews) 2010/11/19 20:09:49 headings should be done using hx elements
oshima 2010/11/23 20:46:38 Done.
97 <input type="button" name="continue_button" i18n-values="value:load_bu tton" onclick="sendCommand('proceed')"><br> 89 <div id="msg" i18n-values=".innerHTML:msg"></div>
98 <input type="button" name="back_button" i18n-values="value:back_button ;.style.display:display_go_back" onclick="sendCommand('dontproceed')"> 90
99 </form> 91 <button id="continue_button" i18n-content="load_button"
100 </div> 92 onclick="sendCommand('proceed')">
101 </div> 93 </button>
102 <div id="thumbnail" class="thumbnail" i18n-values=".style.background-image:t humbnailUrl"> 94 <button id="cancel_button" i18n-content="cancel_button"
103 </div> 95 i18n-values=".style.display:display_cancel"
104 </td> 96 onclick="sendCommand('dontproceed')">
105 </table> 97 </button>
98 <a href="chrome://settings/internet"
99 onclick="sendCommand('open_network_settings')"
100 i18n-content="network_settings">
101 </a>
102 </div>
103 </div>
104 <div id="spacer"> </div>
106 </body> 105 </body>
107 </html> 106 </html>
OLDNEW
« chrome/app/generated_resources.grd ('K') | « chrome/browser/chromeos/offline/offline_load_page.cc ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698