diff --git a/files/assets/css/main.css b/files/assets/css/main.css index 76f8561c0..d79d8e0df 100644 --- a/files/assets/css/main.css +++ b/files/assets/css/main.css @@ -6668,11 +6668,21 @@ g { } .rainbow-text:not(a) { - background-image: repeating-linear-gradient(135deg, violet, rgb(178, 94, 238), lightblue, green, yellow, orange, #ff7f7f 50%) !important; + background: repeating-linear-gradient( + 45deg, + violet, + rgb(178, 94, 238) 20px, + lightblue 40px, + green 60px, + yellow 80px, + orange 100px, + #ff7f7f 120px + ); color: transparent !important; font-weight: 700 !important; background-clip: text !important; -webkit-background-clip: text !important; + animation: 60s linear 0s infinite move-colors; } .queen:not(a):not(.ectoplasm) { @@ -7684,3 +7694,8 @@ ul { background: #3d3d3d; } } + +@keyframes move-colors { + from {background-position: 0px;} + to {background-position: 1000px;} +} diff --git a/files/assets/events/fistmas/css/candycane.css b/files/assets/events/fistmas/css/candycane.css index 333c6dc8a..51d75bd13 100644 --- a/files/assets/events/fistmas/css/candycane.css +++ b/files/assets/events/fistmas/css/candycane.css @@ -1,6 +1,6 @@ #post-title, #post-content p { - --color2: #cc4145; --color1: rgb(12, 128, 101); + --color2: #cc4145; font-family: "Open Sans", sans-serif; background: repeating-linear-gradient( 45deg, var(--color2), var(--color2) 10px, @@ -9,7 +9,7 @@ background-clip: text; color: transparent; -webkit-background-clip: text; - animation: 45s linear 0s infinite candy-corn-move; + animation: 45s linear 0s infinite move-colors; } #post-title a { @@ -19,8 +19,3 @@ #post-title:hover, #post-content p:hover { animation-duration: 10s; } - -@keyframes candy-corn-move { - from {background-position: 0px;} - to {background-position: 1000px;} -} diff --git a/files/assets/events/homoween/css/main_homoween.css b/files/assets/events/homoween/css/main_homoween.css index fc468f7d3..515436c1e 100644 --- a/files/assets/events/homoween/css/main_homoween.css +++ b/files/assets/events/homoween/css/main_homoween.css @@ -501,7 +501,7 @@ body::after { background-clip: text; color: transparent !important; -webkit-background-clip: text; - animation: 32s linear 0s infinite candy-corn-move; + animation: 32s linear 0s infinite move-colors; } .candy-corn:not(a) > p { @@ -516,15 +516,6 @@ body::after { animation-duration: 10s; } -@keyframes candy-corn-move { - from { - background-position: 0px; - } - to { - background-position: 1000px; - } -} - /* Ectoplasm */ .ectoplasm { text-shadow: 0 0 20px #3AE63A;