OLD | NEW |
(Empty) | |
| 1 <!doctype html> |
| 2 <html> |
| 3 <head> |
| 4 <title>Stylizr</title> |
| 5 <style> |
| 6 body { |
| 7 font-family: sans-serif; |
| 8 } |
| 9 label { |
| 10 display: block; |
| 11 } |
| 12 textarea { |
| 13 font-family: monospace; |
| 14 } |
| 15 .message { |
| 16 height: 20px; |
| 17 background: #eee; |
| 18 padding: 5px; |
| 19 } |
| 20 </style> |
| 21 </head> |
| 22 <body> |
| 23 <div class="message"></div> |
| 24 <h3>Stylizr Instructions</h3> |
| 25 |
| 26 <ol> |
| 27 <li>Write CSS in this textarea and save</li> |
| 28 <li>Navigate to some page</li> |
| 29 <li>Click the browser action icon <img src="icon.png" /></li> |
| 30 <li>Hey presto! CSS is injected!</li> |
| 31 </ol> |
| 32 |
| 33 <textarea name="style_url" id="style_url" cols=80 rows=24 |
| 34 placeholder="eg: * { font-size: 110%; }"></textarea> |
| 35 |
| 36 <br/> |
| 37 <button class="submit">Save</button> |
| 38 <button class="reset">Reset</button> |
| 39 |
| 40 <script src="options.js"></script> |
| 41 </body> |
| 42 </html> |
OLD | NEW |