diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index 4e69b37..2c3fd34 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -2328,26 +2328,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu .app-body :is(.reply-indicator__content, .status__content):not(:has(> .status__content__text--visible)):has(> p:first-child .status__content__spoiler-link) + .media-gallery { margin-top: 5px; } -@keyframes scroll { - from { - background-position-x: 0; - } - to { - background-position-x: 500%; - } -} .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link { background-color: transparent; background-image: var(--squigly); - background-position: center 35px; + background-position: 0 37px; background-repeat: repeat-x; width: 100%; - margin: -20px 0 0; - padding: 25px 0 5px; + margin: -22px 0 0; + padding: 27px 0 5px; text-align: end; + transition: background-position 1s; } .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover { - animation: scroll linear 50s infinite; + background-position-x: 10%; } .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link span { background-color: var(--color-content-bg); diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 3cac5d2..4031479 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -2328,26 +2328,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu .app-body :is(.reply-indicator__content, .status__content):not(:has(> .status__content__text--visible)):has(> p:first-child .status__content__spoiler-link) + .media-gallery { margin-top: 5px; } -@keyframes scroll { - from { - background-position-x: 0; - } - to { - background-position-x: 500%; - } -} .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link { background-color: transparent; background-image: var(--squigly); - background-position: center 35px; + background-position: 0 37px; background-repeat: repeat-x; width: 100%; - margin: -20px 0 0; - padding: 25px 0 5px; + margin: -22px 0 0; + padding: 27px 0 5px; text-align: end; + transition: background-position 1s; } .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover { - animation: scroll linear 50s infinite; + background-position-x: 10%; } .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link span { background-color: var(--color-content-bg); diff --git a/TangerineUI.css b/TangerineUI.css index cd7a1e7..af49de2 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -2329,26 +2329,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu .app-body :is(.reply-indicator__content, .status__content):not(:has(> .status__content__text--visible)):has(> p:first-child .status__content__spoiler-link) + .media-gallery { margin-top: 5px; } -@keyframes scroll { - from { - background-position-x: 0; - } - to { - background-position-x: 500%; - } -} .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link { background-color: transparent; background-image: var(--squigly); - background-position: center 35px; + background-position: 0 37px; background-repeat: repeat-x; width: 100%; - margin: -20px 0 0; - padding: 25px 0 5px; + margin: -22px 0 0; + padding: 27px 0 5px; text-align: end; + transition: background-position 1s; } .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover { - animation: scroll linear 50s infinite; + background-position-x: 10%; } .app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link span { background-color: var(--color-content-bg);