forked from Strav/Change-Colors
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathoptions.html
143 lines (142 loc) · 4.54 KB
/
options.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<title>Change Colors: Adjust your preferences</title>
<link rel="stylesheet" type="text/css" href="css/options.css" />
<script type="text/javascript" src="options_manage.js"></script>
<script type="text/javascript" src="libs/font_detect.js"></script>
</head>
<body onload="restoreOptions();">
<div id="main_container">
<div id="options_container">
<div id="logo"><img src="icons/colors_icons_64.png" alt="Change Colors"/></div>
<div id="title">Adjust your preferences</div>
<div class="clear"></div>
<table cellpadding="5" class="settings-table">
<tr class="group_option_row">
<td class="option_col">
<span class="group_option">Use Web pages fonts ?</span>
</td>
<td>
Yes: <input type="radio" id="browserFontDefault" name="browser_font" value="true"
onClick="fontRadioDefault();"/>
No: <input type="radio" id="browserFontOverride" name="browser_font" value="false"
onClick="fontRadioOverride();"/>
</td>
</tr>
<tr id="fontSelection" style="display: none;">
<td class="option_name">
<span>Replacement font:</span>
</td>
<td>
<span id="default_font">Arial</span>
<span id="fontSelectorBtn" onClick="showFonts();">(Select
another font)</span>
<div id="fontSelector" style="display: none;">
<br />
<script type="text/javascript">
<!--
document.write(buildFontSelector(fonts));
// -->
</script>
</div>
</td>
</tr>
<tr id="fontSizeRow" style="display: none;">
<td>
Replacement font size:
</td>
<td>
<script type="text/javascript">
<!--
document.write(buildFontSizeSelector());
// -->
</script>
</td>
</tr>
<tr class="group_option_row">
<td class="option_col">
<span class="group_option">Use Web pages colors ?</span>
</td>
<td>
Yes: <input type="radio" id="browserColorDefault" name="browser_color" value="true"
onClick="colorRadioDefault();"/>
No: <input type="radio" id="browserColorOverride" name="browser_color" value="false"
onClick="colorRadioOverride();"/>
</td>
</tr>
<tr id="background_color_row">
<td class="option_name">
<span>Background color:</span>
</td>
<td>
<input class="color" id="background_color" value="0F0F0F"
onchange="bindColor('background_color',
'backgroundColor', 'sampleBlock')"/>
</td>
</tr>
<tr id="text_color_row">
<td class="option_name">
<span>Text color:</span>
</td>
<td>
<input class="color" id="text_color" value="EDEDED"
onchange="bindColor('text_color', 'color', 'sampleBlock')"/>
</td>
</tr>
<tr id="links_color_row">
<td class="option_name">
<span>Links color:</span>
</td>
<td>
<input class="color" id="links_color" value="42ADDB"
onchange="bindColor('links_color', 'color', 'link')"/>
</td>
</tr>
<tr id="visited_links_color_row">
<td class="option_name">
<span>Visited links color:</span>
</td>
<td>
<input class="color" id="visited_links_color" value="5B3BDB"
onchange="bindColor('visited_links_color', 'color', 'visited_link')"/>
</td>
</tr>
<tr class="group_option_row">
<td class="option_col">
<span class="group_option">Show images?</span>
</td>
<td>
Yes: <input type="radio" id="showImageDefault" name="browser_show_image" value="true"
onClick="saveOption('ShowImage', true);"/>
No: <input type="radio" id="showImageOverride" name="browser_show_image" value="false"
onClick="saveOption('ShowImage', false);"/>
</td>
</tr>
</table>
<br /><br />
<div id="shortCuts">
<span id="shortCutsTitle">Keyboard Shortcuts:</span>
<ul>
<li>Current Page Override/Remove-Override: Ctrl + Shift + P</li>
<li>Domain Override/Remove-Override: Ctrl + Shift + D</li>
<li>Global Override/Remove-Ovveride: Ctrl + Shift + G</li>
</ul>
</div>
<br />
<br />
</div>
<div id="sampleBlock">
Aliquam erat volutpat. Morbi aliquam metus at velit auctor
condimentum. Nullam nunc turpis, blandit vel aliquam nec,
blandit at massa. In eget eros felis, id bibendum
quam.<br /><br />
<a id="link" href="">this is a standard link</a><br /><br />
<a id="visited_link" href="">this is a visited link</a>
</div>
<div class="clear"></div>
</div>
</body>
<script type="text/javascript" src="libs/jscolor/jscolor.js"></script>
</html>