| OLD | NEW |
| (Empty) |
| 1 <!doctype html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <meta charset="utf-8"> | |
| 5 <title>Font Settings Sample Extension</title> | |
| 6 <script src="./popup.js"></script> | |
| 7 <style> | |
| 8 .font-setting-container { | |
| 9 -webkit-box-flex: 1; | |
| 10 display: -webkit-box; | |
| 11 } | |
| 12 | |
| 13 .font-input-div { | |
| 14 -webkit-margin-end: 1em; | |
| 15 margin-left: 10px; | |
| 16 } | |
| 17 </style> | |
| 18 </head> | |
| 19 <body> | |
| 20 <div style="min-width: 600px;"> | |
| 21 <h3>Font Settings Sample Extension</h3> | |
| 22 <div>Script</div> | |
| 23 <div> | |
| 24 <select id="scriptList"> | |
| 25 <option value="Zyyy">Default</option> | |
| 26 <option value="Arab">Arabic</option> | |
| 27 <option value="Armn">Armenian</option> | |
| 28 <option value="Beng">Bengali</option> | |
| 29 <option value="Cher">Cherokee</option> | |
| 30 <option value="Cyrl">Cyrillic</option> | |
| 31 <option value="Deva">Devanagari</option> | |
| 32 <option value="Ethi">Ethiopic</option> | |
| 33 <option value="Geor">Georgian</option> | |
| 34 <option value="Grek">Greek</option> | |
| 35 <option value="Gujr">Gujarati</option> | |
| 36 <option value="Guru">Gurmukhi</option> | |
| 37 <option value="Hebr">Hebrew</option> | |
| 38 <option value="Jpan">Japanese</option> | |
| 39 <option value="Knda">Kannada</option> | |
| 40 <option value="Khmr">Khmer</option> | |
| 41 <option value="Hang">Korean</option> | |
| 42 <option value="Laoo">Lao</option> | |
| 43 <option value="Mlym">Malayalam</option> | |
| 44 <option value="Mong">Mongolian</option> | |
| 45 <option value="Mymr">Myanmar</option> | |
| 46 <option value="Orya">Oriya</option> | |
| 47 <option value="Hans">Simplified Chinese</option> | |
| 48 <option value="Sinh">Sinhala</option> | |
| 49 <option value="Taml">Tamil</option> | |
| 50 <option value="Telu">Telugu</option> | |
| 51 <option value="Thaa">Thaana</option> | |
| 52 <option value="Thai">Thai</option> | |
| 53 <option value="Tibt">Tibetan</option> | |
| 54 <option value="Hant">Traditional Chinese</option> | |
| 55 <option value="Cans">Unified Canadian Aboriginal Syllabics</option> | |
| 56 <option value="Yiii">Yi</option> | |
| 57 </select> | |
| 58 </div> | |
| 59 <div style="margin-left: 20px; overflow-x: auto;"> | |
| 60 <div>Standard</div> | |
| 61 <div class="font-setting-container"> | |
| 62 <div class="font-input-div"> | |
| 63 <select id="standardFontList"></select> | |
| 64 </div> | |
| 65 <div id="standardFontSample" style="font-family: standard;"> | |
| 66 Lorem ipsum dolor sit amat. | |
| 67 </div> | |
| 68 </div> | |
| 69 <div>Serif</div> | |
| 70 <div class="font-setting-container"> | |
| 71 <div class="font-input-div"> | |
| 72 <select id="serifFontList"></select> | |
| 73 </div> | |
| 74 <div id="serifFontSample" style="font-family: serif;"> | |
| 75 Lorem ipsum dolor sit amat. | |
| 76 </div> | |
| 77 </div> | |
| 78 <div>Sans-Serif</div> | |
| 79 <div class="font-setting-container"> | |
| 80 <div class="font-input-div"> | |
| 81 <select id="sansSerifFontList"></select> | |
| 82 </div> | |
| 83 <div id="sansSerifFontSample" style="font-family: sans-serif;"> | |
| 84 Lorem ipsum dolor sit amat. | |
| 85 </div> | |
| 86 </div> | |
| 87 <div>Fixed</div> | |
| 88 <div class="font-setting-container"> | |
| 89 <div class="font-input-div"> | |
| 90 <select id="fixedFontList"></select> | |
| 91 </div> | |
| 92 <div id="fixedFontSample" style="font-family: monospace;"> | |
| 93 Lorem ipsum dolor sit amat. | |
| 94 </div> | |
| 95 </div> | |
| 96 </div> | |
| 97 <div class="font-setting-container">Default Font Size</div> | |
| 98 <div class="font-input-div"><input type="text" id="defaultFontSize"></div> | |
| 99 <div class="font-setting-container">Default Fixed Font Size</div> | |
| 100 <div class="font-input-div"> | |
| 101 <input type="text" id="defaultFixedFontSize"> | |
| 102 </div> | |
| 103 <div>Minimum Font Size</div> | |
| 104 <div class="font-setting-container"> | |
| 105 <div class="font-input-div"><input type="text" id="minFontSize"></div> | |
| 106 <div id="minFontSample" style="font-family: standard; font-size: 1px;"> | |
| 107 Lorem ipsum dolor sit amat. | |
| 108 </div> | |
| 109 </div> | |
| 110 <button id="clearButton">Clear All Settings</button> | |
| 111 </div> | |
| 112 </div> | |
| 113 </body> | |
| 114 </html> | |
| OLD | NEW |