src/chrome/renderer/resources/click_to_play_plugin.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script>
   5 function debug(msg) {
   6   document.getElementById('debug').textContent = msg;
   7 }
   8 </script>
   9 <link rel="stylesheet" href="plugin_placeholders.css"></link>
  10 <style>
  11 body {
  12   background-color: rgb(128, 128, 128);
  13 }
  14
  15 body #outer:hover {
  16   background: -webkit-linear-gradient(#d2d2d2, #a5a5a5);
  17 }
  18
  19 body #outer:active {
  20   background: -webkit-linear-gradient(#b9b9b9, #d2d2d2);
  21 }
  22
  23 #plugin_icon {
  24   opacity: .4;
  25 }
  26
  27 #outer:hover #plugin_icon {
  28   opacity: 1.0;
  29 }
  30
  31 #outer {
  32   cursor: pointer;
  33 }
  34 </style>
  35 </head>
  36
  37 <body id="t">
  38 <div i18n-values="title:name" id="outer" onclick="plugin.load()">
  39 <div id="inner">
  40 <div><img id="plugin_icon" src="plugin_blocked.png" /></div>
  41 <h1 i18n-content="message">PLUGIN_LOAD</h1>
  42 <p id="debug"> </p>
  43 </div>
  44 <div id="close" i18n-values="title:hide" onclick="event.stopPropagation(); plugin.hide()" />
  45 </div>
  46 <script>
  47 size = document.getElementById('outer');
  48 style = getComputedStyle(size);
  49 if (parseInt(style.width) < 32 && parseInt(style.height) < 32) {
  50   i = document.getElementById('close');
  51   i.parentNode.removeChild(i);
  52 }
  53 </script>
  54 </body>
  55 </html>