diff options
| author | Ben Murdoch <benm@google.com> | 2010-11-18 18:32:45 +0000 |
|---|---|---|
| committer | Ben Murdoch <benm@google.com> | 2010-11-18 18:38:07 +0000 |
| commit | 513209b27ff55e2841eac0e4120199c23acce758 (patch) | |
| tree | aeba30bb08c5f47c57003544e378a377c297eee6 /chrome/browser/resources/safe_browsing_malware_block.html | |
| parent | 164f7496de0fbee436b385a79ead9e3cb81a50c1 (diff) | |
| download | external_chromium-513209b27ff55e2841eac0e4120199c23acce758.zip external_chromium-513209b27ff55e2841eac0e4120199c23acce758.tar.gz external_chromium-513209b27ff55e2841eac0e4120199c23acce758.tar.bz2 | |
Merge Chromium at r65505: Initial merge by git.
Change-Id: I31d8f1d8cd33caaf7f47ffa7350aef42d5fbdb45
Diffstat (limited to 'chrome/browser/resources/safe_browsing_malware_block.html')
| -rw-r--r-- | chrome/browser/resources/safe_browsing_malware_block.html | 140 |
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)"> <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> |