chrome/renderer/resources/click_to_play_plugin.html

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