From 233a2719c13e296311fb91cfb26a4f7582257e43 Mon Sep 17 00:00:00 2001 From: Ashley Date: Thu, 23 Feb 2023 18:32:36 +0000 Subject: [PATCH] update stuff :p --- css/poketube.css | 31 +++++++++++++++++++++++++------ 1 file changed, 25 insertions(+), 6 deletions(-) diff --git a/css/poketube.css b/css/poketube.css index b3e8ed70..fa9b6c77 100644 --- a/css/poketube.css +++ b/css/poketube.css @@ -244,11 +244,17 @@ a.avatar { white-space: nowrap; } -.comment-list.left-padding:hover { - border: white solid; - cursor:pointer; +.comment-list.left-padding { + transition-duration: 150ms; } +.comment-list.left-padding:hover { + filter: drop-shadow(0 0 0.75rem var(--text-link)); + transition-duration: 150ms; +} + + + .comments-author.owner { margin: 5px; font-family: var(--text-font-primary); @@ -428,11 +434,12 @@ a.avatar { } .video > .thumbnail { - border: 1px gray solid; + border: 1px white solid; } .video:hover > .thumbnail { - border: 1px white solid; + border: 1px var(--text-link) solid; + transition-duration: 150ms; } .video-player-container { @@ -607,9 +614,21 @@ a.new-button:hover { } .subscribe-button:hover { - background: #f2ebeb; + animation: animateBg 2s infinite linear; + background-color: #fff; + background-image: linear-gradient(90deg, #da3287, #ffde5e, #da3287, #ffde5e); + background-size: 300% 100%; + box-shadow: 0 3px 14px #000; cursor: pointer; } +@keyframes animateBg { + 0% { + background-position: 0 0; + } + 100% { + background-position: 100% 0; + } +} @media screen and (max-width: 1340px) { .new-button.button-encryption {