tstyle.css: remove resource-hungry color animation of welcome banner - adamsgaa… | |
git clone git://src.adamsgaard.dk/adamsgaard.dk | |
Log | |
Files | |
Refs | |
README | |
LICENSE | |
--- | |
commit d2be7475df969bb9fc21d7ff4c80b043b7db0c20 | |
parent dc57d5bcd3f00e53e7ec30d74f02c5fb2f5c5009 | |
Author: Anders Damsgaard <[email protected]> | |
Date: Wed, 9 Dec 2020 11:05:58 +0100 | |
style.css: remove resource-hungry color animation of welcome banner | |
Diffstat: | |
M style.css | 60 +----------------------------… | |
1 file changed, 1 insertion(+), 59 deletions(-) | |
--- | |
diff --git a/style.css b/style.css | |
t@@ -88,11 +88,7 @@ li { | |
} | |
.welcome { | |
white-space: pre; | |
- -webkit-animation: color-change 5s infinite; | |
- -moz-animation: color-change 5s infinite; | |
- -o-animation: color-change 5s infinite; | |
- -ms-animation: color-change 5s infinite; | |
- animation: color-change 5s infinite; | |
+ color: #5f5; | |
} | |
.btn { | |
display: incline-block; | |
t@@ -151,60 +147,6 @@ a { | |
} .hidden { | |
display: none; | |
} | |
- | |
-@-webkit-keyframes color-change { | |
- 0% { color: #5f5; } | |
- 40% { color: #5f5; } | |
- 49% { color: #55f; } | |
- 50% { color: #f5f; } | |
- 90% { color: #f5f; } | |
- 100% { color: #55f; } | |
-} | |
- | |
-@-moz-keyframes color-change { | |
- 0% { color: #5f5; } | |
- 40% { color: #5f5; } | |
- 49% { color: #55f; } | |
- 50% { color: #f5f; } | |
- 90% { color: #f5f; } | |
- 100% { color: #55f; } | |
-} | |
- | |
-@-moz-keyframes color-change { | |
- 0% { color: #5f5; } | |
- 40% { color: #5f5; } | |
- 49% { color: #55f; } | |
- 50% { color: #f5f; } | |
- 90% { color: #f5f; } | |
- 100% { color: #55f; } | |
-} | |
- | |
-@-ms-keyframes color-change { | |
- 0% { color: #5f5; } | |
- 40% { color: #5f5; } | |
- 49% { color: #55f; } | |
- 50% { color: #f5f; } | |
- 90% { color: #f5f; } | |
- 100% { color: #55f; } | |
-} | |
- | |
-@-o-keyframes color-change { | |
- 0% { color: #5f5; } | |
- 40% { color: #5f5; } | |
- 49% { color: #55f; } | |
- 50% { color: #f5f; } | |
- 90% { color: #f5f; } | |
- 100% { color: #55f; } | |
-} | |
- | |
-@keyframes color-change { | |
- 0% { color: #5f5; } | |
- 40% { color: #5f5; } | |
- 49% { color: #55f; } | |
- 50% { color: #f5f; } | |
- 90% { color: #f5f; } | |
- 100% { color: #55f; } | |
-} | |
.mediaframe { | |
max-width: 300px; | |
max-height: 200px; |