speedo 0.0.4 → 0.0.5
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/app/views/layouts/speedo/application.html.haml +26 -21
- data/app/views/speedo/home/examples.html.haml +15 -16
- data/config/routes.rb +2 -2
- data/lib/generators/speedo/install_generator.rb +2 -2
- data/lib/speedo/sass.rb +1 -2
- data/lib/speedo/version.rb +1 -1
- data/vendor/assets/javascripts/chosen.jquery.js +952 -0
- data/vendor/assets/javascripts/jquery.autoSuggest.js +368 -0
- data/vendor/assets/javascripts/jquery.autogrow.js +50 -0
- data/vendor/assets/javascripts/jquery.dataTables.js +11612 -0
- data/vendor/assets/javascripts/jquery.fancybox-1.3.4.js +1156 -0
- data/vendor/assets/javascripts/jquery.livequery.js +250 -0
- data/vendor/assets/javascripts/jquery.mousewheel-3.0.4.pack.js +14 -0
- data/vendor/assets/javascripts/jquery.placeholder.min.js +2 -0
- data/vendor/assets/javascripts/jquery.uniform.js +672 -0
- data/vendor/assets/javascripts/modernizr.min.js +13 -0
- data/vendor/assets/javascripts/respond.js +326 -0
- data/vendor/assets/stylesheets/autoSuggest.css +217 -0
- data/vendor/assets/stylesheets/chosen-sprite.png +0 -0
- data/vendor/assets/stylesheets/chosen.css +392 -0
- data/vendor/assets/stylesheets/dataTables/Sorting icons.psd +0 -0
- data/vendor/assets/stylesheets/dataTables/back_disabled.png +0 -0
- data/vendor/assets/stylesheets/dataTables/back_enabled.png +0 -0
- data/vendor/assets/stylesheets/dataTables/back_enabled_hover.png +0 -0
- data/vendor/assets/stylesheets/dataTables/favicon.ico +0 -0
- data/vendor/assets/stylesheets/dataTables/forward_disabled.png +0 -0
- data/vendor/assets/stylesheets/dataTables/forward_enabled.png +0 -0
- data/vendor/assets/stylesheets/dataTables/forward_enabled_hover.png +0 -0
- data/vendor/assets/stylesheets/dataTables/sort_asc.png +0 -0
- data/vendor/assets/stylesheets/dataTables/sort_asc_disabled.png +0 -0
- data/vendor/assets/stylesheets/dataTables/sort_both.png +0 -0
- data/vendor/assets/stylesheets/dataTables/sort_desc.png +0 -0
- data/vendor/assets/stylesheets/dataTables/sort_desc_disabled.png +0 -0
- data/vendor/assets/stylesheets/dataTables/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
- data/vendor/assets/stylesheets/dataTables/ui-bg_glass_55_fbf9ee_1x400.png +0 -0
- data/vendor/assets/stylesheets/dataTables/ui-bg_glass_65_ffffff_1x400.png +0 -0
- data/vendor/assets/stylesheets/dataTables/ui-bg_glass_75_dadada_1x400.png +0 -0
- data/vendor/assets/stylesheets/dataTables/ui-bg_glass_75_e6e6e6_1x400.png +0 -0
- data/vendor/assets/stylesheets/dataTables/ui-bg_glass_75_ffffff_1x400.png +0 -0
- data/vendor/assets/stylesheets/dataTables/ui-bg_highlight-soft_75_cccccc_1x100.png +0 -0
- data/vendor/assets/stylesheets/dataTables/ui-bg_inset-soft_95_fef1ec_1x100.png +0 -0
- data/vendor/assets/stylesheets/dataTables/ui-icons_222222_256x240.png +0 -0
- data/vendor/assets/stylesheets/dataTables/ui-icons_2e83ff_256x240.png +0 -0
- data/vendor/assets/stylesheets/dataTables/ui-icons_454545_256x240.png +0 -0
- data/vendor/assets/stylesheets/dataTables/ui-icons_888888_256x240.png +0 -0
- data/vendor/assets/stylesheets/dataTables/ui-icons_cd0a0a_256x240.png +0 -0
- data/vendor/assets/stylesheets/fancybox/blank.gif +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_close.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_loading.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_nav_left.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_nav_right.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_shadow_e.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_shadow_n.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_shadow_ne.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_shadow_nw.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_shadow_s.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_shadow_se.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_shadow_sw.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_shadow_w.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_title_left.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_title_main.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_title_over.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancy_title_right.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancybox-x.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancybox-y.png +0 -0
- data/vendor/assets/stylesheets/fancybox/fancybox.png +0 -0
- data/vendor/assets/stylesheets/gh-buttons.css +393 -0
- data/vendor/assets/stylesheets/gh-icons.png +0 -0
- data/vendor/assets/stylesheets/jquery-ui-1.8.18.custom.css +565 -0
- data/vendor/assets/stylesheets/jquery.dataTables.css +219 -0
- data/vendor/assets/stylesheets/jquery.fancybox-1.3.4.css +359 -0
- data/vendor/assets/stylesheets/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
- data/vendor/assets/stylesheets/jqueryui/ui-bg_glass_55_fbf9ee_1x400.png +0 -0
- data/vendor/assets/stylesheets/jqueryui/ui-bg_glass_65_ffffff_1x400.png +0 -0
- data/vendor/assets/stylesheets/jqueryui/ui-bg_glass_75_dadada_1x400.png +0 -0
- data/vendor/assets/stylesheets/jqueryui/ui-bg_glass_75_e6e6e6_1x400.png +0 -0
- data/vendor/assets/stylesheets/jqueryui/ui-bg_glass_75_ffffff_1x400.png +0 -0
- data/vendor/assets/stylesheets/jqueryui/ui-bg_highlight-soft_75_cccccc_1x100.png +0 -0
- data/vendor/assets/stylesheets/jqueryui/ui-bg_inset-soft_95_fef1ec_1x100.png +0 -0
- data/vendor/assets/stylesheets/jqueryui/ui-icons_222222_256x240.png +0 -0
- data/vendor/assets/stylesheets/jqueryui/ui-icons_2e83ff_256x240.png +0 -0
- data/vendor/assets/stylesheets/jqueryui/ui-icons_454545_256x240.png +0 -0
- data/vendor/assets/stylesheets/jqueryui/ui-icons_888888_256x240.png +0 -0
- data/vendor/assets/stylesheets/jqueryui/ui-icons_cd0a0a_256x240.png +0 -0
- data/vendor/assets/stylesheets/normalize.css +504 -0
- data/vendor/assets/stylesheets/uniform/bg-input-focus.png +0 -0
- data/vendor/assets/stylesheets/uniform/bg-input.png +0 -0
- data/vendor/assets/stylesheets/uniform/sprite-aristo.png +0 -0
- data/vendor/assets/stylesheets/uniform/sprite.png +0 -0
- data/vendor/assets/stylesheets/uniform.default.css +610 -0
- metadata +100 -16
@@ -0,0 +1,610 @@
|
|
1
|
+
/*
|
2
|
+
|
3
|
+
Uniform Theme: Uniform Default
|
4
|
+
Version: 1.6
|
5
|
+
By: Josh Pyles
|
6
|
+
License: MIT License
|
7
|
+
---
|
8
|
+
For use with the Uniform plugin:
|
9
|
+
http://pixelmatrixdesign.com/uniform/
|
10
|
+
---
|
11
|
+
Generated by Uniform Theme Generator:
|
12
|
+
http://pixelmatrixdesign.com/uniform/themer.html
|
13
|
+
|
14
|
+
*/
|
15
|
+
|
16
|
+
/* Global Declaration */
|
17
|
+
|
18
|
+
div.selector,
|
19
|
+
div.selector span,
|
20
|
+
div.checker span,
|
21
|
+
div.radio span,
|
22
|
+
div.uploader,
|
23
|
+
div.uploader span.action,
|
24
|
+
div.uniformbutton,
|
25
|
+
div.uniformbutton span {
|
26
|
+
background-image: url(uniform/sprite.png);
|
27
|
+
background-repeat: no-repeat;
|
28
|
+
-webkit-font-smoothing: antialiased;
|
29
|
+
}
|
30
|
+
|
31
|
+
.selector,
|
32
|
+
.radio,
|
33
|
+
.checker,
|
34
|
+
.uploader,
|
35
|
+
.uniformbutton,
|
36
|
+
.selector *,
|
37
|
+
.radio *,
|
38
|
+
.checker *,
|
39
|
+
.uploader *,
|
40
|
+
.uniformbutton *{
|
41
|
+
margin: 0;
|
42
|
+
padding: 0;
|
43
|
+
}
|
44
|
+
|
45
|
+
/* INPUT & TEXTAREA */
|
46
|
+
|
47
|
+
input.text,
|
48
|
+
input.email,
|
49
|
+
input.password,
|
50
|
+
textarea.uniform {
|
51
|
+
font-size: 12px;
|
52
|
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
53
|
+
font-weight: normal;
|
54
|
+
padding: 3px;
|
55
|
+
color: #777;
|
56
|
+
background: url('uniform/bg-input-focus.png') repeat-x 0px 0px;
|
57
|
+
background: url('uniform/bg-input.png') repeat-x 0px 0px;
|
58
|
+
border-top: solid 1px #aaa;
|
59
|
+
border-left: solid 1px #aaa;
|
60
|
+
border-bottom: solid 1px #ccc;
|
61
|
+
border-right: solid 1px #ccc;
|
62
|
+
-webkit-border-radius: 3px;
|
63
|
+
-moz-border-radius: 3px;
|
64
|
+
border-radius: 3px;
|
65
|
+
outline: 0;
|
66
|
+
}
|
67
|
+
|
68
|
+
input.text:focus,
|
69
|
+
input.email:focus,
|
70
|
+
input.password:focus,
|
71
|
+
textarea.uniform:focus {
|
72
|
+
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
|
73
|
+
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
|
74
|
+
box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
|
75
|
+
border-color: #999;
|
76
|
+
background: url('uniform/bg-input-focus.png') repeat-x 0px 0px;
|
77
|
+
}
|
78
|
+
|
79
|
+
/* SPRITES */
|
80
|
+
|
81
|
+
/* Select */
|
82
|
+
|
83
|
+
div.selector {
|
84
|
+
background-position: -483px -130px;
|
85
|
+
line-height: 26px;
|
86
|
+
height: 26px;
|
87
|
+
}
|
88
|
+
|
89
|
+
div.selector span {
|
90
|
+
background-position: right 0px;
|
91
|
+
height: 26px;
|
92
|
+
line-height: 26px;
|
93
|
+
}
|
94
|
+
|
95
|
+
div.selector select {
|
96
|
+
/* change these to adjust positioning of select element */
|
97
|
+
top: 0px;
|
98
|
+
left: 0px;
|
99
|
+
}
|
100
|
+
|
101
|
+
div.selector:active,
|
102
|
+
div.selector.active {
|
103
|
+
background-position: -483px -156px;
|
104
|
+
}
|
105
|
+
|
106
|
+
div.selector:active span,
|
107
|
+
div.selector.active span {
|
108
|
+
background-position: right -26px;
|
109
|
+
}
|
110
|
+
|
111
|
+
div.selector.focus, div.selector.hover, div.selector:hover {
|
112
|
+
background-position: -483px -182px;
|
113
|
+
}
|
114
|
+
|
115
|
+
div.selector.focus span, div.selector.hover span, div.selector:hover span {
|
116
|
+
background-position: right -52px;
|
117
|
+
}
|
118
|
+
|
119
|
+
div.selector.focus:active,
|
120
|
+
div.selector.focus.active,
|
121
|
+
div.selector:hover:active,
|
122
|
+
div.selector.active:hover {
|
123
|
+
background-position: -483px -208px;
|
124
|
+
}
|
125
|
+
|
126
|
+
div.selector.focus:active span,
|
127
|
+
div.selector:hover:active span,
|
128
|
+
div.selector.active:hover span,
|
129
|
+
div.selector.focus.active span {
|
130
|
+
background-position: right -78px;
|
131
|
+
}
|
132
|
+
|
133
|
+
div.selector.disabled {
|
134
|
+
background-position: -483px -234px;
|
135
|
+
}
|
136
|
+
|
137
|
+
div.selector.disabled span {
|
138
|
+
background-position: right -104px;
|
139
|
+
}
|
140
|
+
|
141
|
+
/* Checkbox */
|
142
|
+
|
143
|
+
div.checker {
|
144
|
+
width: 19px;
|
145
|
+
height: 19px;
|
146
|
+
}
|
147
|
+
|
148
|
+
div.checker input {
|
149
|
+
width: 19px;
|
150
|
+
height: 19px;
|
151
|
+
}
|
152
|
+
|
153
|
+
div.checker span {
|
154
|
+
background-position: 0px -260px;
|
155
|
+
height: 19px;
|
156
|
+
width: 19px;
|
157
|
+
}
|
158
|
+
|
159
|
+
div.checker:active span,
|
160
|
+
div.checker.active span {
|
161
|
+
background-position: -19px -260px;
|
162
|
+
}
|
163
|
+
|
164
|
+
div.checker.focus span,
|
165
|
+
div.checker:hover span {
|
166
|
+
background-position: -38px -260px;
|
167
|
+
}
|
168
|
+
|
169
|
+
div.checker.focus:active span,
|
170
|
+
div.checker:active:hover span,
|
171
|
+
div.checker.active:hover span,
|
172
|
+
div.checker.focus.active span {
|
173
|
+
background-position: -57px -260px;
|
174
|
+
}
|
175
|
+
|
176
|
+
div.checker span.checked {
|
177
|
+
background-position: -76px -260px;
|
178
|
+
}
|
179
|
+
|
180
|
+
div.checker:active span.checked,
|
181
|
+
div.checker.active span.checked {
|
182
|
+
background-position: -95px -260px;
|
183
|
+
}
|
184
|
+
|
185
|
+
div.checker.focus span.checked,
|
186
|
+
div.checker:hover span.checked {
|
187
|
+
background-position: -114px -260px;
|
188
|
+
}
|
189
|
+
|
190
|
+
div.checker.focus:active span.checked,
|
191
|
+
div.checker:hover:active span.checked,
|
192
|
+
div.checker.active:hover span.checked,
|
193
|
+
div.checker.active.focus span.checked {
|
194
|
+
background-position: -133px -260px;
|
195
|
+
}
|
196
|
+
|
197
|
+
div.checker.disabled span,
|
198
|
+
div.checker.disabled:active span,
|
199
|
+
div.checker.disabled.active span {
|
200
|
+
background-position: -152px -260px;
|
201
|
+
}
|
202
|
+
|
203
|
+
div.checker.disabled span.checked,
|
204
|
+
div.checker.disabled:active span.checked,
|
205
|
+
div.checker.disabled.active span.checked {
|
206
|
+
background-position: -171px -260px;
|
207
|
+
}
|
208
|
+
|
209
|
+
/* Radio */
|
210
|
+
|
211
|
+
div.radio {
|
212
|
+
width: 18px;
|
213
|
+
height: 18px;
|
214
|
+
}
|
215
|
+
|
216
|
+
div.radio input {
|
217
|
+
width: 18px;
|
218
|
+
height: 18px;
|
219
|
+
}
|
220
|
+
|
221
|
+
div.radio span {
|
222
|
+
height: 18px;
|
223
|
+
width: 18px;
|
224
|
+
background-position: 0px -279px;
|
225
|
+
}
|
226
|
+
|
227
|
+
div.radio:active span,
|
228
|
+
div.radio.active span {
|
229
|
+
background-position: -18px -279px;
|
230
|
+
}
|
231
|
+
|
232
|
+
div.radio.focus span,
|
233
|
+
div.radio:hover span {
|
234
|
+
background-position: -36px -279px;
|
235
|
+
}
|
236
|
+
|
237
|
+
div.radio.focus:active span,
|
238
|
+
div.radio:active:hover span,
|
239
|
+
div.radio.active:hover span,
|
240
|
+
div.radio.active.focus span {
|
241
|
+
background-position: -54px -279px;
|
242
|
+
}
|
243
|
+
|
244
|
+
div.radio span.checked {
|
245
|
+
background-position: -72px -279px;
|
246
|
+
}
|
247
|
+
|
248
|
+
div.radio:active span.checked,
|
249
|
+
div.radio.active span.checked {
|
250
|
+
background-position: -90px -279px;
|
251
|
+
}
|
252
|
+
|
253
|
+
div.radio.focus span.checked, div.radio:hover span.checked {
|
254
|
+
background-position: -108px -279px;
|
255
|
+
}
|
256
|
+
|
257
|
+
div.radio.focus:active span.checked,
|
258
|
+
div.radio:hover:active span.checked,
|
259
|
+
div.radio.focus.active span.checked,
|
260
|
+
div.radio.active:hover span.checked {
|
261
|
+
background-position: -126px -279px;
|
262
|
+
}
|
263
|
+
|
264
|
+
div.radio.disabled span,
|
265
|
+
div.radio.disabled:active span,
|
266
|
+
div.radio.disabled.active span {
|
267
|
+
background-position: -144px -279px;
|
268
|
+
}
|
269
|
+
|
270
|
+
div.radio.disabled span.checked,
|
271
|
+
div.radio.disabled:active span.checked,
|
272
|
+
div.radio.disabled.active span.checked {
|
273
|
+
background-position: -162px -279px;
|
274
|
+
}
|
275
|
+
|
276
|
+
/* Uploader */
|
277
|
+
|
278
|
+
div.uploader {
|
279
|
+
background-position: 0px -297px;
|
280
|
+
height: 28px;
|
281
|
+
}
|
282
|
+
|
283
|
+
div.uploader span.action {
|
284
|
+
background-position: right -409px;
|
285
|
+
height: 24px;
|
286
|
+
line-height: 24px;
|
287
|
+
}
|
288
|
+
|
289
|
+
div.uploader span.filename {
|
290
|
+
height: 24px;
|
291
|
+
/* change this line to adjust positioning of filename area */
|
292
|
+
margin: 2px 0px 2px 2px;
|
293
|
+
line-height: 24px;
|
294
|
+
}
|
295
|
+
|
296
|
+
div.uploader.focus,
|
297
|
+
div.uploader.hover,
|
298
|
+
div.uploader:hover {
|
299
|
+
background-position: 0px -353px;
|
300
|
+
}
|
301
|
+
|
302
|
+
div.uploader.focus span.action,
|
303
|
+
div.uploader.hover span.action,
|
304
|
+
div.uploader:hover span.action {
|
305
|
+
background-position: right -437px;
|
306
|
+
}
|
307
|
+
|
308
|
+
div.uploader.active span.action,
|
309
|
+
div.uploader:active span.action {
|
310
|
+
background-position: right -465px;
|
311
|
+
}
|
312
|
+
|
313
|
+
div.uploader.focus.active span.action,
|
314
|
+
div.uploader:focus.active span.action,
|
315
|
+
div.uploader.focus:active span.action,
|
316
|
+
div.uploader:focus:active span.action {
|
317
|
+
background-position: right -493px;
|
318
|
+
}
|
319
|
+
|
320
|
+
div.uploader.disabled {
|
321
|
+
background-position: 0px -325px;
|
322
|
+
}
|
323
|
+
|
324
|
+
div.uploader.disabled span.action {
|
325
|
+
background-position: right -381px;
|
326
|
+
}
|
327
|
+
|
328
|
+
div.uniformbutton {
|
329
|
+
background-position: 0px -523px;
|
330
|
+
}
|
331
|
+
|
332
|
+
div.uniformbutton span {
|
333
|
+
background-position: right -643px;
|
334
|
+
}
|
335
|
+
|
336
|
+
div.uniformbutton.focus,
|
337
|
+
div.uniformbutton:focus,
|
338
|
+
div.uniformbutton:hover,
|
339
|
+
div.uniformbutton.hover {
|
340
|
+
background-position: 0px -553px;
|
341
|
+
}
|
342
|
+
|
343
|
+
div.uniformbutton.focus span,
|
344
|
+
div.uniformbutton:focus span,
|
345
|
+
div.uniformbutton:hover span,
|
346
|
+
div.uniformbutton.hover span {
|
347
|
+
background-position: right -673px;
|
348
|
+
}
|
349
|
+
|
350
|
+
div.uniformbutton.active,
|
351
|
+
div.uniformbutton:active {
|
352
|
+
background-position: 0px -583px;
|
353
|
+
}
|
354
|
+
|
355
|
+
div.uniformbutton.active span,
|
356
|
+
div.uniformbutton:active span {
|
357
|
+
background-position: right -703px;
|
358
|
+
color: #555;
|
359
|
+
}
|
360
|
+
|
361
|
+
div.uniformbutton.disabled,
|
362
|
+
div.uniformbutton:disabled {
|
363
|
+
background-position: 0px -613px;
|
364
|
+
}
|
365
|
+
|
366
|
+
div.uniformbutton.disabled span,
|
367
|
+
div.uniformbutton:disabled span {
|
368
|
+
background-position: right -733px;
|
369
|
+
color: #bbb;
|
370
|
+
cursor: default;
|
371
|
+
}
|
372
|
+
|
373
|
+
/* PRESENTATION */
|
374
|
+
|
375
|
+
/* Button */
|
376
|
+
|
377
|
+
div.uniformbutton {
|
378
|
+
height: 30px;
|
379
|
+
}
|
380
|
+
|
381
|
+
div.uniformbutton span {
|
382
|
+
margin-left: 13px;
|
383
|
+
height: 22px;
|
384
|
+
padding-top: 8px;
|
385
|
+
font-weight: bold;
|
386
|
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
387
|
+
font-size: 12px;
|
388
|
+
letter-spacing: 1px;
|
389
|
+
text-transform: uppercase;
|
390
|
+
padding-left: 2px;
|
391
|
+
padding-right: 15px;
|
392
|
+
}
|
393
|
+
|
394
|
+
/* Select */
|
395
|
+
div.selector {
|
396
|
+
width: 190px;
|
397
|
+
font-size: 12px;
|
398
|
+
}
|
399
|
+
|
400
|
+
div.selector select {
|
401
|
+
min-width: 190px;
|
402
|
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
403
|
+
font-size: 12px;
|
404
|
+
border: solid 1px #fff;
|
405
|
+
}
|
406
|
+
|
407
|
+
div.selector span {
|
408
|
+
padding: 0px 25px 0px 2px;
|
409
|
+
cursor: pointer;
|
410
|
+
}
|
411
|
+
|
412
|
+
div.selector span {
|
413
|
+
color: #666;
|
414
|
+
width: 158px;
|
415
|
+
text-shadow: 0 1px 0 #fff;
|
416
|
+
}
|
417
|
+
|
418
|
+
div.selector.disabled span {
|
419
|
+
color: #bbb;
|
420
|
+
}
|
421
|
+
|
422
|
+
/* Checker */
|
423
|
+
div.checker {
|
424
|
+
margin-right: 5px;
|
425
|
+
}
|
426
|
+
|
427
|
+
/* Radio */
|
428
|
+
div.radio {
|
429
|
+
margin-right: 3px;
|
430
|
+
}
|
431
|
+
|
432
|
+
/* Uploader */
|
433
|
+
div.uploader {
|
434
|
+
width: 190px;
|
435
|
+
cursor: pointer;
|
436
|
+
}
|
437
|
+
|
438
|
+
div.uploader span.action {
|
439
|
+
width: 85px;
|
440
|
+
text-align: center;
|
441
|
+
text-shadow: #fff 0px 1px 0px;
|
442
|
+
background-color: #fff;
|
443
|
+
font-size: 11px;
|
444
|
+
font-weight: bold;
|
445
|
+
}
|
446
|
+
|
447
|
+
div.uploader span.filename {
|
448
|
+
color: #777;
|
449
|
+
width: 82px;
|
450
|
+
border-right: solid 1px #bbb;
|
451
|
+
font-size: 11px;
|
452
|
+
}
|
453
|
+
|
454
|
+
div.uploader input {
|
455
|
+
width: 190px;
|
456
|
+
}
|
457
|
+
|
458
|
+
div.uploader.disabled span.action {
|
459
|
+
color: #aaa;
|
460
|
+
}
|
461
|
+
|
462
|
+
div.uploader.disabled span.filename {
|
463
|
+
border-color: #ddd;
|
464
|
+
color: #aaa;
|
465
|
+
}
|
466
|
+
/*
|
467
|
+
|
468
|
+
CORE FUNCTIONALITY
|
469
|
+
|
470
|
+
Not advised to edit stuff below this line
|
471
|
+
-----------------------------------------------------
|
472
|
+
*/
|
473
|
+
|
474
|
+
.selector,
|
475
|
+
.checker,
|
476
|
+
.uniformbutton,
|
477
|
+
.radio,
|
478
|
+
.uploader {
|
479
|
+
display: -moz-inline-box;
|
480
|
+
display: inline-block;
|
481
|
+
vertical-align: middle;
|
482
|
+
zoom: 1;
|
483
|
+
*display: inline;
|
484
|
+
}
|
485
|
+
|
486
|
+
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
|
487
|
+
outline: 0;
|
488
|
+
}
|
489
|
+
|
490
|
+
/* Button */
|
491
|
+
|
492
|
+
div.uniformbutton a,
|
493
|
+
div.uniformbutton button,
|
494
|
+
div.uniformbutton input {
|
495
|
+
position: absolute;
|
496
|
+
}
|
497
|
+
|
498
|
+
div.uniformbutton {
|
499
|
+
cursor: pointer;
|
500
|
+
position: relative;
|
501
|
+
}
|
502
|
+
|
503
|
+
div.uniformbutton span {
|
504
|
+
display: -moz-inline-box;
|
505
|
+
display: inline-block;
|
506
|
+
line-height: 1;
|
507
|
+
text-align: center;
|
508
|
+
}
|
509
|
+
|
510
|
+
/* Select */
|
511
|
+
|
512
|
+
div.selector {
|
513
|
+
position: relative;
|
514
|
+
padding-left: 10px;
|
515
|
+
overflow: hidden;
|
516
|
+
}
|
517
|
+
|
518
|
+
div.selector span {
|
519
|
+
display: block;
|
520
|
+
overflow: hidden;
|
521
|
+
text-overflow: ellipsis;
|
522
|
+
white-space: nowrap;
|
523
|
+
}
|
524
|
+
|
525
|
+
div.selector select {
|
526
|
+
position: absolute;
|
527
|
+
opacity: 0;
|
528
|
+
filter: alpha(opacity:0);
|
529
|
+
height: 25px;
|
530
|
+
border: none;
|
531
|
+
background: none;
|
532
|
+
}
|
533
|
+
|
534
|
+
/* Checker */
|
535
|
+
|
536
|
+
div.checker {
|
537
|
+
position: relative;
|
538
|
+
}
|
539
|
+
|
540
|
+
div.checker span {
|
541
|
+
display: -moz-inline-box;
|
542
|
+
display: inline-block;
|
543
|
+
text-align: center;
|
544
|
+
}
|
545
|
+
|
546
|
+
div.checker input {
|
547
|
+
opacity: 0;
|
548
|
+
filter: alpha(opacity:0);
|
549
|
+
display: inline-block;
|
550
|
+
background: none;
|
551
|
+
}
|
552
|
+
|
553
|
+
/* Radio */
|
554
|
+
|
555
|
+
div.radio {
|
556
|
+
position: relative;
|
557
|
+
}
|
558
|
+
|
559
|
+
div.radio span {
|
560
|
+
display: -moz-inline-box;
|
561
|
+
display: inline-block;
|
562
|
+
text-align: center;
|
563
|
+
}
|
564
|
+
|
565
|
+
div.radio input {
|
566
|
+
opacity: 0;
|
567
|
+
filter: alpha(opacity:0);
|
568
|
+
text-align: center;
|
569
|
+
display: inline-block;
|
570
|
+
background: none;
|
571
|
+
}
|
572
|
+
|
573
|
+
/* Uploader */
|
574
|
+
|
575
|
+
div.uploader {
|
576
|
+
position: relative;
|
577
|
+
overflow: hidden;
|
578
|
+
cursor: default;
|
579
|
+
}
|
580
|
+
|
581
|
+
div.uploader span.action {
|
582
|
+
float: left;
|
583
|
+
display: inline;
|
584
|
+
padding: 2px 0px;
|
585
|
+
overflow: hidden;
|
586
|
+
cursor: pointer;
|
587
|
+
}
|
588
|
+
|
589
|
+
div.uploader span.filename {
|
590
|
+
padding: 0px 10px;
|
591
|
+
float: left;
|
592
|
+
display: block;
|
593
|
+
overflow: hidden;
|
594
|
+
text-overflow: ellipsis;
|
595
|
+
white-space: nowrap;
|
596
|
+
cursor: default;
|
597
|
+
}
|
598
|
+
|
599
|
+
div.uploader input {
|
600
|
+
opacity: 0;
|
601
|
+
filter: alpha(opacity:0);
|
602
|
+
position: absolute;
|
603
|
+
top: 0;
|
604
|
+
right: 0;
|
605
|
+
bottom: 0;
|
606
|
+
float: right;
|
607
|
+
height: 25px;
|
608
|
+
border: none;
|
609
|
+
cursor: default;
|
610
|
+
}
|