| Index: design/donate.css |
| =================================================================== |
| new file mode 100644 |
| --- /dev/null |
| +++ b/design/donate.css |
| @@ -0,0 +1,46 @@ |
| +@keyframes donate_animate |
| +{ |
| + 0% { opacity: 0; } |
| + 25% { opacity: 0; } |
| + 45% { opacity: 1; } |
| + 85% { opacity: 1; } |
| + 100% { opacity: 0.5; } |
| +} |
| +#donate { |
| + margin: 0px; |
| + position:fixed; |
| + bottom: 3px; |
| + left: 3px; |
| +} |
| +#donate img { |
| + transition: opacity 0.5s ease-in; |
| + opacity: 0.5; |
| + animation: donate_animate 12s ease-in; |
| +} |
| +#donate img:hover { |
| + opacity:1; |
| +} |
| +@keyframes arrow_animate |
| +{ |
| + 0% { |
| + opacity: 0.75; |
| + top: -30px; |
| + } |
| + 100% { |
| + opacity: 0; |
| + top: 80%; |
| + } |
| +} |
| +#arrow { |
| + top: -30px; |
| + opacity: 0.7; |
| + width: 0; |
| + height: 0; |
| + border-left: 30px solid transparent; |
| + border-right: 30px solid transparent; |
| + border-top: 30px solid #0099CC; |
| + position:fixed; |
| + left: 20px; |
| + animation: arrow_animate 5s ease-in; |
| + /*animation-delay: 0s;*/ |
| +} |