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..05969c6f0ba6a43f34003e0773b5aa5c514d89ea 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: pointer; |
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> |