-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
80 lines (76 loc) · 1.85 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
<!DOCTYPE html>
<html>
<head><title>Drop Down Search - Options</title></head>
<body>
<div class="container">
<section>
<h2>Drop Down Search - Options</h2>
<p>To automatically convert all drop downs to include a search box, enter the URL in the text box below and add it to the list. This will enable the drop down search option for all drop downs automatically on page load. Sub domains will also be included.</p>
<ul class="input-list style-1 clearfix">
<li>
<input type="text" id="white_list_url" placeholder="URL should start with http:// or https://">
</li>
<li>
<button class="green" id="save">Add</button>
</li>
</ul>
</section>
<h2 id="status"></h2>
<h3>List of URLs enabled for Drop Down Search</h3>
<div id="white_list_url_cont"></div>
</div>
<script src="jquery.min.js"></script>
<script src="options.js"></script>
<style>
ul {
list-style-type: none;
}
input[type="text"] {
display: block;
margin: 0;
width: 100%;
font-family: sans-serif;
font-size: 18px;
box-shadow: none;
border-radius: none;
}
input[type="text"]:focus {
outline: none;
}
.style-1 input[type="text"] {
padding: 10px;
border: solid 1px #dcdcdc;
transition: box-shadow 0.3s, border 0.3s;
}
.style-1 input[type="text"]:focus,
.style-1 input[type="text"].focus {
border: solid 1px #707070;
box-shadow: 0 0 5px 1px #969696;
}
button {
cursor: pointer;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
.green{
background-color: #4CAF50; /* Green */
}
.red{
background-color: #ff5c33; /* Green */
}
body {
text-align: center;
}
.container {
text-align: left;
width: 800px;
margin: 0 auto;
}
</style>
</body>
</html>