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