Skip to content

Commit 8779c6f

Browse files
jouk0jouk0
committed
Edited themes/default/jquery.mobile.transitions.css via GitHub
1 parent 584e307 commit 8779c6f

File tree

1 file changed

+132
-1
lines changed

1 file changed

+132
-1
lines changed

‎themes/default/jquery.mobile.transitions.css‎

Lines changed: 132 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,141 +9,214 @@
99
-webkit-animation-duration: 1s;
1010
-webkit-animation-iteration-count: infinite;
1111
-webkit-animation-timing-function: linear;
12+
-moz-transform: rotate(360deg);
13+
-moz-animation-name: spin;
14+
-moz-animation-duration: 1s;
15+
-moz-animation-iteration-count: infinite;
16+
-moz-animation-timing-function: linear;
1217
}
1318
@-webkit-keyframes spin {
1419
from {-webkit-transform: rotate(0deg);}
1520
to {-webkit-transform: rotate(360deg);}
1621
}
22+
@-moz-keyframes spin {
23+
from {-moz-transform: rotate(0deg);}
24+
to {-moz-transform: rotate(360deg);}
25+
}
1726

1827
/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
1928
Built by David Kaneda and maintained by Jonathan Stark.
2029
*/
2130
.in, .out {
2231
-webkit-animation-timing-function: ease-in-out;
2332
-webkit-animation-duration: 350ms;
33+
-moz-animation-timing-function: ease-in-out;
34+
-moz-animation-duration: 350ms;
2435
}
2536

2637
.slide.in {
2738
-webkit-transform: translateX(0);
2839
-webkit-animation-name: slideinfromright;
40+
-moz-transform: translateX(0);
41+
-moz-animation-name: slideinfromright;
2942
}
3043

3144
.slide.out {
3245
-webkit-transform: translateX(-100%);
3346
-webkit-animation-name: slideouttoleft;
47+
-moz-transform: translateX(-100%);
48+
-moz-animation-name: slideouttoleft;
3449
}
3550

3651
.slide.in.reverse {
3752
-webkit-transform: translateX(0);
3853
-webkit-animation-name: slideinfromleft;
54+
-moz-transform: translateX(0);
55+
-moz-animation-name: slideinfromleft;
3956
}
4057

4158
.slide.out.reverse {
4259
-webkit-transform: translateX(100%);
4360
-webkit-animation-name: slideouttoright;
61+
-moz-transform: translateX(100%);
62+
-moz-animation-name: slideouttoright;
4463
}
4564

4665
.slideup.in {
4766
-webkit-transform: translateY(0);
4867
-webkit-animation-name: slideinfrombottom;
68+
-moz-transform: translateY(0);
69+
-moz-animation-name: slideinfrombottom;
4970
z-index: 10;
5071
}
5172

5273
.slideup.out {
5374
-webkit-animation-name: dontmove;
75+
-moz-animation-name: dontmove;
5476
z-index: 0;
5577
}
5678

5779
.slideup.out.reverse {
5880
-webkit-transform: translateY(100%);
81+
-moz-transform: translateY(100%);
5982
z-index: 10;
6083
-webkit-animation-name: slideouttobottom;
84+
-moz-animation-name: slideouttobottom;
6185
}
6286

6387
.slideup.in.reverse {
6488
z-index: 0;
65-
-webkit-animation-name: dontmove;
89+
-moz-animation-name: dontmove;
90+
-moz-animation-name: dontmove;
6691
}
6792
.slidedown.in {
6893
-webkit-transform: translateY(0);
6994
-webkit-animation-name: slideinfromtop;
95+
-moz-transform: translateY(0);
96+
-moz-animation-name: slideinfromtop;
7097
z-index: 10;
7198
}
7299

73100
.slidedown.out {
74101
-webkit-animation-name: dontmove;
102+
-moz-animation-name: dontmove;
75103
z-index: 0;
76104
}
77105

78106
.slidedown.out.reverse {
79107
-webkit-transform: translateY(-100%);
108+
-moz-transform: translateY(-100%);
80109
z-index: 10;
81110
-webkit-animation-name: slideouttotop;
111+
-moz-animation-name: slideouttotop;
82112
}
83113

84114
.slidedown.in.reverse {
85115
z-index: 0;
86116
-webkit-animation-name: dontmove;
117+
-moz-animation-name: dontmove;
87118
}
88119

89120
@-webkit-keyframes slideinfromright {
90121
from { -webkit-transform: translateX(100%); }
91122
to { -webkit-transform: translateX(0); }
92123
}
124+
@-moz-keyframes slideinfromright {
125+
from { -moz-transform: translateX(100%); }
126+
to { -moz-transform: translateX(0); }
127+
}
93128

