diff --git a/files/assets/css/awards.css b/files/assets/css/awards.css index 1c9a96bb8..a2995c69b 100644 --- a/files/assets/css/awards.css +++ b/files/assets/css/awards.css @@ -176,3 +176,73 @@ .tilt-comment-4 { transform: rotate(4deg); } + +.rainbow-text:not(a), h1.rainbow-text.post-title a { + background: repeating-linear-gradient( + 135deg, + 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), h1.queen.post-title a { + color: hotpink !important; + font-weight: 700 !important; + text-transform: lowercase !important; +} + +.sharpen:not(a), h1.sharpen.post-title a { + color: red !important; + font-weight: bold !important; + font-style: italic !important; +} + +.sharpen-0:after { + background: url("/i/sharpen/0.webp?x=6"); +} +.sharpen-1:after { + background: url("/i/sharpen/1.webp?x=6"); +} +.sharpen-2:after { + background: url("/i/sharpen/2.webp?x=6"); +} +.sharpen-3:after { + background: url("/i/sharpen/3.webp?x=6"); +} +.sharpen-4:after { + background: url("/i/sharpen/4.webp?x=6"); +} +.sharpen-5:after { + background: url("/i/sharpen/5.webp?x=6"); +} +.sharpen-6:after { + background: url("/i/sharpen/6.webp?x=6"); +} +.sharpen-7:after { + background: url("/i/sharpen/7.webp?x=6"); +} +.sharpen-8:after { + background: url("/i/sharpen/8.webp?x=6"); +} +.sharpen-9:after { + background: url("/i/sharpen/9.webp?x=6"); +} + +.rainbow-text:not(a) > p { + color: transparent !important; +} + +.rainbow-text del { + color: var(--black); + font-weight: 400; +} diff --git a/files/assets/css/main.css b/files/assets/css/main.css index 5eaa300a2..f1902f705 100644 --- a/files/assets/css/main.css +++ b/files/assets/css/main.css @@ -6667,71 +6667,6 @@ g { margin-right: 10px; } -.rainbow-text:not(a), h1.rainbow-text.post-title a { - background: repeating-linear-gradient( - 135deg, - 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), h1.queen.post-title a { - color: hotpink !important; - font-weight: 700 !important; - text-transform: lowercase !important; -} - -.sharpen:not(a), h1.sharpen.post-title a { - color: red !important; - font-weight: bold !important; - font-style: italic !important; -} - -.sharpen-0:after { - background: url("/i/sharpen/0.webp?x=6"); -} -.sharpen-1:after { - background: url("/i/sharpen/1.webp?x=6"); -} -.sharpen-2:after { - background: url("/i/sharpen/2.webp?x=6"); -} -.sharpen-3:after { - background: url("/i/sharpen/3.webp?x=6"); -} -.sharpen-4:after { - background: url("/i/sharpen/4.webp?x=6"); -} -.sharpen-5:after { - background: url("/i/sharpen/5.webp?x=6"); -} -.sharpen-6:after { - background: url("/i/sharpen/6.webp?x=6"); -} -.sharpen-7:after { - background: url("/i/sharpen/7.webp?x=6"); -} -.sharpen-8:after { - background: url("/i/sharpen/8.webp?x=6"); -} -.sharpen-9:after { - background: url("/i/sharpen/9.webp?x=6"); -} - -.rainbow-text:not(a) > p { - color: transparent !important; -} - .btn-rainbow { color:white !important; background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet) !important; @@ -7612,11 +7547,6 @@ body { overflow-x: hidden; } -.rainbow-text del { - color: var(--black); - font-weight: 400; -} - .toggle-reply-mobile > i { margin-top: 0.35rem !important; }