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