-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathoptions.html
62 lines (54 loc) · 2.55 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
<!DOCTYPE html>
<html>
<head>
<title>Overlay Clock Options</title>
<meta charset="utf-8">
</head>
<body>
<div id="content">
<h3>Overlay Clock Options</h3>
<div id="page_general_settings">
<input id="mil_time" type="checkbox" name="mil_time"/>24-Hour Clock<br>
<input id="full_screen_only" type="checkbox" name="full_screen_only"/>Full screen only
<label class="hide_clock_switch" for="hide_clock_checkbox">
<input type="checkbox" id="hide_clock_checkbox" /> <div id="hide_clock_slider"></div> <span id="hide_clock_text"></span>
</label> <br><br>
Text Color: <input id="fg_color" class="color" type="color">
Background Color: <input id="bg_color" class="color" type="color"><br>
Background Opacity: <input id="bg_opacity" placeholder="0.8" type="text" title="[0..1]"><br><br>
Font Size: <input id="font_size" placeholder="14px" type="text"><br>
Font Family: <input id="font_family" placeholder="'Anonymous Pro Minus', monospace" type="text" title="Font names with space must be enclosed in quotes"><br><br>
<!-- yes, you can use '%'s and whatever css could use -->
Margin from right side: <input id="style_right" placeholder="3px" type="text" title="you can also use '%' and other units of measurement, not only 'px'"><br>
Margin from top: <input id="style_top" placeholder="2px" type="text"><br><br>
Z-index: <input id="z_index" type="number" placeholder="10000099" title="The bigger the number, the higher place above other elements it will take"><br><br>
</div id="page_general_settings">
<div id="page_domains_list">
<div><label>Add domains to this list, to hide clock there</label></div>
<div id="domains_container">
<div class="domain_element">
<input class="domains" type="text" placeholder="www.domain.name"
title="Tap at 'Save' button after adding domain">​
<input id="add_domain" type="button" title="Add this domain to list"
value="➕">
</div class="domain_element">
</div id="domains_container">
<br>
</div id="page_domains_list">
<br>
<div id="status"></div>
<div class="buttons_container">
<button id="save">Save</button>
<div id="page_general_settings_button" class="buttons_horizon">
<button id="switch_to_page_domains_list" type="button">Domains</button>
</div>
<div id="page_domains_list_button" class="buttons_horizon">
<button id="switch_to_page_general_settings" type="button">General Settings</button>
</div>
</div class="buttons_container">
</div id="content">
</body>
<link rel="stylesheet" href="options.css" />
<script src="defaults.js"></script>
<script src="options.js"></script>
</html>