picasso 0.2.1 → 0.2.2
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/docs/accordions.html +4 -0
- data/docs/all.html +36 -5
- data/docs/arrows.html +4 -0
- data/docs/bubbles.html +4 -0
- data/docs/build/md/changelog.md +4 -0
- data/docs/build/md/components/buttons.md +26 -4
- data/docs/build/md/intro.md +1 -1
- data/docs/buttons.html +27 -4
- data/docs/changelog.html +12 -0
- data/docs/components.html +4 -0
- data/docs/css/style.css +135 -99
- data/docs/despegar.html +4 -0
- data/docs/index.html +5 -1
- data/docs/inputs.html +4 -0
- data/docs/intro.html +5 -1
- data/docs/list-grids.html +4 -0
- data/docs/mejoras.html +4 -0
- data/docs/navs.html +4 -0
- data/docs/pagination.html +4 -0
- data/docs/popups.html +4 -0
- data/docs/sass/style.scss +2 -6
- data/docs/todo.html +4 -0
- data/docs/utils.html +4 -0
- data/lib/picasso/version.rb +1 -1
- data/stylesheets/picasso/components/buttons/_3d.scss +44 -3
- metadata +4 -4
data/docs/accordions.html
CHANGED
data/docs/all.html
CHANGED
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
|
|
56
56
|
<ol>
|
|
57
57
|
|
|
58
|
+
<li><a href="./changelog.html#022">0.2.2</a></li>
|
|
59
|
+
|
|
60
|
+
<li><a href="./changelog.html#021">0.2.1</a></li>
|
|
61
|
+
|
|
58
62
|
<li><a href="./changelog.html#020">0.2.0</a></li>
|
|
59
63
|
|
|
60
64
|
<li><a href="./changelog.html#010">0.1.0</a></li>
|
|
@@ -184,7 +188,7 @@
|
|
|
184
188
|
</p>
|
|
185
189
|
<pre><code class="lang-bash">require 'picasso'
|
|
186
190
|
require 'magick'
|
|
187
|
-
gem 'picasso', '~> 0.2.
|
|
191
|
+
gem 'picasso', '~> 0.2.2'</code></pre>
|
|
188
192
|
<p>Modificar el número de versión a medida que se quiere usar nuevas versiones del framework.
|
|
189
193
|
|
|
190
194
|
</p>
|
|
@@ -212,6 +216,14 @@ gem 'picasso', '~> 0.2.0'</code></pre>
|
|
|
212
216
|
$ (sudo) apt-get install ruby-oily-png</code></pre>
|
|
213
217
|
|
|
214
218
|
<a name="changelog"></a><h1>Changelog</h1>
|
|
219
|
+
<a name="022"></a><h2>0.2.2</h2>
|
|
220
|
+
<ul>
|
|
221
|
+
<li>Se agrega estado <code>disabled</code> para los botones 3D;</li>
|
|
222
|
+
</ul>
|
|
223
|
+
<a name="021"></a><h2>0.2.1</h2>
|
|
224
|
+
<ul>
|
|
225
|
+
<li>Fix sombras, gradientes y bordes de botones y nav de IE9;</li>
|
|
226
|
+
</ul>
|
|
215
227
|
<a name="020"></a><h2>0.2.0</h2>
|
|
216
228
|
<ul>
|
|
217
229
|
<li>Fix degradados de botones en Chrome;</li>
|
|
@@ -404,6 +416,7 @@ $ git push</code></pre>
|
|
|
404
416
|
<pre><code class="lang-css">@import "picasso/components/buttons";</code></pre>
|
|
405
417
|
<a name="3d-buttons"></a><h3>3D Buttons</h3>
|
|
406
418
|
<a name="ejemplos"></a><a name="ejemplos"></a><a name="ejemplos"></a><h4>Ejemplos</h4>
|
|
419
|
+
<a name="normales"></a><h5>Normales</h5>
|
|
407
420
|
<p><a class="button-3d-demo-1">
|
|
408
421
|
<span>Comprar</span>
|
|
409
422
|
</a>
|
|
@@ -413,25 +426,43 @@ $ git push</code></pre>
|
|
|
413
426
|
<a class="button-3d-demo-3">
|
|
414
427
|
<span>Reservar</span>
|
|
415
428
|
</a>
|
|
416
|
-
|
|
417
|
-
|
|
429
|
+
|
|
430
|
+
</p>
|
|
431
|
+
<a name="desactivados"></a><h5>Desactivados</h5>
|
|
432
|
+
<p><a class="button-3d-demo-1 disabled">
|
|
433
|
+
<span>Comprar</span>
|
|
434
|
+
</a>
|
|
435
|
+
<a class="button-3d-demo-2 disabled">
|
|
436
|
+
<span>Buscar</span>
|
|
437
|
+
</a>
|
|
438
|
+
<a class="button-3d-demo-3 disabled">
|
|
439
|
+
<span>Reservar</span>
|
|
418
440
|
</a>
|
|
419
441
|
|
|
420
442
|
</p>
|
|
421
|
-
<
|
|
443
|
+
<a name="variante-ancho-100"></a><h5>Variante: ancho 100%</h5>
|
|
444
|
+
<p><a class="button-3d-demo-4">
|
|
422
445
|
<span>Botón full-width</span>
|
|
423
446
|
</a>
|
|
424
447
|
|
|
425
448
|
</p>
|
|
426
|
-
<
|
|
449
|
+
<a name="variante-bordes-redondeados-100"></a><h5>Variante: bordes redondeados 100%</h5>
|
|
450
|
+
<p><a class="button-3d-demo-5">
|
|
427
451
|
<span>Botón redondeado</span>
|
|
428
452
|
</a>
|
|
453
|
+
<a class="button-3d-demo-5 disabled">
|
|
454
|
+
<span>Botón redondeado disabled</span>
|
|
455
|
+
</a>
|
|
429
456
|
|
|
430
457
|
|
|
431
458
|
</p>
|
|
432
459
|
<a name="html"></a><a name="html"></a><a name="html"></a><h4>HTML</h4>
|
|
433
460
|
<pre><code class="lang-html"><a class="button" href="#">
|
|
434
461
|
<span>Comprar</span>
|
|
462
|
+
</a>
|
|
463
|
+
|
|
464
|
+
<a class="button disabled" href="#">
|
|
465
|
+
<span>Agotado</span>
|
|
435
466
|
</a></code></pre>
|
|
436
467
|
<h4>Sass</h4>
|
|
437
468
|
<p>Mixin con los parámetros por defecto:
|
data/docs/arrows.html
CHANGED
data/docs/bubbles.html
CHANGED
data/docs/build/md/changelog.md
CHANGED
|
@@ -14,6 +14,8 @@ Importación:
|
|
|
14
14
|
|
|
15
15
|
#### Ejemplos
|
|
16
16
|
|
|
17
|
+
##### Normales
|
|
18
|
+
|
|
17
19
|
<a class="button-3d-demo-1">
|
|
18
20
|
<span>Comprar</span>
|
|
19
21
|
</a>
|
|
@@ -23,17 +25,33 @@ Importación:
|
|
|
23
25
|
<a class="button-3d-demo-3">
|
|
24
26
|
<span>Reservar</span>
|
|
25
27
|
</a>
|
|
26
|
-
|
|
27
|
-
|
|
28
|
+
|
|
29
|
+
##### Desactivados
|
|
30
|
+
|
|
31
|
+
<a class="button-3d-demo-1 disabled">
|
|
32
|
+
<span>Comprar</span>
|
|
33
|
+
</a>
|
|
34
|
+
<a class="button-3d-demo-2 disabled">
|
|
35
|
+
<span>Buscar</span>
|
|
36
|
+
</a>
|
|
37
|
+
<a class="button-3d-demo-3 disabled">
|
|
38
|
+
<span>Reservar</span>
|
|
28
39
|
</a>
|
|
29
40
|
|
|
30
|
-
|
|
41
|
+
##### Variante: ancho 100%
|
|
42
|
+
|
|
43
|
+
<a class="button-3d-demo-4">
|
|
31
44
|
<span>Botón full-width</span>
|
|
32
45
|
</a>
|
|
33
46
|
|
|
34
|
-
|
|
47
|
+
##### Variante: bordes redondeados 100%
|
|
48
|
+
|
|
49
|
+
<a class="button-3d-demo-5">
|
|
35
50
|
<span>Botón redondeado</span>
|
|
36
51
|
</a>
|
|
52
|
+
<a class="button-3d-demo-5 disabled">
|
|
53
|
+
<span>Botón redondeado disabled</span>
|
|
54
|
+
</a>
|
|
37
55
|
|
|
38
56
|
|
|
39
57
|
#### HTML
|
|
@@ -42,6 +60,10 @@ Importación:
|
|
|
42
60
|
<a class="button" href="#">
|
|
43
61
|
<span>Comprar</span>
|
|
44
62
|
</a>
|
|
63
|
+
|
|
64
|
+
<a class="button disabled" href="#">
|
|
65
|
+
<span>Agotado</span>
|
|
66
|
+
</a>
|
|
45
67
|
```
|
|
46
68
|
|
|
47
69
|
#### Sass
|
data/docs/build/md/intro.md
CHANGED
data/docs/buttons.html
CHANGED
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
|
|
56
56
|
<ol>
|
|
57
57
|
|
|
58
|
+
<li><a href="./changelog.html#022">0.2.2</a></li>
|
|
59
|
+
|
|
60
|
+
<li><a href="./changelog.html#021">0.2.1</a></li>
|
|
61
|
+
|
|
58
62
|
<li><a href="./changelog.html#020">0.2.0</a></li>
|
|
59
63
|
|
|
60
64
|
<li><a href="./changelog.html#010">0.1.0</a></li>
|
|
@@ -176,6 +180,7 @@
|
|
|
176
180
|
<pre><code class="lang-css">@import "picasso/components/buttons";</code></pre>
|
|
177
181
|
<a name="3d-buttons"></a><h3>3D Buttons</h3>
|
|
178
182
|
<a name="ejemplos"></a><a name="ejemplos"></a><a name="ejemplos"></a><h4>Ejemplos</h4>
|
|
183
|
+
<a name="normales"></a><h5>Normales</h5>
|
|
179
184
|
<p><a class="button-3d-demo-1">
|
|
180
185
|
<span>Comprar</span>
|
|
181
186
|
</a>
|
|
@@ -185,25 +190,43 @@
|
|
|
185
190
|
<a class="button-3d-demo-3">
|
|
186
191
|
<span>Reservar</span>
|
|
187
192
|
</a>
|
|
188
|
-
|
|
189
|
-
|
|
193
|
+
|
|
194
|
+
</p>
|
|
195
|
+
<a name="desactivados"></a><h5>Desactivados</h5>
|
|
196
|
+
<p><a class="button-3d-demo-1 disabled">
|
|
197
|
+
<span>Comprar</span>
|
|
198
|
+
</a>
|
|
199
|
+
<a class="button-3d-demo-2 disabled">
|
|
200
|
+
<span>Buscar</span>
|
|
201
|
+
</a>
|
|
202
|
+
<a class="button-3d-demo-3 disabled">
|
|
203
|
+
<span>Reservar</span>
|
|
190
204
|
</a>
|
|
191
205
|
|
|
192
206
|
</p>
|
|
193
|
-
<
|
|
207
|
+
<a name="variante-ancho-100"></a><h5>Variante: ancho 100%</h5>
|
|
208
|
+
<p><a class="button-3d-demo-4">
|
|
194
209
|
<span>Botón full-width</span>
|
|
195
210
|
</a>
|
|
196
211
|
|
|
197
212
|
</p>
|
|
198
|
-
<
|
|
213
|
+
<a name="variante-bordes-redondeados-100"></a><h5>Variante: bordes redondeados 100%</h5>
|
|
214
|
+
<p><a class="button-3d-demo-5">
|
|
199
215
|
<span>Botón redondeado</span>
|
|
200
216
|
</a>
|
|
217
|
+
<a class="button-3d-demo-5 disabled">
|
|
218
|
+
<span>Botón redondeado disabled</span>
|
|
219
|
+
</a>
|
|
201
220
|
|
|
202
221
|
|
|
203
222
|
</p>
|
|
204
223
|
<a name="html"></a><a name="html"></a><a name="html"></a><h4>HTML</h4>
|
|
205
224
|
<pre><code class="lang-html"><a class="button" href="#">
|
|
206
225
|
<span>Comprar</span>
|
|
226
|
+
</a>
|
|
227
|
+
|
|
228
|
+
<a class="button disabled" href="#">
|
|
229
|
+
<span>Agotado</span>
|
|
207
230
|
</a></code></pre>
|
|
208
231
|
<h4>Sass</h4>
|
|
209
232
|
<p>Mixin con los parámetros por defecto:
|
data/docs/changelog.html
CHANGED
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
|
|
56
56
|
<ol>
|
|
57
57
|
|
|
58
|
+
<li><a href="./changelog.html#022">0.2.2</a></li>
|
|
59
|
+
|
|
60
|
+
<li><a href="./changelog.html#021">0.2.1</a></li>
|
|
61
|
+
|
|
58
62
|
<li><a href="./changelog.html#020">0.2.0</a></li>
|
|
59
63
|
|
|
60
64
|
<li><a href="./changelog.html#010">0.1.0</a></li>
|
|
@@ -166,6 +170,14 @@
|
|
|
166
170
|
|
|
167
171
|
<article>
|
|
168
172
|
<a name="changelog"></a><h1>Changelog</h1>
|
|
173
|
+
<a name="022"></a><h2>0.2.2</h2>
|
|
174
|
+
<ul>
|
|
175
|
+
<li>Se agrega estado <code>disabled</code> para los botones 3D;</li>
|
|
176
|
+
</ul>
|
|
177
|
+
<a name="021"></a><h2>0.2.1</h2>
|
|
178
|
+
<ul>
|
|
179
|
+
<li>Fix sombras, gradientes y bordes de botones y nav de IE9;</li>
|
|
180
|
+
</ul>
|
|
169
181
|
<a name="020"></a><h2>0.2.0</h2>
|
|
170
182
|
<ul>
|
|
171
183
|
<li>Fix degradados de botones en Chrome;</li>
|
data/docs/components.html
CHANGED
data/docs/css/style.css
CHANGED
|
@@ -512,6 +512,9 @@
|
|
|
512
512
|
position: relative;
|
|
513
513
|
top: 1px;
|
|
514
514
|
}
|
|
515
|
+
.button-3d-demo-1.disabled:active {
|
|
516
|
+
position: static;
|
|
517
|
+
}
|
|
515
518
|
.button-3d-demo-1 span {
|
|
516
519
|
display: block;
|
|
517
520
|
padding: 0 13px;
|
|
@@ -556,6 +559,22 @@
|
|
|
556
559
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
557
560
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
558
561
|
}
|
|
562
|
+
.button-3d-demo-1.disabled {
|
|
563
|
+
border: 1px solid #755354;
|
|
564
|
+
cursor: not-allowed;
|
|
565
|
+
color: white;
|
|
566
|
+
}
|
|
567
|
+
.button-3d-demo-1.disabled span, .button-3d-demo-1.disabled span:hover, .button-3d-demo-1.disabled span:active {
|
|
568
|
+
text-shadow: 0 -1px 0 black;
|
|
569
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
|
|
570
|
+
background-image: -webkit-linear-gradient(#979797, #4b4b4b);
|
|
571
|
+
background-image: -moz-linear-gradient(#979797, #4b4b4b);
|
|
572
|
+
background-image: -o-linear-gradient(#979797, #4b4b4b);
|
|
573
|
+
background-image: linear-gradient(#979797, #4b4b4b);
|
|
574
|
+
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
575
|
+
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
576
|
+
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
577
|
+
}
|
|
559
578
|
.ie7 .button-3d-demo-1 span, .ie8 .button-3d-demo-1 span, .ie9 .button-3d-demo-1 span {
|
|
560
579
|
*zoom: 1;
|
|
561
580
|
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00F73741', endColorstr='#FF8F060D');
|
|
@@ -568,6 +587,10 @@
|
|
|
568
587
|
*zoom: 1;
|
|
569
588
|
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00F73741', endColorstr='#FF8F060D');
|
|
570
589
|
}
|
|
590
|
+
.ie7 .button-3d-demo-1.disabled, .ie7 .button-3d-demo-1.disabled:hover, .ie7 .button-3d-demo-1.disabled:active, .ie8 .button-3d-demo-1.disabled, .ie8 .button-3d-demo-1.disabled:hover, .ie8 .button-3d-demo-1.disabled:active, .ie9 .button-3d-demo-1.disabled, .ie9 .button-3d-demo-1.disabled:hover, .ie9 .button-3d-demo-1.disabled:active {
|
|
591
|
+
*zoom: 1;
|
|
592
|
+
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
|
|
593
|
+
}
|
|
571
594
|
|
|
572
595
|
.button-3d-demo-2 {
|
|
573
596
|
overflow: hidden;
|
|
@@ -591,6 +614,9 @@
|
|
|
591
614
|
position: relative;
|
|
592
615
|
top: 1px;
|
|
593
616
|
}
|
|
617
|
+
.button-3d-demo-2.disabled:active {
|
|
618
|
+
position: static;
|
|
619
|
+
}
|
|
594
620
|
.button-3d-demo-2 span {
|
|
595
621
|
display: block;
|
|
596
622
|
padding: 0 13px;
|
|
@@ -635,6 +661,22 @@
|
|
|
635
661
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
636
662
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
637
663
|
}
|
|
664
|
+
.button-3d-demo-2.disabled {
|
|
665
|
+
border: 1px solid #755354;
|
|
666
|
+
cursor: not-allowed;
|
|
667
|
+
color: white;
|
|
668
|
+
}
|
|
669
|
+
.button-3d-demo-2.disabled span, .button-3d-demo-2.disabled span:hover, .button-3d-demo-2.disabled span:active {
|
|
670
|
+
text-shadow: 0 -1px 0 black;
|
|
671
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
|
|
672
|
+
background-image: -webkit-linear-gradient(#979797, #4b4b4b);
|
|
673
|
+
background-image: -moz-linear-gradient(#979797, #4b4b4b);
|
|
674
|
+
background-image: -o-linear-gradient(#979797, #4b4b4b);
|
|
675
|
+
background-image: linear-gradient(#979797, #4b4b4b);
|
|
676
|
+
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
677
|
+
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
678
|
+
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
679
|
+
}
|
|
638
680
|
.ie7 .button-3d-demo-2 span, .ie8 .button-3d-demo-2 span, .ie9 .button-3d-demo-2 span {
|
|
639
681
|
*zoom: 1;
|
|
640
682
|
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#000088CC', endColorstr='#FF002233');
|
|
@@ -647,6 +689,10 @@
|
|
|
647
689
|
*zoom: 1;
|
|
648
690
|
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#000088CC', endColorstr='#FF002233');
|
|
649
691
|
}
|
|
692
|
+
.ie7 .button-3d-demo-2.disabled, .ie7 .button-3d-demo-2.disabled:hover, .ie7 .button-3d-demo-2.disabled:active, .ie8 .button-3d-demo-2.disabled, .ie8 .button-3d-demo-2.disabled:hover, .ie8 .button-3d-demo-2.disabled:active, .ie9 .button-3d-demo-2.disabled, .ie9 .button-3d-demo-2.disabled:hover, .ie9 .button-3d-demo-2.disabled:active {
|
|
693
|
+
*zoom: 1;
|
|
694
|
+
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
|
|
695
|
+
}
|
|
650
696
|
|
|
651
697
|
.button-3d-demo-3 {
|
|
652
698
|
overflow: hidden;
|
|
@@ -670,6 +716,9 @@
|
|
|
670
716
|
position: relative;
|
|
671
717
|
top: 1px;
|
|
672
718
|
}
|
|
719
|
+
.button-3d-demo-3.disabled:active {
|
|
720
|
+
position: static;
|
|
721
|
+
}
|
|
673
722
|
.button-3d-demo-3 span {
|
|
674
723
|
display: block;
|
|
675
724
|
padding: 0 13px;
|
|
@@ -714,6 +763,22 @@
|
|
|
714
763
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
715
764
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
716
765
|
}
|
|
766
|
+
.button-3d-demo-3.disabled {
|
|
767
|
+
border: 1px solid #755354;
|
|
768
|
+
cursor: not-allowed;
|
|
769
|
+
color: white;
|
|
770
|
+
}
|
|
771
|
+
.button-3d-demo-3.disabled span, .button-3d-demo-3.disabled span:hover, .button-3d-demo-3.disabled span:active {
|
|
772
|
+
text-shadow: 0 -1px 0 black;
|
|
773
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
|
|
774
|
+
background-image: -webkit-linear-gradient(#979797, #4b4b4b);
|
|
775
|
+
background-image: -moz-linear-gradient(#979797, #4b4b4b);
|
|
776
|
+
background-image: -o-linear-gradient(#979797, #4b4b4b);
|
|
777
|
+
background-image: linear-gradient(#979797, #4b4b4b);
|
|
778
|
+
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
779
|
+
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
780
|
+
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
781
|
+
}
|
|
717
782
|
.ie7 .button-3d-demo-3 span, .ie8 .button-3d-demo-3 span, .ie9 .button-3d-demo-3 span {
|
|
718
783
|
*zoom: 1;
|
|
719
784
|
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FBB450', endColorstr='#FFAE6704');
|
|
@@ -726,87 +791,12 @@
|
|
|
726
791
|
*zoom: 1;
|
|
727
792
|
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FBB450', endColorstr='#FFAE6704');
|
|
728
793
|
}
|
|
729
|
-
|
|
730
|
-
.button-3d-demo-4 {
|
|
731
|
-
overflow: hidden;
|
|
732
|
-
display: inline-block;
|
|
733
|
-
line-height: 2.2em;
|
|
734
|
-
color: white;
|
|
735
|
-
border: 1px solid #348c34;
|
|
736
|
-
font-family: sans-serif;
|
|
737
|
-
font-size: 13px;
|
|
738
|
-
text-decoration: none;
|
|
739
|
-
text-align: center;
|
|
740
|
-
cursor: pointer;
|
|
741
|
-
text-shadow: 0 1px 0 black;
|
|
742
|
-
-webkit-border-radius: 0.4em;
|
|
743
|
-
-moz-border-radius: 0.4em;
|
|
744
|
-
-ms-border-radius: 0.4em;
|
|
745
|
-
-o-border-radius: 0.4em;
|
|
746
|
-
border-radius: 0.4em;
|
|
747
|
-
}
|
|
748
|
-
.button-3d-demo-4:active {
|
|
749
|
-
position: relative;
|
|
750
|
-
top: 1px;
|
|
751
|
-
}
|
|
752
|
-
.button-3d-demo-4 span {
|
|
753
|
-
display: block;
|
|
754
|
-
padding: 0 13px;
|
|
755
|
-
}
|
|
756
|
-
.button-3d-demo-4:visited {
|
|
757
|
-
color: white;
|
|
758
|
-
}
|
|
759
|
-
.button-3d-demo-4:hover {
|
|
760
|
-
text-decoration: none;
|
|
761
|
-
color: white;
|
|
762
|
-
}
|
|
763
|
-
.button-3d-demo-4 span {
|
|
764
|
-
background-color: #62c462;
|
|
765
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #62c462), color-stop(100%, #276627));
|
|
766
|
-
background-image: -webkit-linear-gradient(#62c462, #276627);
|
|
767
|
-
background-image: -moz-linear-gradient(#62c462, #276627);
|
|
768
|
-
background-image: -o-linear-gradient(#62c462, #276627);
|
|
769
|
-
background-image: linear-gradient(#62c462, #276627);
|
|
770
|
-
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
771
|
-
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
772
|
-
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
773
|
-
}
|
|
774
|
-
.button-3d-demo-4 span:hover {
|
|
775
|
-
background-color: #57cf57;
|
|
776
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #348c34));
|
|
777
|
-
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #348c34);
|
|
778
|
-
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #348c34);
|
|
779
|
-
background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #348c34);
|
|
780
|
-
background-image: linear-gradient(rgba(255, 255, 255, 0), #348c34);
|
|
781
|
-
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #57cf57;
|
|
782
|
-
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #57cf57;
|
|
783
|
-
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #57cf57;
|
|
784
|
-
}
|
|
785
|
-
.button-3d-demo-4 span:active {
|
|
786
|
-
text-shadow: 0 -1px 0 black;
|
|
787
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #62c462), color-stop(100%, #276627));
|
|
788
|
-
background-image: -webkit-linear-gradient(#62c462, #276627);
|
|
789
|
-
background-image: -moz-linear-gradient(#62c462, #276627);
|
|
790
|
-
background-image: -o-linear-gradient(#62c462, #276627);
|
|
791
|
-
background-image: linear-gradient(#62c462, #276627);
|
|
792
|
-
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
793
|
-
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
794
|
-
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
795
|
-
}
|
|
796
|
-
.ie7 .button-3d-demo-4 span, .ie8 .button-3d-demo-4 span, .ie9 .button-3d-demo-4 span {
|
|
794
|
+
.ie7 .button-3d-demo-3.disabled, .ie7 .button-3d-demo-3.disabled:hover, .ie7 .button-3d-demo-3.disabled:active, .ie8 .button-3d-demo-3.disabled, .ie8 .button-3d-demo-3.disabled:hover, .ie8 .button-3d-demo-3.disabled:active, .ie9 .button-3d-demo-3.disabled, .ie9 .button-3d-demo-3.disabled:hover, .ie9 .button-3d-demo-3.disabled:active {
|
|
797
795
|
*zoom: 1;
|
|
798
|
-
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#
|
|
799
|
-
}
|
|
800
|
-
.ie7 .button-3d-demo-4 span:hover, .ie8 .button-3d-demo-4 span:hover, .ie9 .button-3d-demo-4 span:hover {
|
|
801
|
-
*zoom: 1;
|
|
802
|
-
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FF348C34');
|
|
803
|
-
}
|
|
804
|
-
.ie7 .button-3d-demo-4 span:active, .ie8 .button-3d-demo-4 span:active, .ie9 .button-3d-demo-4 span:active {
|
|
805
|
-
*zoom: 1;
|
|
806
|
-
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#0062C462', endColorstr='#FF276627');
|
|
796
|
+
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
|
|
807
797
|
}
|
|
808
798
|
|
|
809
|
-
.button-3d-demo-
|
|
799
|
+
.button-3d-demo-4 {
|
|
810
800
|
overflow: hidden;
|
|
811
801
|
display: block;
|
|
812
802
|
line-height: 2.2em;
|
|
@@ -824,22 +814,25 @@
|
|
|
824
814
|
-o-border-radius: 0.4em;
|
|
825
815
|
border-radius: 0.4em;
|
|
826
816
|
}
|
|
827
|
-
.button-3d-demo-
|
|
817
|
+
.button-3d-demo-4:active {
|
|
828
818
|
position: relative;
|
|
829
819
|
top: 1px;
|
|
830
820
|
}
|
|
831
|
-
.button-3d-demo-
|
|
821
|
+
.button-3d-demo-4.disabled:active {
|
|
822
|
+
position: static;
|
|
823
|
+
}
|
|
824
|
+
.button-3d-demo-4 span {
|
|
832
825
|
display: block;
|
|
833
826
|
padding: 0 24px;
|
|
834
827
|
}
|
|
835
|
-
.button-3d-demo-
|
|
828
|
+
.button-3d-demo-4:visited {
|
|
836
829
|
color: white;
|
|
837
830
|
}
|
|
838
|
-
.button-3d-demo-
|
|
831
|
+
.button-3d-demo-4:hover {
|
|
839
832
|
text-decoration: none;
|
|
840
833
|
color: white;
|
|
841
834
|
}
|
|
842
|
-
.button-3d-demo-
|
|
835
|
+
.button-3d-demo-4 span {
|
|
843
836
|
background-color: #013d93;
|
|
844
837
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
|
|
845
838
|
background-image: -webkit-linear-gradient(#013d93, #000000);
|
|
@@ -850,7 +843,7 @@
|
|
|
850
843
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
851
844
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
852
845
|
}
|
|
853
|
-
.button-3d-demo-
|
|
846
|
+
.button-3d-demo-4 span:hover {
|
|
854
847
|
background-color: #003d94;
|
|
855
848
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #00132e));
|
|
856
849
|
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #00132e);
|
|
@@ -861,7 +854,7 @@
|
|
|
861
854
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #003d94;
|
|
862
855
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #003d94;
|
|
863
856
|
}
|
|
864
|
-
.button-3d-demo-
|
|
857
|
+
.button-3d-demo-4 span:active {
|
|
865
858
|
text-shadow: 0 -1px 0 black;
|
|
866
859
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
|
|
867
860
|
background-image: -webkit-linear-gradient(#013d93, #000000);
|
|
@@ -872,20 +865,40 @@
|
|
|
872
865
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
873
866
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
874
867
|
}
|
|
875
|
-
.
|
|
868
|
+
.button-3d-demo-4.disabled {
|
|
869
|
+
border: 1px solid #755354;
|
|
870
|
+
cursor: not-allowed;
|
|
871
|
+
color: white;
|
|
872
|
+
}
|
|
873
|
+
.button-3d-demo-4.disabled span, .button-3d-demo-4.disabled span:hover, .button-3d-demo-4.disabled span:active {
|
|
874
|
+
text-shadow: 0 -1px 0 black;
|
|
875
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
|
|
876
|
+
background-image: -webkit-linear-gradient(#979797, #4b4b4b);
|
|
877
|
+
background-image: -moz-linear-gradient(#979797, #4b4b4b);
|
|
878
|
+
background-image: -o-linear-gradient(#979797, #4b4b4b);
|
|
879
|
+
background-image: linear-gradient(#979797, #4b4b4b);
|
|
880
|
+
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
881
|
+
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
882
|
+
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
883
|
+
}
|
|
884
|
+
.ie7 .button-3d-demo-4 span, .ie8 .button-3d-demo-4 span, .ie9 .button-3d-demo-4 span {
|
|
876
885
|
*zoom: 1;
|
|
877
886
|
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00013D93', endColorstr='#FF000000');
|
|
878
887
|
}
|
|
879
|
-
.ie7 .button-3d-demo-
|
|
888
|
+
.ie7 .button-3d-demo-4 span:hover, .ie8 .button-3d-demo-4 span:hover, .ie9 .button-3d-demo-4 span:hover {
|
|
880
889
|
*zoom: 1;
|
|
881
890
|
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FF00132E');
|
|
882
891
|
}
|
|
883
|
-
.ie7 .button-3d-demo-
|
|
892
|
+
.ie7 .button-3d-demo-4 span:active, .ie8 .button-3d-demo-4 span:active, .ie9 .button-3d-demo-4 span:active {
|
|
884
893
|
*zoom: 1;
|
|
885
894
|
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00013D93', endColorstr='#FF000000');
|
|
886
895
|
}
|
|
896
|
+
.ie7 .button-3d-demo-4.disabled, .ie7 .button-3d-demo-4.disabled:hover, .ie7 .button-3d-demo-4.disabled:active, .ie8 .button-3d-demo-4.disabled, .ie8 .button-3d-demo-4.disabled:hover, .ie8 .button-3d-demo-4.disabled:active, .ie9 .button-3d-demo-4.disabled, .ie9 .button-3d-demo-4.disabled:hover, .ie9 .button-3d-demo-4.disabled:active {
|
|
897
|
+
*zoom: 1;
|
|
898
|
+
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
|
|
899
|
+
}
|
|
887
900
|
|
|
888
|
-
.button-3d-demo-
|
|
901
|
+
.button-3d-demo-5 {
|
|
889
902
|
overflow: hidden;
|
|
890
903
|
display: inline-block;
|
|
891
904
|
line-height: 1.75em;
|
|
@@ -903,22 +916,25 @@
|
|
|
903
916
|
-o-border-radius: 1.1em;
|
|
904
917
|
border-radius: 1.1em;
|
|
905
918
|
}
|
|
906
|
-
.button-3d-demo-
|
|
919
|
+
.button-3d-demo-5:active {
|
|
907
920
|
position: relative;
|
|
908
921
|
top: 1px;
|
|
909
922
|
}
|
|
910
|
-
.button-3d-demo-
|
|
923
|
+
.button-3d-demo-5.disabled:active {
|
|
924
|
+
position: static;
|
|
925
|
+
}
|
|
926
|
+
.button-3d-demo-5 span {
|
|
911
927
|
display: block;
|
|
912
928
|
padding: 0 11px;
|
|
913
929
|
}
|
|
914
|
-
.button-3d-demo-
|
|
930
|
+
.button-3d-demo-5:visited {
|
|
915
931
|
color: #013d93;
|
|
916
932
|
}
|
|
917
|
-
.button-3d-demo-
|
|
933
|
+
.button-3d-demo-5:hover {
|
|
918
934
|
text-decoration: none;
|
|
919
935
|
color: #013d93;
|
|
920
936
|
}
|
|
921
|
-
.button-3d-demo-
|
|
937
|
+
.button-3d-demo-5 span {
|
|
922
938
|
background-color: #eeeeee;
|
|
923
939
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
|
|
924
940
|
background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
|
|
@@ -929,7 +945,7 @@
|
|
|
929
945
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
930
946
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
931
947
|
}
|
|
932
|
-
.button-3d-demo-
|
|
948
|
+
.button-3d-demo-5 span:hover {
|
|
933
949
|
background-color: #f0ecec;
|
|
934
950
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #bbbbbb));
|
|
935
951
|
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #bbbbbb);
|
|
@@ -940,7 +956,7 @@
|
|
|
940
956
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #f0ecec;
|
|
941
957
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #f0ecec;
|
|
942
958
|
}
|
|
943
|
-
.button-3d-demo-
|
|
959
|
+
.button-3d-demo-5 span:active {
|
|
944
960
|
text-shadow: 0 -1px 0 #b5b5b5;
|
|
945
961
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
|
|
946
962
|
background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
|
|
@@ -951,18 +967,38 @@
|
|
|
951
967
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
952
968
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
953
969
|
}
|
|
954
|
-
.
|
|
970
|
+
.button-3d-demo-5.disabled {
|
|
971
|
+
border: 1px solid #755354;
|
|
972
|
+
cursor: not-allowed;
|
|
973
|
+
color: white;
|
|
974
|
+
}
|
|
975
|
+
.button-3d-demo-5.disabled span, .button-3d-demo-5.disabled span:hover, .button-3d-demo-5.disabled span:active {
|
|
976
|
+
text-shadow: 0 -1px 0 black;
|
|
977
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
|
|
978
|
+
background-image: -webkit-linear-gradient(#979797, #4b4b4b);
|
|
979
|
+
background-image: -moz-linear-gradient(#979797, #4b4b4b);
|
|
980
|
+
background-image: -o-linear-gradient(#979797, #4b4b4b);
|
|
981
|
+
background-image: linear-gradient(#979797, #4b4b4b);
|
|
982
|
+
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
983
|
+
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
984
|
+
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
985
|
+
}
|
|
986
|
+
.ie7 .button-3d-demo-5 span, .ie8 .button-3d-demo-5 span, .ie9 .button-3d-demo-5 span {
|
|
955
987
|
*zoom: 1;
|
|
956
988
|
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00EEEEEE', endColorstr='#FFA2A2A2');
|
|
957
989
|
}
|
|
958
|
-
.ie7 .button-3d-demo-
|
|
990
|
+
.ie7 .button-3d-demo-5 span:hover, .ie8 .button-3d-demo-5 span:hover, .ie9 .button-3d-demo-5 span:hover {
|
|
959
991
|
*zoom: 1;
|
|
960
992
|
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFBBBBBB');
|
|
961
993
|
}
|
|
962
|
-
.ie7 .button-3d-demo-
|
|
994
|
+
.ie7 .button-3d-demo-5 span:active, .ie8 .button-3d-demo-5 span:active, .ie9 .button-3d-demo-5 span:active {
|
|
963
995
|
*zoom: 1;
|
|
964
996
|
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00EEEEEE', endColorstr='#FFA2A2A2');
|
|
965
997
|
}
|
|
998
|
+
.ie7 .button-3d-demo-5.disabled, .ie7 .button-3d-demo-5.disabled:hover, .ie7 .button-3d-demo-5.disabled:active, .ie8 .button-3d-demo-5.disabled, .ie8 .button-3d-demo-5.disabled:hover, .ie8 .button-3d-demo-5.disabled:active, .ie9 .button-3d-demo-5.disabled, .ie9 .button-3d-demo-5.disabled:hover, .ie9 .button-3d-demo-5.disabled:active {
|
|
999
|
+
*zoom: 1;
|
|
1000
|
+
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
|
|
1001
|
+
}
|
|
966
1002
|
|
|
967
1003
|
.button-mini-demo-1 {
|
|
968
1004
|
display: inline-block;
|
data/docs/despegar.html
CHANGED
data/docs/index.html
CHANGED
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
|
|
56
56
|
<ol>
|
|
57
57
|
|
|
58
|
+
<li><a href="./changelog.html#022">0.2.2</a></li>
|
|
59
|
+
|
|
60
|
+
<li><a href="./changelog.html#021">0.2.1</a></li>
|
|
61
|
+
|
|
58
62
|
<li><a href="./changelog.html#020">0.2.0</a></li>
|
|
59
63
|
|
|
60
64
|
<li><a href="./changelog.html#010">0.1.0</a></li>
|
|
@@ -185,7 +189,7 @@
|
|
|
185
189
|
</p>
|
|
186
190
|
<pre><code class="lang-bash">require 'picasso'
|
|
187
191
|
require 'magick'
|
|
188
|
-
gem 'picasso', '~> 0.2.
|
|
192
|
+
gem 'picasso', '~> 0.2.2'</code></pre>
|
|
189
193
|
<p>Modificar el número de versión a medida que se quiere usar nuevas versiones del framework.
|
|
190
194
|
|
|
191
195
|
</p>
|
data/docs/inputs.html
CHANGED
data/docs/intro.html
CHANGED
|
@@ -55,6 +55,10 @@
|
|
|
55
55
|
|
|
56
56
|
<ol>
|
|
57
57
|
|
|
58
|
+
<li><a href="./changelog.html#022">0.2.2</a></li>
|
|
59
|
+
|
|
60
|
+
<li><a href="./changelog.html#021">0.2.1</a></li>
|
|
61
|
+
|
|
58
62
|
<li><a href="./changelog.html#020">0.2.0</a></li>
|
|
59
63
|
|
|
60
64
|
<li><a href="./changelog.html#010">0.1.0</a></li>
|
|
@@ -185,7 +189,7 @@
|
|
|
185
189
|
</p>
|
|
186
190
|
<pre><code class="lang-bash">require 'picasso'
|
|
187
191
|
require 'magick'
|
|
188
|
-
gem 'picasso', '~> 0.2.
|
|
192
|
+
gem 'picasso', '~> 0.2.2'</code></pre>
|
|
189
193
|
<p>Modificar el número de versión a medida que se quiere usar nuevas versiones del framework.
|
|
190
194
|
|
|
191
195
|
</p>
|
data/docs/list-grids.html
CHANGED
data/docs/mejoras.html
CHANGED
data/docs/navs.html
CHANGED
data/docs/pagination.html
CHANGED
data/docs/popups.html
CHANGED
data/docs/sass/style.scss
CHANGED
|
@@ -38,15 +38,11 @@ body{
|
|
|
38
38
|
@include button-3d(#FBB450, white);
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
.button-3d-demo-4{
|
|
42
|
-
@include button-3d(#62C462, white);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.button-3d-demo-5 {
|
|
41
|
+
.button-3d-demo-4 {
|
|
46
42
|
@include button-3d(#013d93, #FFF, 24px, true, false);
|
|
47
43
|
}
|
|
48
44
|
|
|
49
|
-
.button-3d-demo-
|
|
45
|
+
.button-3d-demo-5 {
|
|
50
46
|
@include button-3d(#EEE, #013d93, 11px, false, true);
|
|
51
47
|
}
|
|
52
48
|
|
data/docs/todo.html
CHANGED
data/docs/utils.html
CHANGED
data/lib/picasso/version.rb
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
@import "compass/css3/border-radius";
|
|
7
7
|
@import "compass/css3/text-shadow";
|
|
8
8
|
@import "compass/css3/box-shadow";
|
|
9
|
+
@import "compass/css3/opacity";
|
|
9
10
|
@import "picasso/utils/sprite";
|
|
10
11
|
|
|
11
12
|
$button-3d-default-background : #F73741 !default;
|
|
@@ -14,6 +15,12 @@ $button-3d-default-font-size : 13px !default;
|
|
|
14
15
|
$button-3d-default-full-width : false !default;
|
|
15
16
|
$button-3d-default-full-rounded : false !default;
|
|
16
17
|
|
|
18
|
+
$button-3d-default-disabled-class : "disabled" !default;
|
|
19
|
+
$button-3d-default-disabled-background-top : #979797 !default;
|
|
20
|
+
$button-3d-default-disabled-background-bottom : #4B4B4B !default;
|
|
21
|
+
$button-3d-default-disabled-border : #755354 !default;
|
|
22
|
+
$button-3d-default-disabled-color : #FFF !default;
|
|
23
|
+
|
|
17
24
|
@mixin button-3d(
|
|
18
25
|
|
|
19
26
|
// Background del boton
|
|
@@ -59,6 +66,10 @@ $button-3d-default-full-rounded : false !default;
|
|
|
59
66
|
top:1px;
|
|
60
67
|
}
|
|
61
68
|
|
|
69
|
+
&.#{$button-3d-default-disabled-class}:active {
|
|
70
|
+
position:static;
|
|
71
|
+
}
|
|
72
|
+
|
|
62
73
|
span{
|
|
63
74
|
display: block;
|
|
64
75
|
padding: 0 $font-size;
|
|
@@ -93,7 +104,7 @@ $button-3d-default-full-rounded : false !default;
|
|
|
93
104
|
color: $color;
|
|
94
105
|
}
|
|
95
106
|
|
|
96
|
-
span{
|
|
107
|
+
span {
|
|
97
108
|
background-color: $background;
|
|
98
109
|
@include background-image(linear-gradient($background, darken($background, 30)));
|
|
99
110
|
@include box-shadow(
|
|
@@ -124,9 +135,31 @@ $button-3d-default-full-rounded : false !default;
|
|
|
124
135
|
|
|
125
136
|
}
|
|
126
137
|
|
|
138
|
+
&.#{$button-3d-default-disabled-class} {
|
|
139
|
+
border: 1px solid $button-3d-default-disabled-border;
|
|
140
|
+
cursor: not-allowed;
|
|
141
|
+
color: $button-3d-default-disabled-color;
|
|
142
|
+
|
|
143
|
+
span{
|
|
144
|
+
|
|
145
|
+
&, &:hover, &:active{
|
|
146
|
+
@include text-shadow(0 -1px 0 #000);
|
|
147
|
+
@include background-image(linear-gradient($button-3d-default-disabled-background-top, $button-3d-default-disabled-background-bottom));
|
|
148
|
+
@include box-shadow(
|
|
149
|
+
0 0.1em 0.1em rgba(0, 0, 0, 0.5),
|
|
150
|
+
inset 0 0.1em 0 rgba(255, 255, 255, 0.25),
|
|
151
|
+
inset 0 0 1em rgba(0, 0, 0, 0.75)
|
|
152
|
+
);
|
|
153
|
+
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
}
|
|
159
|
+
|
|
127
160
|
.ie7 &, .ie8 &, .ie9 &{
|
|
128
161
|
|
|
129
|
-
span{
|
|
162
|
+
span {
|
|
130
163
|
@include filter-gradient(rgba(red($background), green($background), blue($background), 0), darken($background, 30));
|
|
131
164
|
|
|
132
165
|
&:hover {
|
|
@@ -137,7 +170,15 @@ $button-3d-default-full-rounded : false !default;
|
|
|
137
170
|
@include filter-gradient(rgba(red($background), green($background), blue($background), 0), darken($background, 30));
|
|
138
171
|
}
|
|
139
172
|
|
|
140
|
-
}
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
&.#{$button-3d-default-disabled-class} {
|
|
176
|
+
|
|
177
|
+
&, &:hover, &:active{
|
|
178
|
+
@include filter-gradient($button-3d-default-disabled-background-top, $button-3d-default-disabled-background-bottom);
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
}
|
|
141
182
|
|
|
142
183
|
}
|
|
143
184
|
|
metadata
CHANGED
|
@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
|
|
|
5
5
|
segments:
|
|
6
6
|
- 0
|
|
7
7
|
- 2
|
|
8
|
-
-
|
|
9
|
-
version: 0.2.
|
|
8
|
+
- 2
|
|
9
|
+
version: 0.2.2
|
|
10
10
|
platform: ruby
|
|
11
11
|
authors:
|
|
12
12
|
- Leandro D'Onofrio
|
|
@@ -14,7 +14,7 @@ autorequire:
|
|
|
14
14
|
bindir: bin
|
|
15
15
|
cert_chain: []
|
|
16
16
|
|
|
17
|
-
date: 2012-07-
|
|
17
|
+
date: 2012-07-20 00:00:00 -03:00
|
|
18
18
|
default_executable:
|
|
19
19
|
dependencies:
|
|
20
20
|
- !ruby/object:Gem::Dependency
|
|
@@ -142,7 +142,7 @@ licenses: []
|
|
|
142
142
|
post_install_message: "\n\n\
|
|
143
143
|
##################################################\n\
|
|
144
144
|
## Picasso - Sass/Compass Framework\n\n\
|
|
145
|
-
## Versi\xC3\xB3n: 0.2.
|
|
145
|
+
## Versi\xC3\xB3n: 0.2.2\n\
|
|
146
146
|
## Documentaci\xC3\xB3n: http://dl.dropbox.com/u/54126/picasso/docs/all.html\n\
|
|
147
147
|
## CHANGELOG: http://dl.dropbox.com/u/54126/picasso/docs/changelog.html#changelog\n\
|
|
148
148
|
##################################################\n\n"
|