-
Notifications
You must be signed in to change notification settings - Fork 5
/
userOptions.html
executable file
·91 lines (68 loc) · 2.46 KB
/
userOptions.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
<!DOCTYPE html>
<html>
<head><title>Mouse Click Highlighter Options</title>
<!-- Include Simple Slider JavaScript and CSS -->
<link href="css/simple-slider.css" rel="stylesheet" type="text/css" />
<link href="css/simple-slider-volume.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/spectrum.css">
<link rel="stylesheet" type="text/css" href="jquery/jquery-ui-1.12.0/jquery-ui.min.js">
<script type="text/javascript" src="jquery/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="jquery/jquery-ui-1.12.0/jquery-ui.css"></script>
<script type="text/javascript" src="js/spectrum.js"></script>
<script src="js/simple-slider.js"></script>
</head>
<body>
<div class='column-left'>
<h4>Mouse Move</h4>
<label>Mouse Move Color:</label>
<input type='text' id='mouseMoveColor' />
<br /><br />
<label>Mouse Move Size: (Default: 50)</label>
<input id='mouseMoveSize' type='text' value='' />
<!-- <input type="text" data-slider="true" value="50" data-slider-highlight="true" data-slider-theme="volume" id="mouseMoveSize"> -->
<br /><br />
<label>Mouse Move Border Color:</label>
<input type='text' id='mouseMoveBorderColor' />
<br /><br />
<label>Mouse Move Border Size: (Default: 0)</label>
<input id='mouseMoveBorderSize' type='text' value='' />
<br /><br /><br /><br />
</div>
<div class='column-center'>
<h4>Mouse Down</h4>
<label>Mouse Down Color:</label>
<input id='mouseDownColor' class='color' value='' />
<br /><br />
<label>Mouse Down Size: (Default: 25)</label>
<input id='mouseDownSize' type='text' value='' />
<br /><br />
<label>Mouse Down Border Color:</label>
<input type='text' id='mouseDownBorderColor' />
<br /><br />
<label>Mouse Down Border Size: (Default: 5)</label>
<input id='mouseDownBorderSize' type='text' value='' />
<br /><br /><br /><br />
</div>
<div class='column-right'>
<h4>Mouse Up</h4>
<label>Mouse Up Color:</label>
<input id='mouseUpColor' class='color' value='' />
<br /><br />
<label>Mouse Up Size: (Default: 20)</label>
<input id='mouseUpSize' type='text' value='' />
<br /><br />
<label>Mouse Up Border Color:</label>
<input type='text' id='mouseUpBorderColor' />
<br /><br />
<label>Mouse Up Border Size: (Default: 4)</label>
<input id='mouseUpBorderSize' type='text' value='' />
<br /><br /><br /><br />
</div>
<br /><br />
<div id="status"></div>
<hr />
<button id="save">Save</button>
<button id="reset">Reset to Defaults</button>
<script src="userOptions.js"></script>
</body>
</html>