Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

[BUG #5935] Fixed bug in iOS theme. Icons are now displayed again.

  • Loading branch information...
commit 76da4c55aab8eb5fa001288aa86f9f52a50717b2 1 parent cf54165
tjbutz authored
View
336 framework/source/resource/qx/mobile/css/ios.css
@@ -23,9 +23,6 @@ html, body {
-webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
-moz-transform: translate3d(0, 0, 0) rotate(0) scale(1);
transform: translate3d(0, 0, 0) rotate(0) scale(1);
- -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
- -moz-transform: translate3d(0, 0, 0) rotate(0) scale(1);
- transform: translate3d(0, 0, 0) rotate(0) scale(1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@@ -44,8 +41,12 @@ html, body {
}
.scroll {
position: relative;
- width: auto /* your desired width, auto and 100% are fine */;
- height: auto /* element height */;
+ width: auto;
+ /* your desired width, auto and 100% are fine */
+
+ height: auto;
+ /* element height */
+
overflow: hidden;
}
.iscroll {
@@ -109,17 +110,11 @@ html, body {
-webkit-transform: translatex(100%);
-moz-transform: translatex(100%);
transform: translatex(100%);
- -webkit-transform: translatex(100%);
- -moz-transform: translatex(100%);
- transform: translatex(100%);
}
100% {
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
transform: translatex(0);
- -webkit-transform: translatex(0);
- -moz-transform: translatex(0);
- transform: translatex(0);
}
}
@-moz-keyframes slideLeftIn {
@@ -127,17 +122,11 @@ html, body {
-webkit-transform: translatex(100%);
-moz-transform: translatex(100%);
transform: translatex(100%);
- -webkit-transform: translatex(100%);
- -moz-transform: translatex(100%);
- transform: translatex(100%);
}
100% {
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
transform: translatex(0);
- -webkit-transform: translatex(0);
- -moz-transform: translatex(0);
- transform: translatex(0);
}
}
@-webkit-keyframes slideLeftOut {
@@ -145,17 +134,11 @@ html, body {
-webkit-transform: translatex(0px);
-moz-transform: translatex(0px);
transform: translatex(0px);
- -webkit-transform: translatex(0px);
- -moz-transform: translatex(0px);
- transform: translatex(0px);
}
100% {
-webkit-transform: translatex(-100%);
-moz-transform: translatex(-100%);
transform: translatex(-100%);
- -webkit-transform: translatex(-100%);
- -moz-transform: translatex(-100%);
- transform: translatex(-100%);
}
}
@-moz-keyframes slideLeftOut {
@@ -163,17 +146,11 @@ html, body {
-webkit-transform: translatex(0px);
-moz-transform: translatex(0px);
transform: translatex(0px);
- -webkit-transform: translatex(0px);
- -moz-transform: translatex(0px);
- transform: translatex(0px);
}
100% {
-webkit-transform: translatex(-100%);
-moz-transform: translatex(-100%);
transform: translatex(-100%);
- -webkit-transform: translatex(-100%);
- -moz-transform: translatex(-100%);
- transform: translatex(-100%);
}
}
/* Slide right */
@@ -192,17 +169,11 @@ html, body {
-webkit-transform: translatex(-100%);
-moz-transform: translatex(-100%);
transform: translatex(-100%);
- -webkit-transform: translatex(-100%);
- -moz-transform: translatex(-100%);
- transform: translatex(-100%);
}
100% {
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
transform: translatex(0);
- -webkit-transform: translatex(0);
- -moz-transform: translatex(0);
- transform: translatex(0);
}
}
@-moz-keyframes slideRightIn {
@@ -210,17 +181,11 @@ html, body {
-webkit-transform: translatex(-100%);
-moz-transform: translatex(-100%);
transform: translatex(-100%);
- -webkit-transform: translatex(-100%);
- -moz-transform: translatex(-100%);
- transform: translatex(-100%);
}
100% {
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
transform: translatex(0);
- -webkit-transform: translatex(0);
- -moz-transform: translatex(0);
- transform: translatex(0);
}
}
@-webkit-keyframes slideRightOut {
@@ -228,17 +193,11 @@ html, body {
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
transform: translatex(0);
- -webkit-transform: translatex(0);
- -moz-transform: translatex(0);
- transform: translatex(0);
}
100% {
-webkit-transform: translatex(100%);
-moz-transform: translatex(100%);
transform: translatex(100%);
- -webkit-transform: translatex(100%);
- -moz-transform: translatex(100%);
- transform: translatex(100%);
}
}
@-moz-keyframes slideRightOut {
@@ -246,17 +205,11 @@ html, body {
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
transform: translatex(0);
- -webkit-transform: translatex(0);
- -moz-transform: translatex(0);
- transform: translatex(0);
}
100% {
-webkit-transform: translatex(100%);
-moz-transform: translatex(100%);
transform: translatex(100%);
- -webkit-transform: translatex(100%);
- -moz-transform: translatex(100%);
- transform: translatex(100%);
}
}
/* Fade */
@@ -318,18 +271,12 @@ html, body {
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
transform: scale(0.2);
- -webkit-transform: scale(0.2);
- -moz-transform: scale(0.2);
- transform: scale(0.2);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- transform: scale(1);
opacity: 1;
}
}
@@ -338,18 +285,12 @@ html, body {
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
transform: scale(0.2);
- -webkit-transform: scale(0.2);
- -moz-transform: scale(0.2);
- transform: scale(0.2);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- transform: scale(1);
opacity: 1;
}
}
@@ -358,18 +299,12 @@ html, body {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
transform: scale(0.2);
- -webkit-transform: scale(0.2);
- -moz-transform: scale(0.2);
- transform: scale(0.2);
opacity: 0;
}
}
@@ -378,18 +313,12 @@ html, body {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
transform: scale(0.2);
- -webkit-transform: scale(0.2);
- -moz-transform: scale(0.2);
- transform: scale(0.2);
opacity: 0;
}
}
@@ -454,17 +383,11 @@ html, body {
-webkit-transform: translatey(100%);
-moz-transform: translatey(100%);
transform: translatey(100%);
- -webkit-transform: translatey(100%);
- -moz-transform: translatey(100%);
- transform: translatey(100%);
}
100% {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
transform: translatey(0);
- -webkit-transform: translatey(0);
- -moz-transform: translatey(0);
- transform: translatey(0);
}
}
@-moz-keyframes slideUpIn {
@@ -472,17 +395,11 @@ html, body {
-webkit-transform: translatey(100%);
-moz-transform: translatey(100%);
transform: translatey(100%);
- -webkit-transform: translatey(100%);
- -moz-transform: translatey(100%);
- transform: translatey(100%);
}
100% {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
transform: translatey(0);
- -webkit-transform: translatey(0);
- -moz-transform: translatey(0);
- transform: translatey(0);
}
}
@-webkit-keyframes slideUpOut {
@@ -490,17 +407,11 @@ html, body {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
transform: translatey(0);
- -webkit-transform: translatey(0);
- -moz-transform: translatey(0);
- transform: translatey(0);
}
100% {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
transform: translatey(0);
- -webkit-transform: translatey(0);
- -moz-transform: translatey(0);
- transform: translatey(0);
}
}
@-moz-keyframes slideUpOut {
@@ -508,17 +419,11 @@ html, body {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
transform: translatey(0);
- -webkit-transform: translatey(0);
- -moz-transform: translatey(0);
- transform: translatey(0);
}
100% {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
transform: translatey(0);
- -webkit-transform: translatey(0);
- -moz-transform: translatey(0);
- transform: translatey(0);
}
}
.slideup.in.reverse {
@@ -538,17 +443,11 @@ html, body {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
transform: translatey(0);
- -webkit-transform: translatey(0);
- -moz-transform: translatey(0);
- transform: translatey(0);
}
100% {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
transform: translatey(0);
- -webkit-transform: translatey(0);
- -moz-transform: translatey(0);
- transform: translatey(0);
}
}
@-moz-keyframes slideDownIn {
@@ -556,17 +455,11 @@ html, body {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
transform: translatey(0);
- -webkit-transform: translatey(0);
- -moz-transform: translatey(0);
- transform: translatey(0);
}
100% {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
transform: translatey(0);
- -webkit-transform: translatey(0);
- -moz-transform: translatey(0);
- transform: translatey(0);
}
}
@-webkit-keyframes slideDownOut {
@@ -574,17 +467,11 @@ html, body {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
transform: translatey(0);
- -webkit-transform: translatey(0);
- -moz-transform: translatey(0);
- transform: translatey(0);
}
100% {
-webkit-transform: translatey(100%);
-moz-transform: translatey(100%);
transform: translatey(100%);
- -webkit-transform: translatey(100%);
- -moz-transform: translatey(100%);
- transform: translatey(100%);
}
}
@-moz-keyframes slideDownOut {
@@ -592,17 +479,11 @@ html, body {
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
transform: translatey(0);
- -webkit-transform: translatey(0);
- -moz-transform: translatey(0);
- transform: translatey(0);
}
100% {
-webkit-transform: translatey(100%);
-moz-transform: translatey(100%);
transform: translatey(100%);
- -webkit-transform: translatey(100%);
- -moz-transform: translatey(100%);
- transform: translatey(100%);
}
}
/* Flip Left */
@@ -626,17 +507,11 @@ html, body {
-webkit-transform: rotatey(180deg) scale(0.8);
-moz-transform: rotatey(180deg) scale(0.8);
transform: rotatey(180deg) scale(0.8);
- -webkit-transform: rotatey(180deg) scale(0.8);
- -moz-transform: rotatey(180deg) scale(0.8);
- transform: rotatey(180deg) scale(0.8);
}
100% {
-webkit-transform: rotatey(0deg) scale(1);
-moz-transform: rotatey(0deg) scale(1);
transform: rotatey(0deg) scale(1);
- -webkit-transform: rotatey(0deg) scale(1);
- -moz-transform: rotatey(0deg) scale(1);
- transform: rotatey(0deg) scale(1);
}
}
@-moz-keyframes flipLeftIn {
@@ -644,17 +519,11 @@ html, body {
-webkit-transform: rotatey(180deg) scale(0.8);
-moz-transform: rotatey(180deg) scale(0.8);
transform: rotatey(180deg) scale(0.8);
- -webkit-transform: rotatey(180deg) scale(0.8);
- -moz-transform: rotatey(180deg) scale(0.8);
- transform: rotatey(180deg) scale(0.8);
}
100% {
-webkit-transform: rotatey(0deg) scale(1);
-moz-transform: rotatey(0deg) scale(1);
transform: rotatey(0deg) scale(1);
- -webkit-transform: rotatey(0deg) scale(1);
- -moz-transform: rotatey(0deg) scale(1);
- transform: rotatey(0deg) scale(1);
}
}
@-webkit-keyframes flipLeftOut {
@@ -662,17 +531,11 @@ html, body {
-webkit-transform: rotatey(0deg) scale(1);
-moz-transform: rotatey(0deg) scale(1);
transform: rotatey(0deg) scale(1);
- -webkit-transform: rotatey(0deg) scale(1);
- -moz-transform: rotatey(0deg) scale(1);
- transform: rotatey(0deg) scale(1);
}
100% {
-webkit-transform: rotatey(-180deg) scale(0.8);
-moz-transform: rotatey(-180deg) scale(0.8);
transform: rotatey(-180deg) scale(0.8);
- -webkit-transform: rotatey(-180deg) scale(0.8);
- -moz-transform: rotatey(-180deg) scale(0.8);
- transform: rotatey(-180deg) scale(0.8);
}
}
@-moz-keyframes flipLeftOut {
@@ -680,17 +543,11 @@ html, body {
-webkit-transform: rotatey(0deg) scale(1);
-moz-transform: rotatey(0deg) scale(1);
transform: rotatey(0deg) scale(1);
- -webkit-transform: rotatey(0deg) scale(1);
- -moz-transform: rotatey(0deg) scale(1);
- transform: rotatey(0deg) scale(1);
}
100% {
-webkit-transform: rotatey(-180deg) scale(0.8);
-moz-transform: rotatey(-180deg) scale(0.8);
transform: rotatey(-180deg) scale(0.8);
- -webkit-transform: rotatey(-180deg) scale(0.8);
- -moz-transform: rotatey(-180deg) scale(0.8);
- transform: rotatey(-180deg) scale(0.8);
}
}
/* Flip Right */
@@ -709,17 +566,11 @@ html, body {
-webkit-transform: rotatey(-180deg) scale(0.8);
-moz-transform: rotatey(-180deg) scale(0.8);
transform: rotatey(-180deg) scale(0.8);
- -webkit-transform: rotatey(-180deg) scale(0.8);
- -moz-transform: rotatey(-180deg) scale(0.8);
- transform: rotatey(-180deg) scale(0.8);
}
100% {
-webkit-transform: rotatey(0deg) scale(1);
-moz-transform: rotatey(0deg) scale(1);
transform: rotatey(0deg) scale(1);
- -webkit-transform: rotatey(0deg) scale(1);
- -moz-transform: rotatey(0deg) scale(1);
- transform: rotatey(0deg) scale(1);
}
}
@-moz-keyframes flipRightIn {
@@ -727,17 +578,11 @@ html, body {
-webkit-transform: rotatey(-180deg) scale(0.8);
-moz-transform: rotatey(-180deg) scale(0.8);
transform: rotatey(-180deg) scale(0.8);
- -webkit-transform: rotatey(-180deg) scale(0.8);
- -moz-transform: rotatey(-180deg) scale(0.8);
- transform: rotatey(-180deg) scale(0.8);
}
100% {
-webkit-transform: rotatey(0deg) scale(1);
-moz-transform: rotatey(0deg) scale(1);
transform: rotatey(0deg) scale(1);
- -webkit-transform: rotatey(0deg) scale(1);
- -moz-transform: rotatey(0deg) scale(1);
- transform: rotatey(0deg) scale(1);
}
}
@-webkit-keyframes flipRightOut {
@@ -745,17 +590,11 @@ html, body {
-webkit-transform: rotatey(0deg) scale(1);
-moz-transform: rotatey(0deg) scale(1);
transform: rotatey(0deg) scale(1);
- -webkit-transform: rotatey(0deg) scale(1);
- -moz-transform: rotatey(0deg) scale(1);
- transform: rotatey(0deg) scale(1);
}
100% {
-webkit-transform: rotatey(180deg) scale(0.8);
-moz-transform: rotatey(180deg) scale(0.8);
transform: rotatey(180deg) scale(0.8);
- -webkit-transform: rotatey(180deg) scale(0.8);
- -moz-transform: rotatey(180deg) scale(0.8);
- transform: rotatey(180deg) scale(0.8);
}
}
@-moz-keyframes flipRightOut {
@@ -763,17 +602,11 @@ html, body {
-webkit-transform: rotatey(0deg) scale(1);
-moz-transform: rotatey(0deg) scale(1);
transform: rotatey(0deg) scale(1);
- -webkit-transform: rotatey(0deg) scale(1);
- -moz-transform: rotatey(0deg) scale(1);
- transform: rotatey(0deg) scale(1);
}
100% {
-webkit-transform: rotatey(180deg) scale(0.8);
-moz-transform: rotatey(180deg) scale(0.8);
transform: rotatey(180deg) scale(0.8);
- -webkit-transform: rotatey(180deg) scale(0.8);
- -moz-transform: rotatey(180deg) scale(0.8);
- transform: rotatey(180deg) scale(0.8);
}
}
/* Swap Left */
@@ -784,9 +617,6 @@ html, body {
-webkit-transform: perspective(800);
-moz-transform: perspective(800);
transform: perspective(800);
- -webkit-transform: perspective(800);
- -moz-transform: perspective(800);
- transform: perspective(800);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
@@ -806,18 +636,12 @@ html, body {
-webkit-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
-moz-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
- -webkit-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
- -moz-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
- transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
opacity: 0;
}
35% {
-webkit-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
-moz-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
- -webkit-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
- -moz-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
- transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
opacity: 1;
}
100% {
@@ -825,9 +649,6 @@ html, body {
-webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
-moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- transform: translate3d(0px, 0px, 0px) rotatey(0deg);
}
}
@-moz-keyframes swapLeftIn {
@@ -835,18 +656,12 @@ html, body {
-webkit-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
-moz-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
- -webkit-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
- -moz-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
- transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
opacity: 0;
}
35% {
-webkit-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
-moz-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
- -webkit-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
- -moz-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
- transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
opacity: 1;
}
100% {
@@ -854,9 +669,6 @@ html, body {
-webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
-moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- transform: translate3d(0px, 0px, 0px) rotatey(0deg);
}
}
@-webkit-keyframes swapLeftOut {
@@ -864,27 +676,18 @@ html, body {
-webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
-moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- transform: translate3d(0px, 0px, 0px) rotatey(0deg);
opacity: 1;
}
35% {
-webkit-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
-moz-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
- -webkit-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
- -moz-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
- transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
opacity: .5;
}
100% {
-webkit-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
-moz-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
transform: translate3d(0px, 0px, -800px) rotatey(70deg);
- -webkit-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
- -moz-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
- transform: translate3d(0px, 0px, -800px) rotatey(70deg);
opacity: 0;
}
}
@@ -893,27 +696,18 @@ html, body {
-webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
-moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- transform: translate3d(0px, 0px, 0px) rotatey(0deg);
opacity: 1;
}
35% {
-webkit-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
-moz-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
- -webkit-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
- -moz-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
- transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
opacity: .5;
}
100% {
-webkit-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
-moz-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
transform: translate3d(0px, 0px, -800px) rotatey(70deg);
- -webkit-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
- -moz-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
- transform: translate3d(0px, 0px, -800px) rotatey(70deg);
opacity: 0;
}
}
@@ -933,27 +727,18 @@ html, body {
-webkit-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
-moz-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
transform: translate3d(0px, 0px, -800px) rotatey(70deg);
- -webkit-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
- -moz-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
- transform: translate3d(0px, 0px, -800px) rotatey(70deg);
opacity: 0;
}
35% {
-webkit-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
-moz-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
- -webkit-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
- -moz-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
- transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
-moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- transform: translate3d(0px, 0px, 0px) rotatey(0deg);
opacity: 1;
}
}
@@ -962,27 +747,18 @@ html, body {
-webkit-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
-moz-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
transform: translate3d(0px, 0px, -800px) rotatey(70deg);
- -webkit-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
- -moz-transform: translate3d(0px, 0px, -800px) rotatey(70deg);
- transform: translate3d(0px, 0px, -800px) rotatey(70deg);
opacity: 0;
}
35% {
-webkit-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
-moz-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
- -webkit-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
- -moz-transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
- transform: translate3d(-180px, 0px, -400px) rotatey(20deg);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
-moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- transform: translate3d(0px, 0px, 0px) rotatey(0deg);
opacity: 1;
}
}
@@ -991,27 +767,18 @@ html, body {
-webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
-moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- transform: translate3d(0px, 0px, 0px) rotatey(0deg);
opacity: 1;
}
35% {
-webkit-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
-moz-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
- -webkit-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
- -moz-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
- transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
opacity: .5;
}
100% {
-webkit-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
-moz-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
- -webkit-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
- -moz-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
- transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
opacity: 0;
}
}
@@ -1020,27 +787,18 @@ html, body {
-webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
-moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -webkit-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- -moz-transform: translate3d(0px, 0px, 0px) rotatey(0deg);
- transform: translate3d(0px, 0px, 0px) rotatey(0deg);
opacity: 1;
}
35% {
-webkit-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
-moz-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
- -webkit-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
- -moz-transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
- transform: translate3d(180px, 0px, -400px) rotatey(-20deg);
opacity: .5;
}
100% {
-webkit-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
-moz-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
- -webkit-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
- -moz-transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
- transform: translate3d(0px, 0px, -800px) rotatey(-70deg);
opacity: 0;
}
}
@@ -1071,18 +829,12 @@ html, body {
-webkit-transform: rotatey(90deg) translatez(100%) scale(0.5);
-moz-transform: rotatey(90deg) translatez(100%) scale(0.5);
transform: rotatey(90deg) translatez(100%) scale(0.5);
- -webkit-transform: rotatey(90deg) translatez(100%) scale(0.5);
- -moz-transform: rotatey(90deg) translatez(100%) scale(0.5);
- transform: rotatey(90deg) translatez(100%) scale(0.5);
opacity: .5;
}
100% {
-webkit-transform: rotatey(0deg) translatez(0) scale(1);
-moz-transform: rotatey(0deg) translatez(0) scale(1);
transform: rotatey(0deg) translatez(0) scale(1);
- -webkit-transform: rotatey(0deg) translatez(0) scale(1);
- -moz-transform: rotatey(0deg) translatez(0) scale(1);
- transform: rotatey(0deg) translatez(0) scale(1);
opacity: 1;
}
}
@@ -1091,18 +843,12 @@ html, body {
-webkit-transform: rotatey(90deg) translatez(100%) scale(0.5);
-moz-transform: rotatey(90deg) translatez(100%) scale(0.5);
transform: rotatey(90deg) translatez(100%) scale(0.5);
- -webkit-transform: rotatey(90deg) translatez(100%) scale(0.5);
- -moz-transform: rotatey(90deg) translatez(100%) scale(0.5);
- transform: rotatey(90deg) translatez(100%) scale(0.5);
opacity: .5;
}
100% {
-webkit-transform: rotatey(0deg) translatez(0) scale(1);
-moz-transform: rotatey(0deg) translatez(0) scale(1);
transform: rotatey(0deg) translatez(0) scale(1);
- -webkit-transform: rotatey(0deg) translatez(0) scale(1);
- -moz-transform: rotatey(0deg) translatez(0) scale(1);
- transform: rotatey(0deg) translatez(0) scale(1);
opacity: 1;
}
}
@@ -1111,18 +857,12 @@ html, body {
-webkit-transform: rotatey(0deg) translatex(0) scale(1);
-moz-transform: rotatey(0deg) translatex(0) scale(1);
transform: rotatey(0deg) translatex(0) scale(1);
- -webkit-transform: rotatey(0deg) translatex(0) scale(1);
- -moz-transform: rotatey(0deg) translatex(0) scale(1);
- transform: rotatey(0deg) translatex(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: rotatey(-90deg) translatez(100%) scale(0.5);
-moz-transform: rotatey(-90deg) translatez(100%) scale(0.5);
transform: rotatey(-90deg) translatez(100%) scale(0.5);
- -webkit-transform: rotatey(-90deg) translatez(100%) scale(0.5);
- -moz-transform: rotatey(-90deg) translatez(100%) scale(0.5);
- transform: rotatey(-90deg) translatez(100%) scale(0.5);
opacity: .5;
}
}
@@ -1131,18 +871,12 @@ html, body {
-webkit-transform: rotatey(0deg) translatex(0) scale(1);
-moz-transform: rotatey(0deg) translatex(0) scale(1);
transform: rotatey(0deg) translatex(0) scale(1);
- -webkit-transform: rotatey(0deg) translatex(0) scale(1);
- -moz-transform: rotatey(0deg) translatex(0) scale(1);
- transform: rotatey(0deg) translatex(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: rotatey(-90deg) translatez(100%) scale(0.5);
-moz-transform: rotatey(-90deg) translatez(100%) scale(0.5);
transform: rotatey(-90deg) translatez(100%) scale(0.5);
- -webkit-transform: rotatey(-90deg) translatez(100%) scale(0.5);
- -moz-transform: rotatey(-90deg) translatez(100%) scale(0.5);
- transform: rotatey(-90deg) translatez(100%) scale(0.5);
opacity: .5;
}
}
@@ -1168,18 +902,12 @@ html, body {
-webkit-transform: rotatey(-90deg) translatez(100%) scale(0.5);
-moz-transform: rotatey(-90deg) translatez(100%) scale(0.5);
transform: rotatey(-90deg) translatez(100%) scale(0.5);
- -webkit-transform: rotatey(-90deg) translatez(100%) scale(0.5);
- -moz-transform: rotatey(-90deg) translatez(100%) scale(0.5);
- transform: rotatey(-90deg) translatez(100%) scale(0.5);
opacity: .5;
}
100% {
-webkit-transform: rotatey(0deg) translatez(0) scale(1);
-moz-transform: rotatey(0deg) translatez(0) scale(1);
transform: rotatey(0deg) translatez(0) scale(1);
- -webkit-transform: rotatey(0deg) translatez(0) scale(1);
- -moz-transform: rotatey(0deg) translatez(0) scale(1);
- transform: rotatey(0deg) translatez(0) scale(1);
opacity: 1;
}
}
@@ -1188,18 +916,12 @@ html, body {
-webkit-transform: rotatey(-90deg) translatez(100%) scale(0.5);
-moz-transform: rotatey(-90deg) translatez(100%) scale(0.5);
transform: rotatey(-90deg) translatez(100%) scale(0.5);
- -webkit-transform: rotatey(-90deg) translatez(100%) scale(0.5);
- -moz-transform: rotatey(-90deg) translatez(100%) scale(0.5);
- transform: rotatey(-90deg) translatez(100%) scale(0.5);
opacity: .5;
}
100% {
-webkit-transform: rotatey(0deg) translatez(0) scale(1);
-moz-transform: rotatey(0deg) translatez(0) scale(1);
transform: rotatey(0deg) translatez(0) scale(1);
- -webkit-transform: rotatey(0deg) translatez(0) scale(1);
- -moz-transform: rotatey(0deg) translatez(0) scale(1);
- transform: rotatey(0deg) translatez(0) scale(1);
opacity: 1;
}
}
@@ -1208,18 +930,12 @@ html, body {
-webkit-transform: rotatey(0deg) translatex(0) scale(1);
-moz-transform: rotatey(0deg) translatex(0) scale(1);
transform: rotatey(0deg) translatex(0) scale(1);
- -webkit-transform: rotatey(0deg) translatex(0) scale(1);
- -moz-transform: rotatey(0deg) translatex(0) scale(1);
- transform: rotatey(0deg) translatex(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: rotatey(90deg) translatez(100%) scale(0.5);
-moz-transform: rotatey(90deg) translatez(100%) scale(0.5);
transform: rotatey(90deg) translatez(100%) scale(0.5);
- -webkit-transform: rotatey(90deg) translatez(100%) scale(0.5);
- -moz-transform: rotatey(90deg) translatez(100%) scale(0.5);
- transform: rotatey(90deg) translatez(100%) scale(0.5);
opacity: .5;
}
}
@@ -1228,18 +944,12 @@ html, body {
-webkit-transform: rotatey(0deg) translatex(0) scale(1);
-moz-transform: rotatey(0deg) translatex(0) scale(1);
transform: rotatey(0deg) translatex(0) scale(1);
- -webkit-transform: rotatey(0deg) translatex(0) scale(1);
- -moz-transform: rotatey(0deg) translatex(0) scale(1);
- transform: rotatey(0deg) translatex(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: rotatey(90deg) translatez(100%) scale(0.5);
-moz-transform: rotatey(90deg) translatez(100%) scale(0.5);
transform: rotatey(90deg) translatez(100%) scale(0.5);
- -webkit-transform: rotatey(90deg) translatez(100%) scale(0.5);
- -moz-transform: rotatey(90deg) translatez(100%) scale(0.5);
- transform: rotatey(90deg) translatez(100%) scale(0.5);
opacity: .5;
}
}
@@ -1303,6 +1013,16 @@ html, body {
-moz-box-flex: 0;
box-flex: 0;
}
+.content {
+ /* Force block formatting context so that elements are laid out
+ * "one after the other", see http://www.w3.org/TR/CSS21/visuren.html#block-formatting
+ *
+ * Fixes clipped content in Firefox.
+ *
+ */
+
+ overflow: hidden;
+}
.boxSpacer {
-webkit-box-flex: 1;
-moz-box-flex: 1;
@@ -1377,14 +1097,14 @@ html, body {
}
/* MAIN */
.root {
- background: #c5ccd3 url(../../icon/ios/pinstripes.png);
+ background: #c5ccd3 url(../icon/ios/pinstripes.png);
font-family: Helvetica;
color: #666;
font-weight: normal;
font-size: 0.8em;
}
.root > * {
- background: #c5ccd3 url(../../icon/ios/pinstripes.png);
+ background: #c5ccd3 url(../icon/ios/pinstripes.png);
}
.content {
padding: 10px;
@@ -1466,10 +1186,10 @@ ul li {
padding: 10px 25px 10px 10px;
}
ul li.arrow {
- background: url("../../icon/ios/arrow.png") no-repeat right center;
+ background: url("../icon/ios/arrow.png") no-repeat right center;
}
ul li.active.arrow, ul li.selected.arrow {
- background: url("../../icon/ios/arrow_pressed.png") no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#4583fd), to(#194ae4));
+ background: url("../icon/ios/arrow_pressed.png") no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#4583fd), to(#194ae4));
}
ul li.active, ul li.selected {
background: -webkit-gradient(linear, left top, left bottom, from(#4583fd), to(#194ae4));
@@ -1561,7 +1281,7 @@ input[type="checkbox"], input[type="radio"] {
.toggleButton > div {
margin: 0;
-webkit-border-radius: 5px;
- background: #ffffff url(../../icon/ios/on_off.png) 0 0 no-repeat;
+ background: #ffffff url(../icon/ios/on_off.png) 0 0 no-repeat;
height: 27px;
overflow: hidden;
width: 149px;
@@ -1645,19 +1365,19 @@ input[type="text"].invalid, input[type="password"].invalid, textarea.invalid {
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;
text-decoration: none;
background: none;
- -webkit-border-image: url(../../icon/ios/toolButton.png) 0 5 0 5;
+ -webkit-border-image: url(../icon/ios/toolButton.png) 0 5 0 5;
}
.navigationbar-button.active {
- -webkit-border-image: url(../../icon/ios/toolButton_pressed.png) 0 5 0 5;
+ -webkit-border-image: url(../icon/ios/toolButton_pressed.png) 0 5 0 5;
}
.navigationbar-backbutton {
padding: 0;
max-width: 55px;
border-width: 0 8px 0 14px;
- -webkit-border-image: url(../../icon/ios/backButton.png) 0 8 0 14;
+ -webkit-border-image: url(../icon/ios/backButton.png) 0 8 0 14;
}
.navigationbar-backbutton.active {
- -webkit-border-image: url(../../icon/ios/backButton_pressed.png) 0 8 0 14;
+ -webkit-border-image: url(../icon/ios/backButton_pressed.png) 0 8 0 14;
}
/* SCROLLBAR */
.scrollbarV {
@@ -1687,8 +1407,8 @@ input[type="checkbox"] {
background: -webkit-linear-gradient(top, #fefefe, #cecece);
}
input[type="checkbox"]:checked {
- background: url(../../icon/ios/checkbox.png) 50% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#353535), to(#8f8f8f)) 0px 0px no-repeat;
- background: url(../../icon/ios/checkbox.png) 50% 50% no-repeat, -webkit-linear-gradient(top, #353535, #8f8f8f) 0px 0px no-repeat;
+ background: url(../icon/ios/checkbox.png) 50% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#353535), to(#8f8f8f)) 0px 0px no-repeat;
+ background: url(../icon/ios/checkbox.png) 50% 50% no-repeat, -webkit-linear-gradient(top, #353535, #8f8f8f) 0px 0px no-repeat;
}
.disabled input[type="checkbox"]:disabled {
border: 2px solid #b8b8b8;
@@ -1763,7 +1483,7 @@ input[type="checkbox"]:checked {
.spinner {
height: 20px;
width: 20px;
- background-image: url(../../icon/ios/spinner.png);
+ background-image: url(../icon/ios/spinner.png);
-webkit-animation-name: spinnerRotate;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
View
24 framework/source/resource/qx/mobile/less/_ios.less
@@ -1,6 +1,6 @@
/* MAIN */
.root {
- background: rgb(197,204,211) url(../../icon/ios/pinstripes.png);
+ background: rgb(197,204,211) url(../icon/ios/pinstripes.png);
font-family: Helvetica;
color : #666;
font-weight:normal;
@@ -8,7 +8,7 @@
}
.root > * {
- background: rgb(197,204,211) url(../../icon/ios/pinstripes.png);
+ background: rgb(197,204,211) url(../icon/ios/pinstripes.png);
}
.content {
@@ -113,11 +113,11 @@ ul li * {
}
ul li.arrow {
- background: url("../../icon/ios/arrow.png") no-repeat right center;
+ background: url("../icon/ios/arrow.png") no-repeat right center;
}
ul li.active.arrow, ul li.selected.arrow {
- background: url("../../icon/ios/arrow_pressed.png") no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#4583fd), to(#194ae4));
+ background: url("../icon/ios/arrow_pressed.png") no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#4583fd), to(#194ae4));
}
ul li.active, ul li.selected {
@@ -229,7 +229,7 @@ input[type="checkbox"], input[type="radio"] {
.toggleButton > div {
margin: 0;
-webkit-border-radius: 5px;
- background: #fff url(../../icon/ios/on_off.png) 0 0 no-repeat;
+ background: #fff url(../icon/ios/on_off.png) 0 0 no-repeat;
height: 27px;
overflow: hidden;
width: 149px;
@@ -331,22 +331,22 @@ input[type="text"].invalid, input[type="password"].invalid, textarea.invalid {
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;
text-decoration: none;
background: none;
- -webkit-border-image: url(../../icon/ios/toolButton.png) 0 5 0 5;
+ -webkit-border-image: url(../icon/ios/toolButton.png) 0 5 0 5;
}
.navigationbar-button.active {
- -webkit-border-image: url(../../icon/ios/toolButton_pressed.png) 0 5 0 5;
+ -webkit-border-image: url(../icon/ios/toolButton_pressed.png) 0 5 0 5;
}
.navigationbar-backbutton {
padding: 0;
max-width: 55px;
border-width: 0 8px 0 14px;
- -webkit-border-image: url(../../icon/ios/backButton.png) 0 8 0 14;
+ -webkit-border-image: url(../icon/ios/backButton.png) 0 8 0 14;
}
.navigationbar-backbutton.active {
- -webkit-border-image: url(../../icon/ios/backButton_pressed.png) 0 8 0 14;
+ -webkit-border-image: url(../icon/ios/backButton_pressed.png) 0 8 0 14;
}
@@ -380,8 +380,8 @@ input[type="checkbox"] {
}
input[type="checkbox"]:checked {
- background: url(../../icon/ios/checkbox.png) 50% 50% no-repeat, -webkit-gradient(linear,left top,left bottom,from(#353535), to(#8f8f8f)) 0px 0px no-repeat;
- background: url(../../icon/ios/checkbox.png) 50% 50% no-repeat, -webkit-linear-gradient(top, #353535, #8f8f8f) 0px 0px no-repeat;
+ background: url(../icon/ios/checkbox.png) 50% 50% no-repeat, -webkit-gradient(linear,left top,left bottom,from(#353535), to(#8f8f8f)) 0px 0px no-repeat;
+ background: url(../icon/ios/checkbox.png) 50% 50% no-repeat, -webkit-linear-gradient(top, #353535, #8f8f8f) 0px 0px no-repeat;
}
.disabled input[type="checkbox"]:disabled {
@@ -467,7 +467,7 @@ input[type="checkbox"]:checked {
.spinner {
height: 20px;
width: 20px;
- background-image: url(../../icon/ios/spinner.png);
+ background-image: url(../icon/ios/spinner.png);
-webkit-animation-name: spinnerRotate;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
Please sign in to comment.
Something went wrong with that request. Please try again.