collectd-interface 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/README.md +134 -0
- data/bin/collectd-interface-daemon +401 -0
- data/bin/collectd-interface-plugins +95 -0
- data/graphs/cpus.erb +76 -0
- data/graphs/disk-traffic-root.erb +30 -0
- data/graphs/disk-traffic-srv.erb.disabled +30 -0
- data/graphs/disk-traffic-tmp.erb.disabled +30 -0
- data/graphs/disk-traffic-var.erb.disabled +30 -0
- data/graphs/gridengine-jobs.erb.disabled +32 -0
- data/graphs/load.erb +36 -0
- data/graphs/memory.erb +47 -0
- data/graphs/network-eth0.erb +26 -0
- data/graphs/network-lo.erb +26 -0
- data/graphs/processes.erb +66 -0
- data/public/images/cpus.png +0 -0
- data/public/images/cpus.svg +946 -0
- data/public/images/disk-traffic-root.png +0 -0
- data/public/images/disk-traffic-srv.png +0 -0
- data/public/images/disk-traffic-var.png +0 -0
- data/public/images/load.png +0 -0
- data/public/images/load.svg +638 -0
- data/public/images/memory.png +0 -0
- data/public/images/memory.svg +741 -0
- data/public/images/network-eth0.png +0 -0
- data/public/images/network-eth0.svg +609 -0
- data/public/images/network-lo.png +0 -0
- data/public/images/network-lo.svg +644 -0
- data/public/images/processes.png +0 -0
- data/public/images/processes.svg +832 -0
- data/public/readme/user-interface.png +0 -0
- data/public/script/toggle.js +9 -0
- data/public/style/default.css +275 -0
- data/public/style/nav.css +265 -0
- data/views/README.md +134 -0
- data/views/data.erb +3 -0
- data/views/graph.erb +19 -0
- data/views/readme.erb +3 -0
- data/views/report.erb +17 -0
- data/views/reports/disk-free.erb +20 -0
- data/views/reports/list-open-files-lustre.erb.disabled +44 -0
- data/views/reports/list-open-files-tmp.erb +44 -0
- data/views/reports/processes-cpu-usage.erb +39 -0
- data/views/reports/system-sockets.erb +32 -0
- data/views/show_values.erb +11 -0
- data/views/template/default.erb +21 -0
- data/views/template/header.erb +3 -0
- data/views/template/navigation.erb +9 -0
- data/views/template/options/data.erb +31 -0
- data/views/template/options/graph.erb +23 -0
- data/views/template/options/readme.erb +0 -0
- data/views/template/options/report.erb +11 -0
- metadata +128 -0
|
Binary file
|
|
@@ -0,0 +1,275 @@
|
|
|
1
|
+
html {
|
|
2
|
+
font-size: 100%;
|
|
3
|
+
-webkit-text-size-adjust: 100%;
|
|
4
|
+
-ms-text-size-adjust: 100%;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
body {
|
|
8
|
+
margin: 0;
|
|
9
|
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
10
|
+
font-size: 13px;
|
|
11
|
+
line-height: 18px;
|
|
12
|
+
color: #333333;
|
|
13
|
+
background-color: #ffffff;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.content {
|
|
17
|
+
position:absolute;
|
|
18
|
+
top: 50px;
|
|
19
|
+
left; 0px;
|
|
20
|
+
padding-left: 10px;
|
|
21
|
+
padding-right: 10px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
div.docs {
|
|
25
|
+
width: 600px;
|
|
26
|
+
margin-right: auto;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
p {
|
|
30
|
+
line-height: 20px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
em, i {
|
|
34
|
+
font-style: italic;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
h1,h2,h3,h4,h5,h6 {
|
|
38
|
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
39
|
+
margin: 0;
|
|
40
|
+
padding: 0;
|
|
41
|
+
font-weight: bold;
|
|
42
|
+
color: black;
|
|
43
|
+
text-rendering: optimizelegibility;
|
|
44
|
+
}
|
|
45
|
+
h1 {
|
|
46
|
+
margin-top: 20px;
|
|
47
|
+
font-size: 30px;
|
|
48
|
+
line-height: 36px;
|
|
49
|
+
}
|
|
50
|
+
h2 {
|
|
51
|
+
font-size: 24px;
|
|
52
|
+
line-height: 36px;
|
|
53
|
+
background-color: white;
|
|
54
|
+
}
|
|
55
|
+
h3 {
|
|
56
|
+
line-height: 27px;
|
|
57
|
+
font-size: 18px;
|
|
58
|
+
}
|
|
59
|
+
h4, h5, h6 {
|
|
60
|
+
line-height: 18px;
|
|
61
|
+
}
|
|
62
|
+
h4 {
|
|
63
|
+
font-size: 14px;
|
|
64
|
+
}
|
|
65
|
+
h5 {
|
|
66
|
+
font-size: 12px;
|
|
67
|
+
}
|
|
68
|
+
h6 {
|
|
69
|
+
font-size: 11px;
|
|
70
|
+
color: #999999;
|
|
71
|
+
text-transform: uppercase;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
a {
|
|
75
|
+
color:#0088cc;
|
|
76
|
+
text-decoration:none;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
a:hover {
|
|
81
|
+
color: #005580;
|
|
82
|
+
text-decoration: underline;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
a:focus {
|
|
86
|
+
outline: thin dotted;
|
|
87
|
+
outline: 5px auto -webkit-focus-ring-color;
|
|
88
|
+
outline-offset: -2px;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
ul {
|
|
93
|
+
margin: 0 ;
|
|
94
|
+
list-style-type: none;
|
|
95
|
+
*zoom: 1;
|
|
96
|
+
display: block;
|
|
97
|
+
padding:0;
|
|
98
|
+
line-height: 1;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
li {
|
|
102
|
+
margin-top:20px;
|
|
103
|
+
margin-bottom:0;
|
|
104
|
+
margin-left:0;
|
|
105
|
+
margin-right:0;
|
|
106
|
+
line-height:24px;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
ul li a {
|
|
110
|
+
color:#A8A8A8;
|
|
111
|
+
margin-left:10px;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
ul li table {
|
|
115
|
+
margin-bottom:0;
|
|
116
|
+
padding-bottom:0;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
ul.data li {
|
|
120
|
+
margin:0;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
ul.data li a {
|
|
124
|
+
color:#001db0;
|
|
125
|
+
margin:0;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
img {
|
|
129
|
+
max-width: 100%;
|
|
130
|
+
height: auto;
|
|
131
|
+
border: 0;
|
|
132
|
+
border: 1px solid #ddd;
|
|
133
|
+
-webkit-border-radius: 4px;
|
|
134
|
+
-moz-border-radius: 4px;
|
|
135
|
+
border-radius: 4px;
|
|
136
|
+
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
137
|
+
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
138
|
+
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
tt, code, pre {
|
|
142
|
+
padding: 0 3px 2px; font-family: Menlo, Monaco, "Courier New", monospace;
|
|
143
|
+
font-size: 12px;
|
|
144
|
+
color: #333333;
|
|
145
|
+
-webkit-border-radius: 3px;
|
|
146
|
+
-moz-border-radius: 3px;
|
|
147
|
+
border-radius: 3px;
|
|
148
|
+
}
|
|
149
|
+
tt, code {
|
|
150
|
+
padding: 3px 4px;
|
|
151
|
+
color: #333333;
|
|
152
|
+
background-color: #f7f7f9;
|
|
153
|
+
border: 1px solid #e1e1e8;
|
|
154
|
+
}
|
|
155
|
+
pre {
|
|
156
|
+
display: block;
|
|
157
|
+
padding-top:8px;
|
|
158
|
+
padding-bottom:8px;
|
|
159
|
+
padding-left:4px;
|
|
160
|
+
padding-right:4px;
|
|
161
|
+
margin: 0 0 9px;
|
|
162
|
+
font-size: 12px;
|
|
163
|
+
line-height: 18px;
|
|
164
|
+
background-color: #f5f5f5;
|
|
165
|
+
border: 1px solid #ccc;
|
|
166
|
+
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
167
|
+
-webkit-border-radius: 4px;
|
|
168
|
+
-moz-border-radius: 4px;
|
|
169
|
+
border-radius: 4px;
|
|
170
|
+
color: #000;
|
|
171
|
+
overflow: hidden;
|
|
172
|
+
overflow: auto;
|
|
173
|
+
}
|
|
174
|
+
pre code {
|
|
175
|
+
padding: 0;
|
|
176
|
+
border: none;
|
|
177
|
+
background-color: transparent;
|
|
178
|
+
color: black;
|
|
179
|
+
}
|
|
180
|
+
tt {
|
|
181
|
+
font-family: Menlo, Monaco, "Courier New", monospace;
|
|
182
|
+
color: #000;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
table {
|
|
186
|
+
border-collapse: collapse;
|
|
187
|
+
border-spacing: 0;
|
|
188
|
+
margin-bottom: 18px;
|
|
189
|
+
border: 1px solid #ddd;
|
|
190
|
+
border-collapse: separate;
|
|
191
|
+
*border-collapse: collapsed;
|
|
192
|
+
-webkit-border-radius: 4px;
|
|
193
|
+
-moz-border-radius: 4px;
|
|
194
|
+
border-radius: 4px;
|
|
195
|
+
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
th, td {
|
|
199
|
+
padding: 8px;
|
|
200
|
+
line-height: 18px;
|
|
201
|
+
text-align: left;
|
|
202
|
+
border-top: 1px solid #ddd;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
th {
|
|
206
|
+
font-weight: bold;
|
|
207
|
+
vertical-align: bottom;
|
|
208
|
+
}
|
|
209
|
+
td {
|
|
210
|
+
vertical-align: top;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
thead:first-child tr th,
|
|
214
|
+
thead:first-child tr td {
|
|
215
|
+
border-top: 0;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
tbody + tbody {
|
|
219
|
+
border-top: 2px solid #ddd;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
th + th,
|
|
223
|
+
td + td,
|
|
224
|
+
th + td,
|
|
225
|
+
td + th {
|
|
226
|
+
border-left: 1px solid #ddd;
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
thead:first-child tr:first-child th,
|
|
230
|
+
tbody:first-child tr:first-child th,
|
|
231
|
+
tbody:first-child {
|
|
232
|
+
border-top: 0;
|
|
233
|
+
}
|
|
234
|
+
thead:first-child tr:first-child th:first-child,
|
|
235
|
+
tbody:first-child tr:first-child td:first-child {
|
|
236
|
+
-webkit-border-radius: 4px 0 0 0;
|
|
237
|
+
-moz-border-radius: 4px 0 0 0;
|
|
238
|
+
border-radius: 4px 0 0 0;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
thead:first-child tr:first-child th:last-child,
|
|
242
|
+
tbody:first-child tr:first-child td:last-child {
|
|
243
|
+
-webkit-border-radius: 0 4px 0 0;
|
|
244
|
+
-moz-border-radius: 0 4px 0 0;
|
|
245
|
+
border-radius: 0 4px 0 0;
|
|
246
|
+
}
|
|
247
|
+
thead:last-child tr:last-child th:first-child,
|
|
248
|
+
tbody:last-child tr:last-child td:first-child {
|
|
249
|
+
-webkit-border-radius: 0 0 0 4px;
|
|
250
|
+
-moz-border-radius: 0 0 0 4px;
|
|
251
|
+
border-radius: 0 0 0 4px;
|
|
252
|
+
}
|
|
253
|
+
thead:last-child tr:last-child th:last-child,
|
|
254
|
+
tbody:last-child tr:last-child td:last-child {
|
|
255
|
+
-webkit-border-radius: 0 0 4px 0;
|
|
256
|
+
-moz-border-radius: 0 0 4px 0;
|
|
257
|
+
border-radius: 0 0 4px 0;
|
|
258
|
+
}
|
|
259
|
+
tbody tr:nth-child(odd) td,
|
|
260
|
+
tbody tr:nth-child(odd) th {
|
|
261
|
+
background-color: #f5f5f5;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
|
|
265
|
+
|
|
266
|
+
|
|
267
|
+
|
|
268
|
+
|
|
269
|
+
|
|
270
|
+
|
|
271
|
+
|
|
272
|
+
|
|
273
|
+
|
|
274
|
+
|
|
275
|
+
|
|
@@ -0,0 +1,265 @@
|
|
|
1
|
+
form {
|
|
2
|
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
3
|
+
overflow: visible;
|
|
4
|
+
position: fixed;
|
|
5
|
+
top: 0;
|
|
6
|
+
right: 0;
|
|
7
|
+
left: 0;
|
|
8
|
+
z-index: 1030;
|
|
9
|
+
margin-bottom: 18px;
|
|
10
|
+
width: 700px;
|
|
11
|
+
margin-right:auto;
|
|
12
|
+
padding-left: 20px;
|
|
13
|
+
padding-right: 20px;
|
|
14
|
+
min-height: 45px;
|
|
15
|
+
vertical-align:middle;
|
|
16
|
+
background-color: #f5f5f5;
|
|
17
|
+
border: 1px solid #eee;
|
|
18
|
+
border: 1px solid rgba(0, 0, 0, 0.05);
|
|
19
|
+
-webkit-border-radius: 4px;
|
|
20
|
+
-moz-border-radius: 4px;
|
|
21
|
+
border-radius: 4px;
|
|
22
|
+
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
23
|
+
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
24
|
+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
form div.navigation {
|
|
28
|
+
margin:0;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
form div.navigation button {
|
|
32
|
+
margin:4px;
|
|
33
|
+
float:right;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
form div.navigation ul {
|
|
37
|
+
margin:4px;
|
|
38
|
+
display:inline-block;
|
|
39
|
+
vertical-align:middle;
|
|
40
|
+
background-color: #fafafa;
|
|
41
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
|
|
42
|
+
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
|
|
43
|
+
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
|
|
44
|
+
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
|
|
45
|
+
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
|
|
46
|
+
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
|
|
47
|
+
background-repeat: no-repeat;
|
|
48
|
+
border: 1px solid #ccc;
|
|
49
|
+
border-bottom-color: #bbb;
|
|
50
|
+
-webkit-border-radius: 4px;
|
|
51
|
+
-moz-border-radius: 4px;
|
|
52
|
+
border-radius: 4px;
|
|
53
|
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
54
|
+
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
55
|
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
56
|
+
cursor: pointer;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
form div.navigation ul li {
|
|
60
|
+
margin:0;
|
|
61
|
+
padding:0;
|
|
62
|
+
display:inline;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
form div.navigation ul li a {
|
|
66
|
+
font-size: 13px;
|
|
67
|
+
line-height: 26px;
|
|
68
|
+
text-align: center;
|
|
69
|
+
color: #333333;
|
|
70
|
+
text-align: center;
|
|
71
|
+
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
|
72
|
+
float: left;
|
|
73
|
+
padding: 0 14px;
|
|
74
|
+
margin:0;
|
|
75
|
+
text-decoration: none;
|
|
76
|
+
border-right: 1px solid #ddd;
|
|
77
|
+
border-left-width: 0;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
form div.navigation ul li a:hover {
|
|
81
|
+
color: #333333;
|
|
82
|
+
text-decoration: none;
|
|
83
|
+
background-color: #e6e6e6;
|
|
84
|
+
background-position: 0 -15px;
|
|
85
|
+
-webkit-transition: background-position 0.1s linear;
|
|
86
|
+
-moz-transition: background-position 0.1s linear;
|
|
87
|
+
-ms-transition: background-position 0.1s linear;
|
|
88
|
+
-o-transition: background-position 0.1s linear;
|
|
89
|
+
transition: background-position 0.1s linear;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
form div.navigation ul li:last-child a {
|
|
94
|
+
border-right-width:0;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
form div.options {
|
|
98
|
+
margin-top:5px;
|
|
99
|
+
border-top: 1px solid #bbb;
|
|
100
|
+
display:none;
|
|
101
|
+
padding:0;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
form div.options ul {
|
|
105
|
+
margin:0;
|
|
106
|
+
padding:0;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
form div.options ul li {
|
|
110
|
+
float:left;
|
|
111
|
+
padding:3px;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
form div.options div.label {
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
form div.options div.explain {
|
|
118
|
+
color:#bbb;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
form div.options .submitter {
|
|
122
|
+
float:left;
|
|
123
|
+
margin:10px;
|
|
124
|
+
text-align:center;
|
|
125
|
+
width:100%;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
form input {
|
|
129
|
+
padding: 4px 10px 4px;
|
|
130
|
+
font-size: 12px;
|
|
131
|
+
text-align: left;
|
|
132
|
+
vertical-align:middle;
|
|
133
|
+
cursor:pointer;
|
|
134
|
+
border: 1px solid #ccc;
|
|
135
|
+
-webkit-border-radius: 3px;
|
|
136
|
+
-moz-border-radius: 3px;
|
|
137
|
+
border-radius: 3px;
|
|
138
|
+
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
139
|
+
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
140
|
+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
141
|
+
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
142
|
+
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
143
|
+
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
144
|
+
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
145
|
+
transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
form input:focus {
|
|
149
|
+
border-color: rgba(82, 168, 236, 0.8);
|
|
150
|
+
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
|
151
|
+
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
|
152
|
+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
|
153
|
+
outline: 0;
|
|
154
|
+
outline: thin dotted \9;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
form button {
|
|
158
|
+
display: inline-block;
|
|
159
|
+
padding: 4px 10px 4px;
|
|
160
|
+
font-size: 13px;
|
|
161
|
+
line-height: 14px;
|
|
162
|
+
text-align: center;
|
|
163
|
+
vertical-align:middle;
|
|
164
|
+
color: #333333;
|
|
165
|
+
text-align: center;
|
|
166
|
+
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
|
167
|
+
background-color: #fafafa;
|
|
168
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
|
|
169
|
+
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
|
|
170
|
+
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
|
|
171
|
+
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
|
|
172
|
+
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
|
|
173
|
+
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
|
|
174
|
+
background-repeat: no-repeat;
|
|
175
|
+
border: 1px solid #ccc;
|
|
176
|
+
border-bottom-color: #bbb;
|
|
177
|
+
-webkit-border-radius: 4px;
|
|
178
|
+
-moz-border-radius: 4px;
|
|
179
|
+
border-radius: 4px;
|
|
180
|
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
181
|
+
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
182
|
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
183
|
+
cursor: pointer;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
form button:hover {
|
|
187
|
+
color: #333333;
|
|
188
|
+
text-decoration: none;
|
|
189
|
+
background-color: #e6e6e6;
|
|
190
|
+
background-position: 0 -15px;
|
|
191
|
+
-webkit-transition: background-position 0.1s linear;
|
|
192
|
+
-moz-transition: background-position 0.1s linear;
|
|
193
|
+
-ms-transition: background-position 0.1s linear;
|
|
194
|
+
-o-transition: background-position 0.1s linear;
|
|
195
|
+
transition: background-position 0.1s linear;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
form button.primary {
|
|
199
|
+
color: #FFFFFF;
|
|
200
|
+
background-color: #006dcc;
|
|
201
|
+
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
|
202
|
+
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
|
203
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
|
204
|
+
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
|
205
|
+
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
|
206
|
+
background-image: linear-gradient(top, #0088cc, #0044cc);
|
|
207
|
+
background-repeat: repeat-x;
|
|
208
|
+
border: 1px solid #ccc;
|
|
209
|
+
border-bottom-color: #bbb;
|
|
210
|
+
-webkit-border-radius: 4px;
|
|
211
|
+
-moz-border-radius: 4px;
|
|
212
|
+
border-radius: 4px;
|
|
213
|
+
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
214
|
+
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
215
|
+
border-color: #0044cc #0044cc #002a80;
|
|
216
|
+
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
217
|
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
218
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
form button.primary:hover {
|
|
222
|
+
background-color: #0044cc;
|
|
223
|
+
color: rgba(255, 255, 255, 0.75);
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
form select {
|
|
227
|
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
228
|
+
display: inline-block;
|
|
229
|
+
margin: 0;
|
|
230
|
+
font-size: 14px;
|
|
231
|
+
vertical-align: middle;
|
|
232
|
+
width: 200px;
|
|
233
|
+
background-color: #ffffff;
|
|
234
|
+
height: 24px;
|
|
235
|
+
line-height: 28px;
|
|
236
|
+
color: #555555;
|
|
237
|
+
border: 1px solid #ccc;
|
|
238
|
+
-webkit-border-radius: 3px;
|
|
239
|
+
-moz-border-radius: 3px;
|
|
240
|
+
border-radius: 3px;
|
|
241
|
+
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
242
|
+
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
243
|
+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
244
|
+
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
245
|
+
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
246
|
+
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
247
|
+
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
248
|
+
transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
select[multiple],
|
|
252
|
+
select[size] {
|
|
253
|
+
height: auto;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
|
|
257
|
+
|
|
258
|
+
select:focus {
|
|
259
|
+
border-color: rgba(82, 168, 236, 0.8);
|
|
260
|
+
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
|
261
|
+
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
|
262
|
+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
|
263
|
+
outline: 0;
|
|
264
|
+
outline: thin dotted \9;
|
|
265
|
+
}
|