-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathoptions.html
152 lines (146 loc) · 4.37 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
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title id="options-page-title">jsproxy助手设置</title>
<style type="text/css">
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background-color: #f1f2f7;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
padding: 0px !important;
margin: 0px !important;
font-size: 14px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
#content {
background-color: #fff;
margin: 100px auto 0;
width: 600px;
border-radius: 5px;
}
#content>h1{
margin: 0;
padding: 20px 15px;
text-align: center;
background: #41cac0;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
}
#content>h1>span{
font-weight: 700;
}
#content-wrap{
padding: 20px 10px;
}
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
.col-sm-2 {
width: 16.66666667%;
float: left;
}
.col-sm-offset {
margin-left: 16.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-10,.col-sm-2{
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
.form-group:before,.form-group:after,.form-horizontal:before,.form-horizontal:after{
display: table;
content: " ";
}
.form-group:after,.form-horizontal:after{
clear: both;
}
.form-horizontal .checkbox{
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
position: relative;
display: block;
}
.tips{
display: block;
color: #737373;
margin: 5px 21px 10px;
}
input#auto-open-homepage {
height: 32px;
width: 309px;
line-height: 32px;
margin-right: 13px;
border-radius: 3px;
border-style: hidden;
border: 1px solid #666;
padding: 5px 10px;
}
button#submit-jsproxy {
height: 32px;
border-radius: 4px;
border-style: hidden;
color: white;
background: #41cac0;
padding: 5px 13px;
cursor: pointer;
}
button#submit-jsproxy:hover{
background: #ddd;
cursor: pointer;
}
input, button{
outline: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
</style>
</head>
<body>
<div id="content">
<h1>jsproxy助手<span>设置选项</span></h1>
<div id="content-wrap" class="form-horizontal">
<div class="form-group">
<p class="tips">如果插件默认提供的代理服务可能不能满足你的需求，你可以按你的喜好自定义链接地址，在这里设置你自己的代理链接</p>
<label class="col-sm-2 control-label">
代理设置:
</label>
<div class="col-sm-10">
<div class="checkbox">
<label>
<input id="auto-open-homepage" type="text">
<button id="submit-jsproxy">提交代理</button>
</label>
</div>
</div>
</div>
</div>
</div> <!-- end of content div -->
<div class="footer"><a id="footer-homepage" href="http://translate.google.com/"></a></div>
<script type="text/javascript" src="jquery.min.js"></script>
<script src="options.js"></script>
</body>
</html>