| OLD | NEW | 
|---|
| 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         /* Notifications are not resized dynamically so we need to make it as bi
    g as possible */ | 
|  | 11         height: 144px; | 
| 10       } | 12       } | 
| 11 | 13 | 
| 12       #notification | 14       #notification | 
| 13       { | 15       { | 
| 14         position: absolute; | 16         position: absolute; | 
| 15         top: 5px; | 17         top: 5px; | 
| 16         left: 65px; | 18         left: 65px; | 
| 17       } | 19       } | 
| 18 | 20 | 
| 19       #notification>h1 | 21       #notification>h1 | 
| 20       { | 22       { | 
| 21         font-size: 16px; | 23         font-size: 16px; | 
| 22       } | 24       } | 
| 23 | 25 | 
| 24       #notification>* | 26       #notification>* | 
| 25       { | 27       { | 
| 26         margin: 5px; | 28         margin: 5px; | 
| 27       } | 29       } | 
| 28     </style> | 30     </style> | 
| 29     <script src="ext/common.js"></script> | 31     <script src="ext/common.js"></script> | 
| 30     <script src="ext/background.js"></script> | 32     <script src="ext/background.js"></script> | 
|  | 33     <script src="i18n.js"></script> | 
| 31     <script src="notification.js"></script> | 34     <script src="notification.js"></script> | 
| 32   </head> | 35   </head> | 
| 33   <body> | 36   <body> | 
| 34     <img src="icons/abp-48.png"> | 37     <img src="icons/abp-48.png"> | 
| 35     <div id="notification"> | 38     <div id="notification"> | 
| 36       <h1 id="notification-title"></h1> | 39       <h1 id="notification-title"></h1> | 
| 37       <p id="notification-message"></p> | 40       <p id="notification-message"></p> | 
|  | 41       <div id="notification-question"> | 
|  | 42         <button id="notification-yes" class="i18n_overlay_notification_button_ye
    s"></button> | 
|  | 43         <button id="notification-no" class="i18n_overlay_notification_button_no"
    ></button> | 
|  | 44         <a id="notification-close" href="#" class="i18n_overlay_notification_but
    ton_close"></a> | 
|  | 45       </div> | 
| 38     </div> | 46     </div> | 
| 39   </body> | 47   </body> | 
| 40 </html> | 48 </html> | 
| OLD | NEW | 
|---|