A Little Pice Of Heaven by tr3m0r

/* ==UserStyle==
@name         A Little Pice Of Heaven
@version      0.1.2
@namespace    dtf.ru
@description  Возвращаем стрелочки на DTF
@author       tr3m0r
@license      No License
==/UserStyle== */

@-moz-document domain(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;
}
}