nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

landing fixes for moz [ci skip]

Browse source
This commit is contained in:
danielgrippi 2012-05-11 02:19:46 -07:00
parent 4b8cd8eb23
commit 7423dd095f
2 changed files with 30 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
app/assets/stylesheets/new_styles/_landing.scss
View file

@ -1,35 +1,36 @@
/* animations */ /* animations */
@-webkit-keyframes fly-in { @-webkit-keyframes fly-in {
0% { @include opacity(0); margin-top : -600px; } 0% { @include opacity(0); margin-top : -600px; }
100% { @include opacity(1); margin-top : auto; } 100% { @include opacity(1); margin-top : 0; }
} }
@-moz-keyframes fly-in { @-moz-keyframes fly-in {
0% { @include opacity(0); margin-top : -600px; } 0% { @include opacity(0); margin-top : -600px; }
100% { @include opacity(1); margin-top : auto; } 100% { @include opacity(1); margin-top : 0; }
} }
@-ms-keyframes fly-in { @-ms-keyframes fly-in {
0% { @include opacity(0); margin-top : -600px; } 0% { @include opacity(0); margin-top : -600px; }
100% { @include opacity(1); margin-top : auto; } 100% { @include opacity(1); margin-top : 0; }
} }
@-webkit-keyframes fly-out { @-webkit-keyframes fly-out {
0% { @include opacity(1); margin-top : auto; } 0% { @include opacity(1); margin-top : 0; }
50% { @include opacity(0); } 50% { @include opacity(0); }
100% { @include opacity(0); margin-top : 500px; } 100% { @include opacity(0); margin-top : 500px; }
} }
@-moz-keyframes fly-out { @-moz-keyframes fly-out {
0% { @include opacity(1); margin-top : auto; } 0% { @include opacity(1); margin-top : 0; }
50% { @include opacity(0); } 50% { @include opacity(0); }
100% { @include opacity(0); margin-top : 500px; } 100% { @include opacity(0); margin-top : 500px; }
} }
@-ms-keyframes fly-out { @-ms-keyframes fly-out {
0% { @include opacity(1); margin-top : auto; } 0% { @include opacity(1); margin-top : 0; }
50% { @include opacity(0); } 50% { @include opacity(0); }
100% { @include opacity(0); margin-top : 500px; } 100% { @include opacity(0); margin-top : 500px; }
} }
/* le declarations */ /* le declarations */
#landing { #landing {
overflow : hidden;
position : absolute; position : absolute;
min-height : 100%; min-height : 100%;
width : 100%; width : 100%;
@ -109,36 +110,46 @@
#screens { #screens {
/* hardware acceleration */ /* hardware acceleration */
-webkit-transform : translateZ(0); -webkit-transform : translateZ(0);
-moz-transform : translateZ(0);
text-align : center; text-align : center;
#s_container { #s_container {
display : inline-block; display : inline-block;
position : relative;
height : 417px; height : 417px;
width : 516px; width : 516px;
img { img {
position : absolute; position : absolute;
z-index : 1; z-index : 1;
left : 0;
top : 0;
height : 417px; height : 417px;
width : 516px; width : 516px;
&:nth-child(1) { &:nth-child(1) {
-webkit-animation : fly-in 1.2s; -webkit-animation : fly-in 1.2s;
-moz-animation : fly-in 1.2s;
-ms-animation : fly-in 1.2s;
} }
&:nth-child(2) { &:nth-child(2) {
-webkit-animation : fly-in 1s; -webkit-animation : fly-in 1s;
-moz-animation : fly-in 1s;
-ms-animation : fly-in 1s;
} }
&:nth-child(3) { &:nth-child(3) {
-webkit-animation : fly-in 0.8s; -webkit-animation : fly-in 0.8s;
-moz-animation : fly-in 0.8s;
-ms-animation : fly-in 0.8s;
} }
&:nth-child(4) { &:nth-child(4) {
-webkit-animation : fly-in 0.6s; -webkit-animation : fly-in 0.6s;
-moz-animation : fly-in 0.6s;
-ms-animation : fly-in 0.6s;
} }
} }
@ -146,18 +157,27 @@
img { img {
&:nth-child(1) { &:nth-child(1) {
-webkit-animation : fly-out 1.2s; -webkit-animation : fly-out 1.2s;
-moz-animation : fly-out 1.2s;
-ms-animation : fly-out 0.6s;
} }
&:nth-child(2) { &:nth-child(2) {
-webkit-animation : fly-out 1s; -webkit-animation : fly-out 1s;
-moz-animation : fly-out 1s;
-ms-animation : fly-out 1s;
} }
&:nth-child(3) { &:nth-child(3) {
-webkit-animation : fly-out 0.8s; -webkit-animation : fly-out 0.8s;
-moz-animation : fly-out 0.8s;
-ms-animation : fly-out 0.8s;
} }
&:nth-child(4) { &:nth-child(4) {
-webkit-animation : fly-out 0.6s; -webkit-animation : fly-out 0.6s;
-moz-animation : fly-out 0.6s;
-ms-animation : fly-out 0.6s;
} }
} }
} }

BIN
public/icon_128.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.2 KiB