tstyle.css: remove resource-hungry color animation of welcome banner - adamsgaard.dk - my academic webpage
(HTM) git clone git://src.adamsgaard.dk/adamsgaard.dk
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) README
(DIR) LICENSE
---
(DIR) commit d2be7475df969bb9fc21d7ff4c80b043b7db0c20
(DIR) parent dc57d5bcd3f00e53e7ec30d74f02c5fb2f5c5009
(HTM) Author: Anders Damsgaard <anders@adamsgaard.dk>
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(-)
---
(DIR) 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;