1 files changed, 135 insertions, 5 deletions
diff --git a/chrome/browser/resources/safe_browsing_malware_block.html b/chrome/browser/resources/safe_browsing_malware_block.html
index d8a5a39..8bd95a0 100644
--- a/chrome/browser/resources/safe_browsing_malware_block.html
+++ b/chrome/browser/resources/safe_browsing_malware_block.html
@@ -58,6 +58,7 @@ input {
 .helpbutton {
   float:right;
 }
+
 .example {
   margin: 30px 90px 0px;
   border-top:1px solid #ccc;
@@ -67,6 +68,114 @@ input {
   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 @@ input {
   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 @@ input {
     <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>