Make стрелочки Great Again!

Малята, написал для вас (для себя) стиль для дополнения Stylish / Stylus, который возвращает на место стрелочки.

Да-да, те-самые ламповые стройные близняшки будут игриво подмигивать тебе с экрана, маня к себе своими изящными линиями, вместо этой б-гмерзкой кверху повёрнутой жопы и кнопки скачивания. Стоит только нажать "Install Style" и ты вернёшься в замечательную первую половину декабря, когда ещё не было сердечек и не приходилось ждать раздач на трекере.

Стили для дополнений:

Stylish
Stylus
Stylebot

Если в вашем браузере не установлено ни одно дополнение для использования собственных стилей — ссылки под ваш браузер:

Google Chrome
Mozilla FIrefox
Opera
Microsoft Edge
Pale Moon

Userjs для Tampermonkey и т.п.:

на сайте Stylish

Стрелоньки возвращены как в посте:

Так и в комментариях:

И даже в ленте автора:

Для Stylish

userstyles.org

A Little Pice Of Heaven

Для Stylus

userstyles.world

A Little Pice Of Heaven by tr3m0r

Для Stylebot

Создаёте новый стиль, в поле URL пишите dtf.ru

Вставляете в редактор код из блока ниже:

:root { --color-success: #2EA83A; --color-error: #E92A40; } .comment .comment-writing { order: 999; } .comment__text~.comment__media, .comment__attaches { margin-top: 6px; order: 9; } .comment__action { order: 10; } .like-button--action-dislike { -ms-flex-order: 6; order: 6; } .like-button--action-like { -ms-flex-order: 7; order: 7; margin-right: 0 !important; flex-direction: row-reverse; margin-left: 15px; } .comment__content .like-button--action-dislike, .comment__content .like-button--action-like { margin-top: -64px; } .like-button--action-like .like-button__icon, .like-button--action-dislike { background-size: 12px; background-repeat: no-repeat; background-position: center; } .like-button--action-like .like-button__icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAfCAYAAACs5j4jAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABe0lEQVRYhd3XPW7CQBCG4W8nEkrJEXwAy+IIuEuXcgOXSU5jREmZCrgBlg8QlynTOWnYVIMUEmB/Zmwrb7le7fiRtlngn2b6GmStnRPRo3NuCmDnnNuv1+tWa14vsMVi8QLg+Wy5PR6PpRZOHXYBxanhVGE3UJwKTg3mieLEcSqwQBQnihOHRaI4MZwoLBHFieDEYEIoLhknAhNGcUk4Sp0egnLOHQDMAXx4bM+IaGutzWL+KwkWiuq6rlytVntjTAllXPRVjEFtNpsTZrlczpxzWwBTjyOCr2UULBXFaeKCYVIoTgsXBJNGcRo4b5gWipPGecG0UZwk7iasLxQnhbsK6xvFSeAuwoZCcam4P2FDo7gU3C/YWFBcLO4HbGwoLgZ3go0VxYXiDABYazMievMZMASKC8ERABDRzOfgIVEAUFXVwffJ4/0eGxrF+eIIACaTye7axrGgOB/cHQDUdf2Z5/mXMebhfMPYUFzTNO9FUbwCeAJwf/a5/QaHl/YZGwHdGgAAAABJRU5ErkJggg=="); } .like-button--action-like.like-button--active .like-button__icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAfCAYAAACs5j4jAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABlElEQVRYhd3YMU7DQBCF4TeLFJEuDRUNBwA5JYIi4QhISIQKuAE3IDlJRBUKpBwBpwtdEOEGVFTpQInwUKCJQIR47Z2xLf5yPfbq07qxgX8aFbVRNDhsMyXnYJqxSyZPp+Mby/3MYVG/1eD6Ygig/X2dwbF7qx0/Xo5mFvuawqJ+q5Fszu+JqLnqOjNP3HvtyAJnBktDSVY4E5gvSrLAqcOyoiRtnCosL0rSxKnBQlGSFk4FpoWSNHDBMG2UFIoLgmVFJUi6AODguj7zIbjcsDyoaWfcA4Dd2/1ra1wuWAhKssZlhmmgJEtcJpgmSrLCecMsUJIFzgtmiZK0camwIlCSJm4trEiUpIX7E1YGStLArYSViZJCcb9gVUBJIbgfsCqhpLy4JayKKCkPzi0X6othFVEAMO2Me/JlkBYRNZP6fLgBAHuDgwsiXPncWDRKer17GW2dbINA7bRZAu04ACCHyOfhZaGkLCf39SoyN9IGy0ZJvjgHAB+crP2PXhWU5INzAPB89hAzOF41UDWUtA7H4PgT/ibJhjjcmGEAAAAASUVORK5CYII="); } .like-button--action-dislike { color: var(--color-error); background-position: 4px center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAfCAYAAACs5j4jAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABxUlEQVRYhd3YP04CQRTH8e9bEhKoKC3pCcSExpLSbrWaUHEFbyDcQG/BUnkD9ARKATWlpSUh2RkbVEKUnd19wxJ/zf7LTN4nb3aTHfinkf2LOI5bzWZz5Jy7FJEPa+1jkiTrimrzznA4vHHOxSLykabpy2w2e/qGGWPaURTNgfb+IGvtJEmS8Ylr9Uocx61GozEXkcuDRw+1r7Ner/fKAQpARAadTkeWy+Vz2DLz5QgK4KoGYIwZiMjdX5OcGy4DBUC0O7azJoui6N4YM1aqrXB8ULCDWWvffCatGueLAqgBrFar9263O8Cjc1Utyzwo+FmK1Ov1W+AsO5cX5Zwbf38VF4vFpt/vJ2maXgMXWYNP1bkiqOl0Oqnt3zw3XFEU7N6x/ZwLrgwKfoFB9biyKPgDBtXhNFBwBAanx2mhIAMGp8NposADBuFx2ijwhEE4XAgU5ICBPi4UCnLCQA8XEgUFYFAeFxoFB3seeTMajVrb7XYOeBVorZ1sNpuH0CgoCYP8OGCNx+8RFEeBAgwK4TJTBgVKMNDFlUWBIgx0cBooUIZBOZwWCgLAoBhOEwWBYJAPp42CgDDww4VAQWAYHMeFQgF8Ai9wuQOhyUU8AAAAAElFTkSuQmCC") } .like-button--action-dislike.like-button--active { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAfCAYAAACs5j4jAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABjUlEQVRYhd3Wz1GDQBTH8e9SAXRAB3DXDHagVmApkg5iJ3agjhlnvEEFpgNy9896SAZjNGH37duEybvBLu/9PjADwImW2TzoiipNzMeNxZTA0tr3u6x9XRwnmnt1xfmVMVwCS2t5ytr5vflZrHJjvh6AfPMia5lm7XN92Khu1RVVus5c/l6xsx62LCdvbKH6bSPE7UatKlltOrtgBwrAGG67YlJHyCeqIRSsYZDkQ83GgnNBQQ/7bFyaHhvnioI1LGtfGuDRpfmxcD4o6J8YWJtcA6N8cr4osPWf75hPg0O8LSWotJlPzfbpMeGkKNj685A2jIELQcEOmKSxJi4UBXtgkgEaOA0UDMAkg0JwWihwgEkGSnCaKHCESQb74LRR4AGTBHDBxUCBJ0wSZB8uFgoEMEmg/3AxUSCEQRguNgoCYCDDQTKLjYJAGIju/gJM7rhXhAIFGEhwLiVHgRIMtHFhKFCEgRYuHAXKMAjF6aAgAgykOD0URIKBL04XBRFh4IrTR0FkGAzh4qAAvgEE4FOSVxu7QwAAAABJRU5ErkJggg==") } .like-button__icon { margin-left: 0px; } .like-button__icon>svg, .like-button__lottie { opacity: 0; } .like-button--lottie-animated .like-button__icon { visibility: visible !important; } .like-button__count { margin-right: 15px; margin-left: 0; font-weight: 500; } .comment__text { -ms-flex-order: 8; order: 8; } .comment__expand-branch, .comment--with-no-replies .comment__load-more { -ms-flex-order: 99; order: 99; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .like-button__icon::before { background-color: var(--color-success); } .like-button--action-dislike .like-button__icon::before { background-color: var(--color-error); } .like-button .like-button__count, .like-button:hover .like-button__count { color: var(--color-success); } .like-button--action-dislike .like-button__count { color: var(--color-error); margin-right: 0; margin-left: 15px; } .content-footer>*:first-child { -ms-flex-order: 99; order: 99; margin-right: 0; } .comment .like-button--action-like:hover .like-button__icon::before { opacity: 0; } .comment .like-button--action-like .like-button__icon:hover::before { opacity: 0.12; }

Установка через userjs

userstyles.org

https://userstyles.org/styles/userjs/256454/a-little-pice-of-heaven.user.js

Я правда не знаю зачем я потратил кусочек своей жизни на это, ведь гастрономический отдел всё равно переименует стили, поменяет DOM, вёрстку, вложенность, классы, своё очко.

Для Chrome

chrome.google.com

Stylish - Custom themes for any website

Для Firefox

Stylish - Custom themes for any website – Get this Extension for 🦊 Firefox (en-US)

addons.mozilla.org

Stylus – Загрузите это расширение для 🦊 Firefox (ru)

addons.mozilla.org

Stylebot – Get this Extension for 🦊 Firefox (en-US)

Для Opera

addons.opera.com

Stylus

Для Microsoft Edge

microsoftedge.microsoft.com

Microsoft Edge Addons

Для Pale Moon

addons.palemoon.org

Pale Moon Add-ons - Stylem

Не факт что я буду что-то обновлять или менять вслед за cumитетом, а тестировал (вообще не тестировал) я только в Chrome на Win10, так что смело можете слать свои предложения и пожелания за щеку.

WELL CUM:

А ещё можно рофлов ради сходить на Блювач, там я всё это время оберегал под охраной от Комитета зелёную стрелочку из генного материала которой путём клонирования и мутации гена возродил её красную сестру-близняшку.

bluevach.ru

Блювач

Там ещё есть пасхалочка, но про неё никто не знает 😏

Забыл сказать что даже на Блюваче есть тёмная тема ;)

пофикшено наползание красной малютки на счётчик количества скачиваний даунвоутов
добавлена версия для Stylus

добавлена версия для Stylebot
добавлена ссылка на Stylish для установки через userjs
исправлено расположение кнопки разворота ветки после сворачивания

#редизайннамыло #редизайндолой

Навигационная штука

Собственно, сам стиль

Ссылки на расширение для установки пользовательских стилей

UPD 0.1:

UPD 0.2: