picasso 0.3.6.beta.3 → 0.3.6.beta.4

Sign up to get free protection for your applications and to get access to all the features.
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
@@ -2707,6 +2705,7 @@ body {
2707
2705
  </ul>
2708
2706
  </div><div class="code"><pre><code>@import "compass/css3/border-radius";
2709
2707
  @import "compass/css3/box-shadow";
2708
+ @import "compass/css3/box-sizing";
2710
2709
  @import "../utils/sprite";
2711
2710
  @import "../utils/ie";
2712
2711
 
@@ -2811,6 +2810,7 @@ $popup-ie-fallback: "sprites" !default;
2811
2810
  width: $popup-default-close-button-height;
2812
2811
  top: (-1) * (($popup-default-close-button-height / 2) + $popup-default-close-button-border);
2813
2812
  right: (-1) * (($popup-default-close-button-height / 2) + $popup-default-close-button-border);
2813
+ @include box-sizing(content-box);
2814
2814
  }
2815
2815
 
2816
2816
  .ie7 & {
@@ -2833,15 +2833,6 @@ $popup-ie-fallback: "sprites" !default;
2833
2833
 
2834
2834
  }
2835
2835
 
2836
- .ie9 & {
2837
-
2838
- .popup-close {
2839
- height: $popup-default-close-button-height + 5;
2840
- width: $popup-default-close-button-height + 5;
2841
- }
2842
-
2843
- }
2844
-
2845
2836
  }
2846
2837
 
2847
2838
  @mixin popup-visual(
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);