Chromium Code Reviews| Index: chrome/renderer/resources/click_to_play_plugin.html |
| diff --git a/chrome/renderer/resources/outdated_plugin.html b/chrome/renderer/resources/click_to_play_plugin.html |
| similarity index 58% |
| rename from chrome/renderer/resources/outdated_plugin.html |
| rename to chrome/renderer/resources/click_to_play_plugin.html |
| index 590f96481a3c66d36c3064a4c4c698952b9da511..523ed6e3418a64f3c03b47f9072b74c76f87aeb9 100644 |
| --- a/chrome/renderer/resources/outdated_plugin.html |
| +++ b/chrome/renderer/resources/click_to_play_plugin.html |
| @@ -8,13 +8,21 @@ function debug(msg) { |
| </script> |
| <style> |
| body { |
| - background-color: rgb(187, 187, 187); |
| + background-color: rgb(128, 128, 128); |
| margin: 0; |
| text-align: center; |
| font-family: sans-serif; |
| overflow: hidden; |
| } |
| +body #outer:hover { |
| + background: -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#a5a5a5)); |
| +} |
| + |
| +body #outer:active { |
| + background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#d2d2d2)); |
| +} |
| + |
| h1 { |
| padding: 0pt 10pt; |
| font-size: 10pt; |
| @@ -27,7 +35,11 @@ h1 { |
| } |
| #plugin_icon { |
| - opacity: .6; |
| + opacity: .4; |
| +} |
| + |
| +#outer:hover #plugin_icon { |
| + opacity: 1.0; |
| } |
| p { |
| @@ -38,11 +50,19 @@ p { |
| #outer { |
| width: 100%; |
| height: 100%; |
| + cursor: crosshair; |
|
Peter Kasting
2010/12/17 01:41:55
This crosshair cursor has never felt right at all
|
| position: absolute; |
| border: 1px black solid; |
| box-sizing: border-box; |
| } |
| +/* |
| +FIXME: This causes flickering on hover. |
| +#outer:hover { |
| + -webkit-box-shadow: rgb(229,229,229) 1px 1px inset; |
| +} |
| +*/ |
| + |
| #inner { |
| position: relative; |
| top: 50%; |
| @@ -52,11 +72,10 @@ p { |
| </head> |
| <body id="t" onSelectStart="return false;"> |
| -<div i18n-values="title:name" id="outer"> |
| +<div i18n-values="title:name" id="outer" onclick="plugin.load()"> |
| <div id="inner"> |
| <div><img id="plugin_icon" src="plugin_blocked.png" /></div> |
| -<h1 i18n-content="message">PLUGIN_OUTDATED</h1> |
| -<h1 i18n-content="name">PLUGIN_NAME</h1> |
| +<h1 i18n-content="message">PLUGIN_LOAD</h1> |
| <p id="debug"> </p> |
| </div> |
| </div> |