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> 57