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

Side by Side Diff: chrome/renderer/resources/neterror.html

Issue 865943002: Update SSL/malware/net error interstitial design (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix background colour for nav-wrapper on safe browsing state Created 5 years, 11 months 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
OLDNEW
1 <!doctype html> 1 <!doctype html>
2 <html i18n-values="dir:textdirection;.style.fontSize:fontsize"> 2 <html i18n-values="dir:textdirection">
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0, 5 <meta name="viewport" content="width=device-width, initial-scale=1.0,
6 maximum-scale=1.0, user-scalable=no"> 6 maximum-scale=1.0, user-scalable=no">
7 <title i18n-content="title"></title> 7 <title i18n-content="title"></title>
8 <link rel="stylesheet" href="../../browser/resources/security_warnings/interst itial_v2.css"> 8 <link rel="stylesheet" href="../../browser/resources/security_warnings/interst itial_v2.css">
9 <link rel="stylesheet" href="neterror.css"> 9 <link rel="stylesheet" href="neterror.css">
10 <script src="../../browser/resources/security_warnings/interstitial_v2_mobile. js"></script>
10 <script src="neterror.js"></script> 11 <script src="neterror.js"></script>
11 <script src="offline.js"></script> 12 <script src="offline.js"></script>
12 </head> 13 </head>
13 <body id="t" i18n-values=".style.fontFamily:fontfamily"> 14 <body id="t" i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize" >
14 <div id="main-frame-error" class="interstitial-wrapper"> 15 <div id="main-frame-error" class="interstitial-wrapper">
15 <img class="icon" 16 <div id="main-content">
16 jseval="updateIconClass(this.classList, iconClass)"> 17 <img class="icon"
17 <div id="main-message"> 18 jseval="updateIconClass(this.classList, iconClass)">
18 <h1 i18n-content="heading"></h1> 19 <div id="main-message">
19 <p hidden></p> 20 <h1 i18n-content="heading"></h1>
20 <div id="buttons" class="nav-wrapper"> 21 <p hidden></p>
21 <div id="control-buttons" hidden> 22 <div id="buttons" class="nav-wrapper">
22 <button id="reload-button" 23 <div id="control-buttons" hidden>
23 class="blue-button text-button" 24 <button id="reload-button"
24 onclick="trackClick(this.trackingId); 25 class="blue-button text-button"
25 reloadButtonClick(this.url);" 26 onclick="trackClick(this.trackingId);
26 jsselect="reloadButton" 27 reloadButtonClick(this.url);"
27 jsvalues=".url:reloadUrl; .trackingId:reloadTrackingId" 28 jsselect="reloadButton"
28 jscontent="msg"></button> 29 jsvalues=".url:reloadUrl; .trackingId:reloadTrackingId"
29 <button id="stale-load-button" 30 jscontent="msg"></button>
30 class="blue-button text-button" 31 <button id="stale-load-button"
31 onclick="loadStaleButtonClick()" 32 class="blue-button text-button"
32 jsselect="staleLoadButton" 33 onclick="loadStaleButtonClick()"
33 jscontent="msg" jsvalues="title:title"></button> 34 jsselect="staleLoadButton"
35 jscontent="msg" jsvalues="title:title"></button>
36 </div>
37 <button id="details-button" class="text-button small-link"
38 onclick="detailsButtonClick(); toggleHelpBox()"
39 jsdisplay="details" jscontent="details"
40 jsvalues=".detailsText:details; .hideDetailsText:hideDetails;"></bu tton>
34 </div> 41 </div>
35 <button id="details-button" class="text-button small-link"
36 onclick="detailsButtonClick(); toggleHelpBox()"
37 jsdisplay="details" jscontent="details"
38 jsvalues=".detailsText:details; .hideDetailsText:hideDetails;">
39 </div> 42 </div>
40 </div> 43 </div>
41 <!-- Outer and inner divs are needed both for margins and sizing. --> 44 <!-- Outer and inner divs are needed both for margins and sizing. -->
42 <div id="help-box-outer" class="hidden"> 45 <div id="help-box-outer" class="hidden">
43 <div id="details"> 46 <div id="details">
44 <div jsselect="summary"> 47 <div jsselect="summary">
45 <span jsvalues=".innerHTML:msg"></span> 48 <span jsvalues=".innerHTML:msg"></span>
46 </div> 49 </div>
47 <div class="suggestions" jsselect="suggestions"> 50 <div class="suggestions" jsselect="suggestions">
48 <div class="suggestion-header" jsvalues=".innerHTML:header"></div> 51 <div class="suggestion-header" jsvalues=".innerHTML:header"></div>
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
97 <img id="2x-restart" src="default_200_percent/offline/200-restart.png"> 100 <img id="2x-restart" src="default_200_percent/offline/200-restart.png">
98 </div> 101 </div>
99 <template id="audio-resources"> 102 <template id="audio-resources">
100 <audio id="offline-sound-press" src="sounds/button-press.mp3"></audio> 103 <audio id="offline-sound-press" src="sounds/button-press.mp3"></audio>
101 <audio id="offline-sound-hit" src="sounds/hit.mp3"></audio> 104 <audio id="offline-sound-hit" src="sounds/hit.mp3"></audio>
102 <audio id="offline-sound-reached" src="sounds/score-reached.mp3"></audio> 105 <audio id="offline-sound-reached" src="sounds/score-reached.mp3"></audio>
103 </template> 106 </template>
104 </div> 107 </div>
105 </body> 108 </body>
106 </html> 109 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698