94129
@-webkit-keyframes slideinfromleft {
95130
from { -webkit-transform: translateX(-100%); }
96131
to { -webkit-transform: translateX(0); }
97132
}
133+
@-moz-keyframes slideinfromleft {
134+
from { -moz-transform: translateX(-100%); }
135+
to { -moz-transform: translateX(0); }
136+
}
98137

99138
@-webkit-keyframes slideouttoleft {
100139
from { -webkit-transform: translateX(0); }
101140
to { -webkit-transform: translateX(-100%); }
102141
}
142+
@-moz-keyframes slideouttoleft {
143+
from { -moz-transform: translateX(0); }
144+
to { -moz-transform: translateX(-100%); }
145+
}
103146

104147
@-webkit-keyframes slideouttoright {
105148
from { -webkit-transform: translateX(0); }
106149
to { -webkit-transform: translateX(100%); }
107150
}
151+
@-moz-keyframes slideouttoright {
152+
from { -moz-transform: translateX(0); }
153+
to { -moz-transform: translateX(100%); }
154+
}
108155

109156

110157
@-webkit-keyframes slideinfromtop {
111158
from { -webkit-transform: translateY(-100%); }
112159
to { -webkit-transform: translateY(0); }
113160
}
161+
@-moz-keyframes slideinfromtop {
162+
from { -moz-transform: translateY(-100%); }
163+
to { -moz-transform: translateY(0); }
164+
}
114165

115166
@-webkit-keyframes slideinfrombottom {
116167
from { -webkit-transform: translateY(100%); }
117168
to { -webkit-transform: translateY(0); }
118169
}
170+
@-moz-keyframes slideinfrombottom {
171+
from { -moz-transform: translateY(100%); }
172+
to { -moz-transform: translateY(0); }
173+
}
119174

120175
@-webkit-keyframes slideouttobottom {
121176
from { -webkit-transform: translateY(0); }
122177
to { -webkit-transform: translateY(100%); }
123178
}
179+
@-moz-keyframes slideouttobottom {
180+
from { -moz-transform: translateY(0); }
181+
to { -moz-transform: translateY(100%); }
182+
}
124183

125184
@-webkit-keyframes slideouttotop {
126185
from { -webkit-transform: translateY(0); }
127186
to { -webkit-transform: translateY(-100%); }
128187
}
188+
@-moz-keyframes slideouttotop {
189+
from { -moz-transform: translateY(0); }
190+
to { -moz-transform: translateY(-100%); }
191+
}
129192
@-webkit-keyframes fadein {
130193
from { opacity: 0; }
131194
to { opacity: 1; }
132195
}
196+
@-moz-keyframes fadein {
197+
from { opacity: 0; }
198+
to { opacity: 1; }
199+
}
133200

134201
@-webkit-keyframes fadeout {
135202
from { opacity: 1; }
136203
to { opacity: 0; }
137204
}
205+
@-moz-keyframes fadeout {
206+
from { opacity: 1; }
207+
to { opacity: 0; }
208+
}
138209

139210
.fade.in {
140211
opacity: 1;
141212
z-index: 10;
142213
-webkit-animation-name: fadein;
214+
-moz-animation-name: fadein;
143215
}
144216
.fade.out {
145217
z-index: 0;
146218
-webkit-animation-name: fadeout;
219+
-moz-animation-name: fadeout;
147220
}
148221

149222
/* The properties in this rule are only necessary for the 'flip' transition.
@@ -154,6 +227,7 @@ Built by David Kaneda and maintained by Jonathan Stark.
154227
*/
155228
.viewport-flip {
156229
-webkit-perspective: 1000;
230+
-moz-perspective: 1000;
157231
position: absolute;
158232
}
159233

@@ -168,49 +242,76 @@ Built by David Kaneda and maintained by Jonathan Stark.
168242
-webkit-animation-duration: .65s;
169243
-webkit-backface-visibility:hidden;
170244
-webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
245+
-moz-animation-duration: .65s;
246+
-moz-backface-visibility:hidden;
247+
-moz-transform:translateX(0);
171248
}
172249

173250
.flip.in {
174251
-webkit-transform: rotateY(0) scale(1);
175252
-webkit-animation-name: flipinfromleft;
253+
-moz-transform: rotateY(0) scale(1);
254+
-moz-animation-name: flipinfromleft;
176255
}
177256

178257
.flip.out {
179258
-webkit-transform: rotateY(-180deg) scale(.8);
180259
-webkit-animation-name: flipouttoleft;
260+
-moz-transform: rotateY(-180deg) scale(.8);
261+
-moz-animation-name: flipouttoleft;
181262
}
182263

