| LEFT | RIGHT | 
|---|
| (no file at all) |  | 
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 <html> | 2 <html> | 
| 3   <head> | 3   <head> | 
| 4     <style> | 4     <style> | 
| 5       body | 5       body | 
| 6       { | 6       { | 
| 7         background-color: #f8f6f2; | 7         background-color: #f8f6f2; | 
| 8         font-family: Arial, sans; | 8         font-family: Arial, sans; | 
| 9         font-size: 12px; | 9         font-size: 12px; | 
| 10       } | 10       } | 
| 11 | 11 | 
| 12       #notification | 12       #notification | 
| 13       { | 13       { | 
| 14         position: absolute; | 14         position: absolute; | 
| 15         top: 5px; | 15         top: 5px; | 
| 16         left: 65px; | 16         left: 65px; | 
| 17       } | 17       } | 
| 18 | 18 | 
| 19       #notification>h1 | 19       #notification>h1 | 
| 20       { | 20       { | 
| 21         font-size: 16px; | 21         font-size: 16px; | 
| 22       } | 22       } | 
| 23 | 23 | 
| 24       #notification>* | 24       #notification>* | 
| 25       { | 25       { | 
| 26         margin: 5px; | 26         margin: 5px; | 
| 27       } | 27       } | 
| 28     </style> | 28     </style> | 
| 29     <script src="ext/common.js"></script> |  | 
| 30     <script src="ext/background.js"></script> |  | 
| 31     <script src="notification.js"></script> | 29     <script src="notification.js"></script> | 
| 32   </head> | 30   </head> | 
| 33   <body> | 31   <body> | 
| 34     <img src="icons/abp-48.png"> | 32     <img src="icons/abp-48.png"> | 
| 35     <div id="notification"> | 33     <div id="notification"> | 
| 36       <h1 id="notification-title"></h1> | 34       <h1 id="notification-title"></h1> | 
| 37       <p id="notification-message"></p> | 35       <p id="notification-message"></p> | 
| 38     </div> | 36     </div> | 
| 39   </body> | 37   </body> | 
| 40 </html> | 38 </html> | 
| LEFT | RIGHT | 
|---|