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