1 <html> 2 <head> 3 <script src="util.js" type="text/javascript"></script> 4 <style> 5 body { 6 margin: 0px; 7 padding: 0px; 8 -webkit-user-select: none; 9 } 10 11 #notification { 12 width: 300px; 13 height: 50px; 14 position: fixed; 15 overflow: hidden; 16 display: -webkit-box; 17 -webkit-box-orient: vertical; 18 -webkit-box-align: stretch; 19 } 20 21 #title { 22 display: -webkit-box; 23 -webkit-box-flex: 0; 24 padding: 2px 4px 2px 4px; 25 background-color: #AAAAAA; 26 color: white; 27 font-family: Verdana, sans-serif; 28 font-size: 10px; 29 } 30 31 #content { 32 display: -webkit-box; 33 -webkit-box-flex: 1; 34 color: #444444; 35 font-family: "Lucida Console", Monospace; 36 font-size: 12px; 37 padding: 4px; 38 text-overflow: ellipsis; 39 } 40 </style> 41 <script> 42 window.onload = function() { 43 var argString = location.search.substring(location.search.indexOf("?") + 1); 44 var tokens = argString.split("&"); 45 var args = {}; 46 tokens.forEach(function(token) { 47 var keyVal = token.split("="); 48 args[keyVal[0]] = decodeURIComponent(keyVal[1]); 49 }); 50 51 $('title').innerText = args.title; 52 $('content').innerText = args.content; 53 } 54 </script> 55 </head> 56 <body onclick="window.close();"> 57 <div id="notification"> 58 <div id="title"></div> 59 <div id="content"></div> 60 </div> 61 </body> 62 </html>
