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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified 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 side-by-side diff with in-line comments
Download patch
« 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 »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/browser/resources/safe_browsing_malware_block.html
===================================================================
--- chrome/browser/resources/safe_browsing_malware_block.html (revision 63911)
+++ chrome/browser/resources/safe_browsing_malware_block.html (working copy)
@@ -58,6 +58,7 @@
.helpbutton {
float:right;
}
+
.example {
margin: 30px 90px 0px;
border-top:1px solid #ccc;
@@ -67,6 +68,114 @@
margin-left:5px;
margin-right:5px;
}
+
+.nicebutton {
+ color: #fff;
+ font-size: 11pt;
+ font-weight: bold;
+ padding: 7px 20px;
+ border-radius: 5px;
+ outline-width: 0;
+ border: 1px solid #4C7336;
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),
+ inset 0px 1px 0px rgba(255, 255, 255, 0.5);
+ text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.2);
+}
+
+#back {
+ border: 1px solid #4C7336;
+ background-image: -webkit-gradient(linear,
+ left top, left bottom,
+ color-stop(0.3, #81C05C),
+ color-stop(1.0, #59A02F));
+}
+
+#more {
+ border: 1px solid #23517B;
+ background-image: -webkit-gradient(linear,
+ left top, left bottom,
+ color-stop(0.3, #5E91C1),
+ color-stop(1.0, #2E689E));
+}
+
+#less {
+ border: 1px solid #23517B;
+ background-image: -webkit-gradient(linear,
+ left top, left bottom,
+ color-stop(0.3, #5E91C1),
+ color-stop(1.0, #2E689E));
+}
+
+#back:hover {
+ background-image: -webkit-gradient(linear,
+ left top, left bottom,
+ color-stop(0.3, #8CCE62),
+ color-stop(1.0, #59A02F));
+}
+
+#back:active {
+ background-image: -webkit-gradient(linear,
+ left top, left bottom,
+ color-stop(0.3, #59A02F),
+ color-stop(1.0, #8CCE62));
+}
+
+#back:focus {
+ border: 1px solid #000;
+ background-image: -webkit-gradient(linear,
+ left top, left bottom,
+ color-stop(0.3, #8CCE62),
+ color-stop(1.0, #59A02F));
+}
+
+#more:hover{
+ border: 1px solid #23517B;
+ background-image: -webkit-gradient(linear,
+ left top, left bottom,
+ color-stop(0.3, #68A1D6),
+ color-stop(1.0, #2E689E));
+}
+
+#less:hover{
+ border: 1px solid #23517B;
+ background-image: -webkit-gradient(linear,
+ left top, left bottom,
+ color-stop(0.3, #68A1D6),
+ color-stop(1.0, #2E689E));
+}
+
+#more:active{
+ border: 1px solid #23517B;
+ background-image: -webkit-gradient(linear,
+ left top, left bottom,
+ color-stop(0.3, #2E689E),
+ color-stop(1.0, #68A1D6));
+}
+
+#less:active {
+ border: 1px solid #23517B;
+ background-image: -webkit-gradient(linear,
+ left top, left bottom,
+ color-stop(0.3, #2E689E),
+ color-stop(1.0, #68A1D6));
+}
+
+#more:focus {
+ border: 1px solid #000;
+ background-image: -webkit-gradient(linear,
+ left top, left bottom,
+ color-stop(0.3, #68A1D6),
+ color-stop(1.0, #2E689E));
+}
+
+#less:focus {
+ border: 1px solid #000;
+ background-image: -webkit-gradient(linear,
+ left top, left bottom,
+ color-stop(0.3, #68A1D6),
+ color-stop(1.0, #2E689E));
+}
+
</style>
<script>
@@ -78,6 +187,22 @@
function agreed(form) {
form.continue_button.disabled = !form.continue_button.disabled;
}
+
+ function toggle() {
+ var moreButton = document.getElementById('more')
+ var lessButton = document.getElementById('less')
+ var content = document.getElementById('detailinfo')
+ if (content.style.display == 'none'){
+ content.style.display = 'block'
+ moreButton.style.display = 'none'
+ lessButton.style.display = 'inline'
+ } else {
+ content.style.display = 'none'
+ moreButton.style.display = 'inline'
+ lessButton.style.display = 'none'
+ }
+
+ }
</script>
</head>
<body oncontextmenu="return false;">
@@ -87,16 +212,21 @@
<div class="box">
<div class="icon"><img src="shared/images/phishing_icon.png" alt="Malware Icon" onmousedown="return false;"/></div>
<div class="title" i18n-content="headLine"></div>
- <div class="main" i18n-values=".innerHTML:description1"></div>
+ <div class="main" i18n-values=".innerHTML:description1" style="margin-bottom:15px"></div>
<div class="main" i18n-values=".innerHTML:description2"></div>
- <div class="main"><a href="" i18n-content="description3" onclick="sendCommand('learnMore'); return false;" onmousedown="return false;"></a></div>
+
<div class="main">
<form class="submission">
- <input name="checky" id="checky" type="checkbox" onclick="agreed(this.form)">&nbsp;<label for="checky" i18n-content="confirm_text"></label>
- <input type="button" name="continue_button" i18n-values="value:continue_button" disabled="true" onclick="sendCommand('proceed')"><br>
- <input type="button" name="back_button" i18n-values="value:back_button" onclick="sendCommand('takeMeBack')">
+ <input type="button" class="nicebutton" id="back" i18n-values="value:back_button" onclick="sendCommand('takeMeBack')">
+ <input type="button" class="nicebutton" id="more" i18n-values="value:more_info_button" onclick="toggle()">
+ <input type="button" class="nicebutton" id="less" i18n-values="value:less_info_button" style="display:none" onclick="toggle()">
+ <br />
</form>
+ <span i18n-values=".innerHTML:description5" id="detailinfo" style="display:none"></span>
</div>
+
+ <div class="main" i18n-values=".innerHTML:description3" style="margin-top:10px"></div>
+
</div>
</td>
</table>
« 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