1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"> 5<script> 6function debug(msg) { 7 document.getElementById('debug').textContent = msg; 8} 9</script> 10<link rel="stylesheet" href="plugin_placeholders.css"></link> 11<style> 12body { 13 background-color: rgb(128, 128, 128); 14} 15 16body #outer:hover { 17 background: -webkit-linear-gradient(#d2d2d2, #a5a5a5); 18} 19 20body #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> 48size = document.getElementById('outer'); 49style = getComputedStyle(size); 50if (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
