Home | History | Annotate | Download | only in resources 
      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>
     58