1<!doctype html> 2<html> 3<head> 4<link rel="stylesheet" type="text/css" href="highcontrast.css"> 5<style type="text/css"> 6html { 7 border-radius: 6px; 8} 9body { 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} 26button { 27 width: 100%; 28 margin: 0.75em 0 0.25em 0; 29 padding: 0.5em 1.5em; 30} 31button#toggle { 32 font-size: 12pt; 33} 34body.disabled h3, 35body.disabled a, 36body.disabled label { 37 color: #aaa; 38} 39h2 { 40 font-size: 12pt; 41 text-align: center; 42} 43label { 44 display: block; 45} 46fieldset { 47 border: none; 48 margin: 0; 49 margin-bottom: 1em; 50 padding: 0; 51} 52legend { 53 padding-top: 1em; 54 padding-bottom: 0.5em; 55} 56input[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