speedo 0.1.2 → 0.1.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -15,29 +15,29 @@ http://pixelmatrixdesign.com/uniform/themer.html
15
15
 
16
16
  /* Global Declaration */
17
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);
18
+ div.uni-selector,
19
+ div.uni-selector span,
20
+ div.uni-checker span,
21
+ div.uni-radio span,
22
+ div.uni-uploader,
23
+ div.uni-uploader span.uni-action,
24
+ div.uni-button,
25
+ div.uni-button span {
26
+ background-image: url('./uniform/sprite.png');
27
27
  background-repeat: no-repeat;
28
28
  -webkit-font-smoothing: antialiased;
29
29
  }
30
30
 
31
- .selector,
32
- .radio,
33
- .checker,
34
- .uploader,
35
- .uniformbutton,
36
- .selector *,
37
- .radio *,
38
- .checker *,
39
- .uploader *,
40
- .uniformbutton *{
31
+ .uni-selector,
32
+ .uni-radio,
33
+ .uni-checker,
34
+ .uni-uploader,
35
+ .uni-button,
36
+ .uni-selector *,
37
+ .uni-radio *,
38
+ .uni-checker *,
39
+ .uni-uploader *,
40
+ .uni-button *{
41
41
  margin: 0;
42
42
  padding: 0;
43
43
  }
@@ -53,8 +53,8 @@ textarea.uniform {
53
53
  font-weight: normal;
54
54
  padding: 3px;
55
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;
56
+ background: url('./uniform/bg-input-focus.png') repeat-x 0px 0px;
57
+ background: url('./uniform/bg-input.png') repeat-x 0px 0px;
58
58
  border-top: solid 1px #aaa;
59
59
  border-left: solid 1px #aaa;
60
60
  border-bottom: solid 1px #ccc;
@@ -73,298 +73,298 @@ textarea.uniform:focus {
73
73
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
74
74
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
75
75
  border-color: #999;
76
- background: url('uniform/bg-input-focus.png') repeat-x 0px 0px;
76
+ background: url('./uniform/bg-input-focus.png') repeat-x 0px 0px;
77
77
  }
78
78
 
79
79
  /* SPRITES */
80
80
 
81
81
  /* Select */
82
82
 
83
- div.selector {
83
+ div.uni-selector {
84
84
  background-position: -483px -130px;
85
85
  line-height: 26px;
86
86
  height: 26px;
87
87
  }
88
88
 
89
- div.selector span {
89
+ div.uni-selector span {
90
90
  background-position: right 0px;
91
91
  height: 26px;
92
92
  line-height: 26px;
93
93
  }
94
94
 
95
- div.selector select {
95
+ div.uni-selector select {
96
96
  /* change these to adjust positioning of select element */
97
97
  top: 0px;
98
98
  left: 0px;
99
99
  }
100
100
 
101
- div.selector:active,
102
- div.selector.active {
101
+ div.uni-selector:active,
102
+ div.uni-selector.uni-active {
103
103
  background-position: -483px -156px;
104
104
  }
105
105
 
106
- div.selector:active span,
107
- div.selector.active span {
106
+ div.uni-selector:active span,
107
+ div.uni-selector.uni-active span {
108
108
  background-position: right -26px;
109
109
  }
110
110
 
111
- div.selector.focus, div.selector.hover, div.selector:hover {
111
+ div.uni-selector.uni-focus, div.uni-selector.uni-hover, div.uni-selector:hover {
112
112
  background-position: -483px -182px;
113
113
  }
114
114
 
115
- div.selector.focus span, div.selector.hover span, div.selector:hover span {
115
+ div.uni-selector.uni-focus span, div.uni-selector.uni-hover span, div.uni-selector:hover span {
116
116
  background-position: right -52px;
117
117
  }
118
118
 
119
- div.selector.focus:active,
120
- div.selector.focus.active,
121
- div.selector:hover:active,
122
- div.selector.active:hover {
119
+ div.uni-selector.uni-focus:active,
120
+ div.uni-selector.uni-focus.uni-active,
121
+ div.uni-selector:hover:active,
122
+ div.uni-selector.uni-active:hover {
123
123
  background-position: -483px -208px;
124
124
  }
125
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 {
126
+ div.uni-selector.uni-focus:active span,
127
+ div.uni-selector:hover:active span,
128
+ div.uni-selector.uni-active:hover span,
129
+ div.uni-selector.uni-focus.uni-active span {
130
130
  background-position: right -78px;
131
131
  }
132
132
 
133
- div.selector.disabled {
133
+ div.uni-selector.uni-disabled {
134
134
  background-position: -483px -234px;
135
135
  }
136
136
 
137
- div.selector.disabled span {
137
+ div.uni-selector.uni-disabled span {
138
138
  background-position: right -104px;
139
139
  }
140
140
 
141
141
  /* Checkbox */
142
142
 
143
- div.checker {
143
+ div.uni-checker {
144
144
  width: 19px;
145
145
  height: 19px;
146
146
  }
147
147
 
148
- div.checker input {
148
+ div.uni-checker input {
149
149
  width: 19px;
150
150
  height: 19px;
151
151
  }
152
152
 
153
- div.checker span {
153
+ div.uni-checker span {
154
154
  background-position: 0px -260px;
155
155
  height: 19px;
156
156
  width: 19px;
157
157
  }
158
158
 
159
- div.checker:active span,
160
- div.checker.active span {
159
+ div.uni-checker:active span,
160
+ div.uni-checker.uni-active span {
161
161
  background-position: -19px -260px;
162
162
  }
163
163
 
164
- div.checker.focus span,
165
- div.checker:hover span {
164
+ div.uni-checker.uni-focus span,
165
+ div.uni-checker:hover span {
166
166
  background-position: -38px -260px;
167
167
  }
168
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 {
169
+ div.uni-checker.uni-focus:active span,
170
+ div.uni-checker:active:hover span,
171
+ div.uni-checker.uni-active:hover span,
172
+ div.uni-checker.uni-focus.uni-active span {
173
173
  background-position: -57px -260px;
174
174
  }
175
175
 
176
- div.checker span.checked {
176
+ div.uni-checker span.uni-checked {
177
177
  background-position: -76px -260px;
178
178
  }
179
179
 
180
- div.checker:active span.checked,
181
- div.checker.active span.checked {
180
+ div.uni-checker:active span.uni-checked,
181
+ div.uni-checker.uni-active span.uni-checked {
182
182
  background-position: -95px -260px;
183
183
  }
184
184
 
185
- div.checker.focus span.checked,
186
- div.checker:hover span.checked {
185
+ div.uni-checker.uni-focus span.uni-checked,
186
+ div.uni-checker:hover span.uni-checked {
187
187
  background-position: -114px -260px;
188
188
  }
189
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 {
190
+ div.uni-checker.uni-focus:active span.uni-checked,
191
+ div.uni-checker:hover:active span.uni-checked,
192
+ div.uni-checker.uni-active:hover span.uni-checked,
193
+ div.uni-checker.uni-active.uni-focus span.uni-checked {
194
194
  background-position: -133px -260px;
195
195
  }
196
196
 
197
- div.checker.disabled span,
198
- div.checker.disabled:active span,
199
- div.checker.disabled.active span {
197
+ div.uni-checker.uni-disabled span,
198
+ div.uni-checker.uni-disabled:active span,
199
+ div.uni-checker.uni-disabled.uni-active span {
200
200
  background-position: -152px -260px;
201
201
  }
202
202
 
203
- div.checker.disabled span.checked,
204
- div.checker.disabled:active span.checked,
205
- div.checker.disabled.active span.checked {
203
+ div.uni-checker.uni-disabled span.uni-checked,
204
+ div.uni-checker.uni-disabled:active span.uni-checked,
205
+ div.uni-checker.uni-disabled.uni-active span.uni-checked {
206
206
  background-position: -171px -260px;
207
207
  }
208
208
 
209
209
  /* Radio */
210
210
 
211
- div.radio {
211
+ div.uni-radio {
212
212
  width: 18px;
213
213
  height: 18px;
214
214
  }
215
215
 
216
- div.radio input {
216
+ div.uni-radio input {
217
217
  width: 18px;
218
218
  height: 18px;
219
219
  }
220
220
 
221
- div.radio span {
221
+ div.uni-radio span {
222
222
  height: 18px;
223
223
  width: 18px;
224
224
  background-position: 0px -279px;
225
225
  }
226
226
 
227
- div.radio:active span,
228
- div.radio.active span {
227
+ div.uni-radio:active span,
228
+ div.uni-radio.uni-active span {
229
229
  background-position: -18px -279px;
230
230
  }
231
231
 
232
- div.radio.focus span,
233
- div.radio:hover span {
232
+ div.uni-radio.uni-focus span,
233
+ div.uni-radio:hover span {
234
234
  background-position: -36px -279px;
235
235
  }
236
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 {
237
+ div.uni-radio.uni-focus:active span,
238
+ div.uni-radio:active:hover span,
239
+ div.uni-radio.uni-active:hover span,
240
+ div.uni-radio.uni-active.uni-focus span {
241
241
  background-position: -54px -279px;
242
242
  }
243
243
 
244
- div.radio span.checked {
244
+ div.uni-radio span.uni-checked {
245
245
  background-position: -72px -279px;
246
246
  }
247
247
 
248
- div.radio:active span.checked,
249
- div.radio.active span.checked {
248
+ div.uni-radio:active span.uni-checked,
249
+ div.uni-radio.uni-active span.uni-checked {
250
250
  background-position: -90px -279px;
251
251
  }
252
252
 
253
- div.radio.focus span.checked, div.radio:hover span.checked {
253
+ div.uni-radio.uni-focus span.uni-checked, div.uni-radio:hover span.uni-checked {
254
254
  background-position: -108px -279px;
255
255
  }
256
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 {
257
+ div.uni-radio.uni-focus:active span.uni-checked,
258
+ div.uni-radio:hover:active span.uni-checked,
259
+ div.uni-radio.uni-focus.uni-active span.uni-checked,
260
+ div.uni-radio.uni-active:hover span.uni-checked {
261
261
  background-position: -126px -279px;
262
262
  }
263
263
 
264
- div.radio.disabled span,
265
- div.radio.disabled:active span,
266
- div.radio.disabled.active span {
264
+ div.uni-radio.uni-disabled span,
265
+ div.uni-radio.uni-disabled:active span,
266
+ div.uni-radio.uni-disabled.uni-active span {
267
267
  background-position: -144px -279px;
268
268
  }
269
269
 
270
- div.radio.disabled span.checked,
271
- div.radio.disabled:active span.checked,
272
- div.radio.disabled.active span.checked {
270
+ div.uni-radio.uni-disabled span.uni-checked,
271
+ div.uni-radio.uni-disabled:active span.uni-checked,
272
+ div.uni-radio.uni-disabled.uni-active span.uni-checked {
273
273
  background-position: -162px -279px;
274
274
  }
275
275
 
276
276
  /* Uploader */
277
277
 
278
- div.uploader {
278
+ div.uni-uploader {
279
279
  background-position: 0px -297px;
280
280
  height: 28px;
281
281
  }
282
282
 
283
- div.uploader span.action {
283
+ div.uni-uploader span.uni-action {
284
284
  background-position: right -409px;
285
285
  height: 24px;
286
286
  line-height: 24px;
287
287
  }
288
288
 
289
- div.uploader span.filename {
289
+ div.uni-uploader span.uni-filename {
290
290
  height: 24px;
291
291
  /* change this line to adjust positioning of filename area */
292
292
  margin: 2px 0px 2px 2px;
293
293
  line-height: 24px;
294
294
  }
295
295
 
296
- div.uploader.focus,
297
- div.uploader.hover,
298
- div.uploader:hover {
296
+ div.uni-uploader.uni-focus,
297
+ div.uni-uploader.uni-hover,
298
+ div.uni-uploader:hover {
299
299
  background-position: 0px -353px;
300
300
  }
301
301
 
302
- div.uploader.focus span.action,
303
- div.uploader.hover span.action,
304
- div.uploader:hover span.action {
302
+ div.uni-uploader.uni-focus span.uni-action,
303
+ div.uni-uploader.uni-hover span.uni-action,
304
+ div.uni-uploader:hover span.uni-action {
305
305
  background-position: right -437px;
306
306
  }
307
307
 
308
- div.uploader.active span.action,
309
- div.uploader:active span.action {
308
+ div.uni-uploader.uni-active span.uni-action,
309
+ div.uni-uploader:active span.uni-action {
310
310
  background-position: right -465px;
311
311
  }
312
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 {
313
+ div.uni-uploader.uni-focus.uni-active span.uni-action,
314
+ div.uni-uploader:focus.uni-active span.uni-action,
315
+ div.uni-uploader.uni-focus:active span.uni-action,
316
+ div.uni-uploader:focus:active span.uni-action {
317
317
  background-position: right -493px;
318
318
  }
319
319
 
320
- div.uploader.disabled {
320
+ div.uni-uploader.uni-disabled {
321
321
  background-position: 0px -325px;
322
322
  }
323
323
 
324
- div.uploader.disabled span.action {
324
+ div.uni-uploader.uni-disabled span.uni-action {
325
325
  background-position: right -381px;
326
326
  }
327
327
 
328
- div.uniformbutton {
328
+ div.uni-button {
329
329
  background-position: 0px -523px;
330
330
  }
331
331
 
332
- div.uniformbutton span {
332
+ div.uni-button span {
333
333
  background-position: right -643px;
334
334
  }
335
335
 
336
- div.uniformbutton.focus,
337
- div.uniformbutton:focus,
338
- div.uniformbutton:hover,
339
- div.uniformbutton.hover {
336
+ div.uni-button.uni-focus,
337
+ div.uni-button:focus,
338
+ div.uni-button:hover,
339
+ div.uni-button.uni-hover {
340
340
  background-position: 0px -553px;
341
341
  }
342
342
 
343
- div.uniformbutton.focus span,
344
- div.uniformbutton:focus span,
345
- div.uniformbutton:hover span,
346
- div.uniformbutton.hover span {
343
+ div.uni-button.uni-focus span,
344
+ div.uni-button:focus span,
345
+ div.uni-button:hover span,
346
+ div.uni-button.uni-hover span {
347
347
  background-position: right -673px;
348
348
  }
349
349
 
350
- div.uniformbutton.active,
351
- div.uniformbutton:active {
350
+ div.uni-button.uni-active,
351
+ div.uni-button:active {
352
352
  background-position: 0px -583px;
353
353
  }
354
354
 
355
- div.uniformbutton.active span,
356
- div.uniformbutton:active span {
355
+ div.uni-button.uni-active span,
356
+ div.uni-button:active span {
357
357
  background-position: right -703px;
358
358
  color: #555;
359
359
  }
360
360
 
361
- div.uniformbutton.disabled,
362
- div.uniformbutton:disabled {
361
+ div.uni-button.uni-disabled,
362
+ div.uni-button:disabled {
363
363
  background-position: 0px -613px;
364
364
  }
365
365
 
366
- div.uniformbutton.disabled span,
367
- div.uniformbutton:disabled span {
366
+ div.uni-button.uni-disabled span,
367
+ div.uni-button:disabled span {
368
368
  background-position: right -733px;
369
369
  color: #bbb;
370
370
  cursor: default;
@@ -374,11 +374,11 @@ div.uniformbutton:disabled span {
374
374
 
375
375
  /* Button */
376
376
 
377
- div.uniformbutton {
377
+ div.uni-button {
378
378
  height: 30px;
379
379
  }
380
380
 
381
- div.uniformbutton span {
381
+ div.uni-button span {
382
382
  margin-left: 13px;
383
383
  height: 22px;
384
384
  padding-top: 8px;
@@ -392,50 +392,50 @@ div.uniformbutton span {
392
392
  }
393
393
 
394
394
  /* Select */
395
- div.selector {
395
+ div.uni-selector {
396
396
  width: 190px;
397
397
  font-size: 12px;
398
398
  }
399
399
 
400
- div.selector select {
400
+ div.uni-selector select {
401
401
  min-width: 190px;
402
402
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
403
403
  font-size: 12px;
404
404
  border: solid 1px #fff;
405
405
  }
406
406
 
407
- div.selector span {
407
+ div.uni-selector span {
408
408
  padding: 0px 25px 0px 2px;
409
409
  cursor: pointer;
410
410
  }
411
411
 
412
- div.selector span {
412
+ div.uni-selector span {
413
413
  color: #666;
414
414
  width: 158px;
415
415
  text-shadow: 0 1px 0 #fff;
416
416
  }
417
417
 
418
- div.selector.disabled span {
418
+ div.uni-selector.uni-disabled span {
419
419
  color: #bbb;
420
420
  }
421
421
 
422
422
  /* Checker */
423
- div.checker {
423
+ div.uni-checker {
424
424
  margin-right: 5px;
425
425
  }
426
426
 
427
427
  /* Radio */
428
- div.radio {
428
+ div.uni-radio {
429
429
  margin-right: 3px;
430
430
  }
431
431
 
432
432
  /* Uploader */
433
- div.uploader {
433
+ div.uni-uploader {
434
434
  width: 190px;
435
435
  cursor: pointer;
436
436
  }
437
437
 
438
- div.uploader span.action {
438
+ div.uni-uploader span.uni-action {
439
439
  width: 85px;
440
440
  text-align: center;
441
441
  text-shadow: #fff 0px 1px 0px;
@@ -444,22 +444,22 @@ div.uploader span.action {
444
444
  font-weight: bold;
445
445
  }
446
446
 
447
- div.uploader span.filename {
447
+ div.uni-uploader span.uni-filename {
448
448
  color: #777;
449
449
  width: 82px;
450
450
  border-right: solid 1px #bbb;
451
451
  font-size: 11px;
452
452
  }
453
453
 
454
- div.uploader input {
454
+ div.uni-uploader input {
455
455
  width: 190px;
456
456
  }
457
457
 
458
- div.uploader.disabled span.action {
458
+ div.uni-uploader.uni-disabled span.uni-action {
459
459
  color: #aaa;
460
460
  }
461
461
 
462
- div.uploader.disabled span.filename {
462
+ div.uni-uploader.uni-disabled span.uni-filename {
463
463
  border-color: #ddd;
464
464
  color: #aaa;
465
465
  }
@@ -471,11 +471,11 @@ Not advised to edit stuff below this line
471
471
  -----------------------------------------------------
472
472
  */
473
473
 
474
- .selector,
475
- .checker,
476
- .uniformbutton,
477
- .radio,
478
- .uploader {
474
+ .uni-selector,
475
+ .uni-checker,
476
+ .uni-button,
477
+ .uni-radio,
478
+ .uni-uploader {
479
479
  display: -moz-inline-box;
480
480
  display: inline-block;
481
481
  vertical-align: middle;
@@ -483,24 +483,24 @@ Not advised to edit stuff below this line
483
483
  *display: inline;
484
484
  }
485
485
 
486
- .selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
486
+ .uni-selector select:focus, .uni-radio input:focus, .uni-checker input:focus, .uni-uploader input:focus {
487
487
  outline: 0;
488
488
  }
489
489
 
490
490
  /* Button */
491
491
 
492
- div.uniformbutton a,
493
- div.uniformbutton button,
494
- div.uniformbutton input {
492
+ div.uni-button a,
493
+ div.uni-button button,
494
+ div.uni-button input {
495
495
  position: absolute;
496
496
  }
497
497
 
498
- div.uniformbutton {
498
+ div.uni-button {
499
499
  cursor: pointer;
500
500
  position: relative;
501
501
  }
502
502
 
503
- div.uniformbutton span {
503
+ div.uni-button span {
504
504
  display: -moz-inline-box;
505
505
  display: inline-block;
506
506
  line-height: 1;
@@ -509,20 +509,20 @@ div.uniformbutton span {
509
509
 
510
510
  /* Select */
511
511
 
512
- div.selector {
512
+ div.uni-selector {
513
513
  position: relative;
514
514
  padding-left: 10px;
515
515
  overflow: hidden;
516
516
  }
517
517
 
518
- div.selector span {
518
+ div.uni-selector span {
519
519
  display: block;
520
520
  overflow: hidden;
521
521
  text-overflow: ellipsis;
522
522
  white-space: nowrap;
523
523
  }
524
524
 
525
- div.selector select {
525
+ div.uni-selector select {
526
526
  position: absolute;
527
527
  opacity: 0;
528
528
  filter: alpha(opacity=0);
@@ -533,17 +533,17 @@ div.selector select {
533
533
 
534
534
  /* Checker */
535
535
 
536
- div.checker {
536
+ div.uni-checker {
537
537
  position: relative;
538
538
  }
539
539
 
540
- div.checker span {
540
+ div.uni-checker span {
541
541
  display: -moz-inline-box;
542
542
  display: inline-block;
543
543
  text-align: center;
544
544
  }
545
545
 
546
- div.checker input {
546
+ div.uni-checker input {
547
547
  opacity: 0;
548
548
  filter: alpha(opacity=0);
549
549
  display: inline-block;
@@ -552,17 +552,17 @@ div.checker input {
552
552
 
553
553
  /* Radio */
554
554
 
555
- div.radio {
555
+ div.uni-radio {
556
556
  position: relative;
557
557
  }
558
558
 
559
- div.radio span {
559
+ div.uni-radio span {
560
560
  display: -moz-inline-box;
561
561
  display: inline-block;
562
562
  text-align: center;
563
563
  }
564
564
 
565
- div.radio input {
565
+ div.uni-radio input {
566
566
  opacity: 0;
567
567
  filter: alpha(opacity=0);
568
568
  text-align: center;
@@ -572,13 +572,13 @@ div.radio input {
572
572
 
573
573
  /* Uploader */
574
574
 
575
- div.uploader {
575
+ div.uni-uploader {
576
576
  position: relative;
577
577
  overflow: hidden;
578
578
  cursor: default;
579
579
  }
580
580
 
581
- div.uploader span.action {
581
+ div.uni-uploader span.uni-action {
582
582
  float: left;
583
583
  display: inline;
584
584
  padding: 2px 0px;
@@ -586,7 +586,7 @@ div.uploader span.action {
586
586
  cursor: pointer;
587
587
  }
588
588
 
589
- div.uploader span.filename {
589
+ div.uni-uploader span.uni-filename {
590
590
  padding: 0px 10px;
591
591
  float: left;
592
592
  display: block;
@@ -596,7 +596,7 @@ div.uploader span.filename {
596
596
  cursor: default;
597
597
  }
598
598
 
599
- div.uploader input {
599
+ div.uni-uploader input {
600
600
  opacity: 0;
601
601
  filter: alpha(opacity=0);
602
602
  position: absolute;