1 <!doctype html> 2 <html> 3 <head> 4 <link rel="stylesheet" type="text/css" href="highcontrast.css"> 5 <style type="text/css"> 6 html { 7 border-radius: 6px; 8 } 9 body { 10 width: 18em; 11 padding: 0.75em; 12 border-radius: 6px; 13 } 14 * { 15 font-family: Arial, Helvetica, sans-serif; 16 font-size: 10pt; 17 } 18 #title { 19 outline: none; 20 } 21 .kb { 22 font-weight: normal; 23 font-style: italic; 24 font-size: 10pt; 25 } 26 button { 27 width: 100%; 28 margin: 0.75em 0 0.25em 0; 29 padding: 0.5em 1.5em; 30 } 31 button#toggle { 32 font-size: 12pt; 33 } 34 body.disabled h3, 35 body.disabled a, 36 body.disabled label { 37 color: #aaa; 38 } 39 h2 { 40 font-size: 12pt; 41 text-align: center; 42 } 43 label { 44 display: block; 45 } 46 fieldset { 47 border: none; 48 margin: 0; 49 margin-bottom: 1em; 50 padding: 0; 51 } 52 legend { 53 padding-top: 1em; 54 padding-bottom: 0.5em; 55 } 56 input[type="radio"] { 57 margin-left: 1em; 58 } 59 </style> 60 <script type="text/javascript" src="common.js"></script> 61 <script type="text/javascript" src="popup.js"></script> 62 </head> 63 <body> 64 65 <h2 id="title"></h2> 66 67 <button id="toggle"></button> 68 69 <div id="subcontrols"> 70 71 <fieldset> 72 <legend id="scheme_title"></legend> 73 <label> 74 <input type="radio" name="scheme" value="0"> 75 <span i18n-content="normal"></span> 76 </label> 77 <label> 78 <input type="radio" name="scheme" value="1"> 79 <span i18n-content="increased_contrast"><span>Increased Contrast 80 </label> 81 <label> 82 <input type="radio" name="scheme" value="2"> 83 Grayscale 84 </label> 85 <label> 86 <input type="radio" name="scheme" value="3"> 87 Inverted Color 88 </label> 89 <label> 90 <input type="radio" name="scheme" value="4"> 91 Inverted Grayscale 92 </label> 93 <label> 94 <input type="radio" name="scheme" value="5"> 95 Yellow on Black 96 </label> 97 </fieldset> 98 99 <button id="make_default">Set as default scheme</button> 100 101 <button id="forget">Forget site customizations</button> 102 103 </div> 104 105 </body> 106 </html> 107