src/chrome/renderer/resources/click_to_play_plugin.html

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