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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 4175003: Re-design the malware interstitial page. The change is mostly about: make the... (Closed) Base URL: http://src.chromium.org/svn/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
« no previous file with comments | « chrome/app/generated_resources.grd ('k') | chrome/browser/safe_browsing/safe_browsing_blocking_page.cc » ('j') | 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"></title>
5 <style> 5 <style>
6 body { 6 body {
7 background-color:#500; 7 background-color:#500;
8 font-family:Helvetica,Arial,sans-serif; 8 font-family:Helvetica,Arial,sans-serif;
9 margin:0px; 9 margin:0px;
10 } 10 }
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after
51 padding:0px; 51 padding:0px;
52 } 52 }
53 input { 53 input {
54 margin:0px; 54 margin:0px;
55 } 55 }
56 .proceedbutton { 56 .proceedbutton {
57 } 57 }
58 .helpbutton { 58 .helpbutton {
59 float:right; 59 float:right;
60 } 60 }
61
61 .example { 62 .example {
62 margin: 30px 90px 0px; 63 margin: 30px 90px 0px;
63 border-top:1px solid #ccc; 64 border-top:1px solid #ccc;
64 padding-top:6px; 65 padding-top:6px;
65 } 66 }
66 .moreinfotitle { 67 .moreinfotitle {
67 margin-left:5px; 68 margin-left:5px;
68 margin-right:5px; 69 margin-right:5px;
69 } 70 }
71
72 .nicebutton {
73 color: #fff;
74 font-size: 11pt;
75 font-weight: bold;
76 padding: 7px 20px;
77 border-radius: 5px;
78 outline-width: 0;
79 border: 1px solid #4C7336;
80 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),
81 inset 0px 1px 0px rgba(255, 255, 255, 0.5);
82 text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.2);
83 }
84
85 #back {
86 border: 1px solid #4C7336;
87 background-image: -webkit-gradient(linear,
88 left top, left bottom,
89 color-stop(0.3, #81C05C),
90 color-stop(1.0, #59A02F));
91 }
92
93 #more {
94 border: 1px solid #23517B;
95 background-image: -webkit-gradient(linear,
96 left top, left bottom,
97 color-stop(0.3, #5E91C1),
98 color-stop(1.0, #2E689E));
99 }
100
101 #less {
102 border: 1px solid #23517B;
103 background-image: -webkit-gradient(linear,
104 left top, left bottom,
105 color-stop(0.3, #5E91C1),
106 color-stop(1.0, #2E689E));
107 }
108
109 #back:hover {
110 background-image: -webkit-gradient(linear,
111 left top, left bottom,
112 color-stop(0.3, #8CCE62),
113 color-stop(1.0, #59A02F));
114 }
115
116 #back:active {
117 background-image: -webkit-gradient(linear,
118 left top, left bottom,
119 color-stop(0.3, #59A02F),
120 color-stop(1.0, #8CCE62));
121 }
122
123 #back:focus {
124 border: 1px solid #000;
125 background-image: -webkit-gradient(linear,
126 left top, left bottom,
127 color-stop(0.3, #8CCE62),
128 color-stop(1.0, #59A02F));
129 }
130
131 #more:hover{
132 border: 1px solid #23517B;
133 background-image: -webkit-gradient(linear,
134 left top, left bottom,
135 color-stop(0.3, #68A1D6),
136 color-stop(1.0, #2E689E));
137 }
138
139 #less:hover{
140 border: 1px solid #23517B;
141 background-image: -webkit-gradient(linear,
142 left top, left bottom,
143 color-stop(0.3, #68A1D6),
144 color-stop(1.0, #2E689E));
145 }
146
147 #more:active{
148 border: 1px solid #23517B;
149 background-image: -webkit-gradient(linear,
150 left top, left bottom,
151 color-stop(0.3, #2E689E),
152 color-stop(1.0, #68A1D6));
153 }
154
155 #less:active {
156 border: 1px solid #23517B;
157 background-image: -webkit-gradient(linear,
158 left top, left bottom,
159 color-stop(0.3, #2E689E),
160 color-stop(1.0, #68A1D6));
161 }
162
163 #more:focus {
164 border: 1px solid #000;
165 background-image: -webkit-gradient(linear,
166 left top, left bottom,
167 color-stop(0.3, #68A1D6),
168 color-stop(1.0, #2E689E));
169 }
170
171 #less:focus {
172 border: 1px solid #000;
173 background-image: -webkit-gradient(linear,
174 left top, left bottom,
175 color-stop(0.3, #68A1D6),
176 color-stop(1.0, #2E689E));
177 }
178
70 </style> 179 </style>
71 180
72 <script> 181 <script>
73 function sendCommand(cmd) { 182 function sendCommand(cmd) {
74 window.domAutomationController.setAutomationId(1); 183 window.domAutomationController.setAutomationId(1);
75 window.domAutomationController.send(cmd); 184 window.domAutomationController.send(cmd);
76 } 185 }
77 186
78 function agreed(form) { 187 function agreed(form) {
79 form.continue_button.disabled = !form.continue_button.disabled; 188 form.continue_button.disabled = !form.continue_button.disabled;
80 } 189 }
190
191 function toggle() {
192 var moreButton = document.getElementById('more')
193 var lessButton = document.getElementById('less')
194 var content = document.getElementById('detailinfo')
195 if (content.style.display == 'none'){
196 content.style.display = 'block'
197 moreButton.style.display = 'none'
198 lessButton.style.display = 'inline'
199 } else {
200 content.style.display = 'none'
201 moreButton.style.display = 'inline'
202 lessButton.style.display = 'none'
203 }
204
205 }
81 </script> 206 </script>
82 </head> 207 </head>
83 <body oncontextmenu="return false;"> 208 <body oncontextmenu="return false;">
84 <div class="background"><img src="../security/resources/ssl_roadblock_background .png" width="100%" height="100%" alt="background" onmousedown="return false;"/>< /div> 209 <div class="background"><img src="../security/resources/ssl_roadblock_background .png" width="100%" height="100%" alt="background" onmousedown="return false;"/>< /div>
85 <table width="100%" cellspacing="0" cellpadding="0"> 210 <table width="100%" cellspacing="0" cellpadding="0">
86 <td class="cell" valign="middle" align="center"> 211 <td class="cell" valign="middle" align="center">
87 <div class="box"> 212 <div class="box">
88 <div class="icon"><img src="shared/images/phishing_icon.png" alt="Malware Icon" onmousedown="return false;"/></div> 213 <div class="icon"><img src="shared/images/phishing_icon.png" alt="Malware Icon" onmousedown="return false;"/></div>
89 <div class="title" i18n-content="headLine"></div> 214 <div class="title" i18n-content="headLine"></div>
90 <div class="main" i18n-values=".innerHTML:description1"></div> 215 <div class="main" i18n-values=".innerHTML:description1" style="margin-bott om:15px"></div>
91 <div class="main" i18n-values=".innerHTML:description2"></div> 216 <div class="main" i18n-values=".innerHTML:description2"></div>
92 <div class="main"><a href="" i18n-content="description3" onclick="sendComm and('learnMore'); return false;" onmousedown="return false;"></a></div> 217
93 <div class="main"> 218 <div class="main">
94 <form class="submission"> 219 <form class="submission">
95 <input name="checky" id="checky" type="checkbox" onclick="agreed(this. form)">&nbsp;<label for="checky" i18n-content="confirm_text"></label> 220 <input type="button" class="nicebutton" id="back" i18n-values="value:b ack_button" onclick="sendCommand('takeMeBack')">
96 <input type="button" name="continue_button" i18n-values="value:continu e_button" disabled="true" onclick="sendCommand('proceed')"><br> 221 <input type="button" class="nicebutton" id="more" i18n-values="value:m ore_info_button" onclick="toggle()">
97 <input type="button" name="back_button" i18n-values="value:back_button " onclick="sendCommand('takeMeBack')"> 222 <input type="button" class="nicebutton" id="less" i18n-values="value:l ess_info_button" style="display:none" onclick="toggle()">
223 <br />
98 </form> 224 </form>
225 <span i18n-values=".innerHTML:description5" id="detailinfo" style="displ ay:none"></span>
99 </div> 226 </div>
227
228 <div class="main" i18n-values=".innerHTML:description3" style="margin-top: 10px"></div>
229
100 </div> 230 </div>
101 </td> 231 </td>
102 </table> 232 </table>
103 </body> 233 </body>
104 </html> 234 </html>
OLDNEW
« no previous file with comments | « chrome/app/generated_resources.grd ('k') | chrome/browser/safe_browsing/safe_browsing_blocking_page.cc » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698