add more UI tuning

This commit is contained in:
Michael Chen
2011-05-27 00:26:50 +08:00
parent 14319cf647
commit 61925ed6e2
4 changed files with 123 additions and 27 deletions
+34 -1
View File
@@ -31,7 +31,7 @@ article img {
display: block;
width: 50%;
margin: 0 auto;
padding-bottom: 20px;
margin-bottom: 40px;
border: none;
z-index: -1;
-webkit-box-reflect: below 1px
@@ -41,6 +41,7 @@ article img {
.content {
text-shadow: 0px 1px 1px #111;
z-index: 100;
line-height: 160%;
}
article .from {
@@ -58,6 +59,38 @@ article .from {
margin-left: 500px;
}
@keyframes fadeInOut {
0% {
opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}
#loading {
font-size: 72px;
width: 100%;
text-align: center;
position: absolute;
top: 200px;
z-index: 50px;
-webkit-transition: opacity 1s ease-in-out;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 3s;
-webkit-animation-direction: alternate;
}
footer {
position: fixed;
bottom: 0;