183264
/* Shake it all about */
184265

185266
.flip.in.reverse {
186267
-webkit-transform: rotateY(0) scale(1);
187268
-webkit-animation-name: flipinfromright;
269+
-moz-transform: rotateY(0) scale(1);
270+
-moz-animation-name: flipinfromright;
188271
}
189272

190273
.flip.out.reverse {
191274
-webkit-transform: rotateY(180deg) scale(.8);
192275
-webkit-animation-name: flipouttoright;
276+
-moz-transform: rotateY(180deg) scale(.8);
277+
-moz-animation-name: flipouttoright;
193278
}
194279

195280
@-webkit-keyframes flipinfromright {
196281
from { -webkit-transform: rotateY(-180deg) scale(.8); }
197282
to { -webkit-transform: rotateY(0) scale(1); }
198283
}
284+
@-moz-keyframes flipinfromright {
285+
from { -moz-transform: rotateY(-180deg) scale(.8); }
286+
to { -moz-transform: rotateY(0) scale(1); }
287+
}
199288

200289
@-webkit-keyframes flipinfromleft {
201290
from { -webkit-transform: rotateY(180deg) scale(.8); }
202291
to { -webkit-transform: rotateY(0) scale(1); }
203292
}
293+
@-moz-keyframes flipinfromleft {
294+
from { -moz-transform: rotateY(180deg) scale(.8); }
295+
to { -moz-transform: rotateY(0) scale(1); }
296+
}
204297

205298
@-webkit-keyframes flipouttoleft {
206299
from { -webkit-transform: rotateY(0) scale(1); }
207300
to { -webkit-transform: rotateY(-180deg) scale(.8); }
208301
}
302+
@-moz-keyframes flipouttoleft {
303+
from { -moz-transform: rotateY(0) scale(1); }
304+
to { -moz-transform: rotateY(-180deg) scale(.8); }
305+
}
209306

210307
@-webkit-keyframes flipouttoright {
211308
from { -webkit-transform: rotateY(0) scale(1); }
212309
to { -webkit-transform: rotateY(180deg) scale(.8); }
213310
}
311+
@-moz-keyframes flipouttoright {
312+
from { -moz-transform: rotateY(0) scale(1); }
313+
to { -moz-transform: rotateY(180deg) scale(.8); }
314+
}
214315

215316

216317
/* Hackish, but reliable. */
@@ -219,28 +320,38 @@ Built by David Kaneda and maintained by Jonathan Stark.
219320
from { opacity: 1; }
220321
to { opacity: 1; }
221322
}
323+
@-moz-keyframes dontmove {
324+
from { opacity: 1; }
325+
to { opacity: 1; }
326+
}
222327

223328
.pop {
224329
-webkit-transform-origin: 50% 50%;
330+
-moz-transform-origin: 50% 50%;
225331
}
226332

227333
.pop.in {
228334
-webkit-transform: scale(1);
335+
-moz-transform: scale(1);
229336
opacity: 1;
230337
-webkit-animation-name: popin;
338+
-moz-animation-name: popin;
231339
z-index: 10;
232340
}
233341

234342
.pop.out.reverse {
235343
-webkit-transform: scale(.2);
344+
-moz-transform: scale(.2);
236345
opacity: 0;
237346
-webkit-animation-name: popout;
347+
-moz-animation-name: popout;
238348
z-index: 10;
239349
}
240350

241351
.pop.in.reverse {
242352
z-index: 0;
243353
-webkit-animation-name: dontmove;
354+
-moz-animation-name: dontmove;
244355
}
245356

246357
@-webkit-keyframes popin {
@@ -253,6 +364,16 @@ Built by David Kaneda and maintained by Jonathan Stark.
253364
opacity: 1;
254365
}
255366
}
367+
@-moz-keyframes popin {
368+
from {
369+
-moz-transform: scale(.2);
370+
opacity: 0;
371+
}
372+
to {
373+
-moz-transform: scale(1);
374+
opacity: 1;
375+
}
376+
}
256377

257378
@-webkit-keyframes popout {
258379
from {
@@ -263,4 +384,14 @@ Built by David Kaneda and maintained by Jonathan Stark.
263384
-webkit-transform: scale(.2);
264385
opacity: 0;
265386
}
387+
}
388+
@-moz-keyframes popout {
389+
from {
390+
-moz-transform: scale(1);
391+
opacity: 1;
392+
}
393+
to {
394+
-moz-transform: scale(.2);
395+
opacity: 0;
396+
}
266397
}

0 commit comments

Comments
 (0)