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 |