adamsgaard.dk

my academic webpage
git clone git://src.adamsgaard.dk/adamsgaard.dk # fast
git clone https://src.adamsgaard.dk/adamsgaard.dk.git # slow
Log | Files | Refs | README | LICENSE Back to index

commit d2be7475df969bb9fc21d7ff4c80b043b7db0c20
parent dc57d5bcd3f00e53e7ec30d74f02c5fb2f5c5009
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:
Mstyle.css | 60+-----------------------------------------------------------
1 file changed, 1 insertion(+), 59 deletions(-)

diff --git a/style.css b/style.css @@ -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; @@ -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;