OLD | NEW |
(Empty) | |
| 1 <!doctype html> |
| 2 <html> |
| 3 <head> |
| 4 <title>Tab Zoom Extension</title> |
| 5 <style> |
| 6 body { |
| 7 width: 150px; |
| 8 overflow-x: hidden; |
| 9 color: #ffff00; |
| 10 background-color: #186464; |
| 11 } |
| 12 |
| 13 img { |
| 14 margin: 5px; |
| 15 border: 2px solid black; |
| 16 vertical-align: middle; |
| 17 width: 19px; |
| 18 height: 19px; |
| 19 } |
| 20 </style> |
| 21 <script src="popup.js"></script> |
| 22 </head> |
| 23 <body> |
| 24 <div style="text-align: center"> |
| 25 <table style="margin: 0px auto"> |
| 26 <tr> |
| 27 <td><button type="button" id="decreaseButton">-</button></td> |
| 28 <td><div style="width: 50px; border-style: solid; border-width: 1px" |
| 29 id="displayDiv">100%</div></td> |
| 30 <td><button type="button" id="increaseButton">+</button></td> |
| 31 </td> |
| 32 </table> |
| 33 <button type="button" id="defaultButton">Reset to 100%</button> |
| 34 </div> |
| 35 <p> |
| 36 <div style="border-width: 2px; border-style: solid; border-color: #7f0000; p
adding: 2px"> |
| 37 <form style="border-width: 2px; border-style: solid; border-color: #7f0000
"> |
| 38 <b>Mode:</b><br> |
| 39 <input type="radio" name="modeRadio" value="automatic">automatic<br> |
| 40 <input type="radio" name="modeRadio" value="manual">manual<br> |
| 41 <input type="radio" name="modeRadio" value="disabled">disabled |
| 42 </form><br> |
| 43 <form style="border-width: 2px; border-style: solid; border-color: #7f0000
"> |
| 44 <b>Scope:</b><br> |
| 45 <input type="radio" name="scopeRadio" value="per-origin">per-origin<br> |
| 46 <input type="radio" name="scopeRadio" value="per-tab">per-tab |
| 47 </form> |
| 48 <button type="button" id="setModeButton">Set Zoom Settings</button> |
| 49 </div> |
| 50 <p> |
| 51 <button type="button" id="closeButton">Close</button> |
| 52 </body> |
| 53 </html> |
| 54 |
OLD | NEW |