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

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

Ля какая! 😍
Ля какая! 😍

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

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

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

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

Userjs для Tampermonkey и т.п.:

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

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

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

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

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

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

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

Для Stylish

Для Stylus

Для Stylebot

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

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

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

: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

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

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

Для Chrome

Для Firefox

Для Opera

Для Microsoft Edge

Для Pale Moon

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

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

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

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

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

UPD 0.1:

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

UPD 0.2:

  • добавлена версия для Stylebot
  • добавлена ссылка на Stylish для установки через userjs
  • исправлено расположение кнопки разворота ветки после сворачивания
Make стрелочки Great Again!
232232 показа
12K12K открытий
1616 репостов
274 комментария

Благодарю
P.S. Комитет идёт нахуй

Ответить

Великому автору
И cumитету на зло

Ответить