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;*/ |
+} |