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 |