Skip to content

DTF mirrored by draconov

Screenshot of DTF mirrored

Details

Authordraconov

LicenseNo License

Categorydtf, tjournal, vc

Created

Updated

Size2.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Mirrored elements of OSNOVA sites, theme compatible with other userstyles.

Notes

Made for left-handed users. Every element of the site is moved.

  • vote button switched
  • header mirrored
  • live comments feed on the left
  • subscriptions on the right
  • dropdown menus moved

Source code

/* ==UserStyle==
@name         DTF mirrored
@version      20220419.14.43
@namespace    userstyles.world/user/draconov
@description  Made for left-handed users. Every element of the site is moved.
@author       draconov
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://dtf.ru/"), url-prefix("https://tjournal.ru/"), url-prefix("https://vc.ru/") {
.layout { flex-direction: row-reverse }
/*.layout__right-column, .live { width: 240px !important }*/

.vote--comment.vote { transform: rotate(180deg) translateY(2px) scaley(-1) }
.l-fs-16.t-ff-1-500.vote__value { transform: scalex(-1) }

.content-footer__item--right.content-footer__item { transform: rotate(180deg) translateY(2px)  scaley(-1) }
.vote--sum-positive.vote--content.vote > .vote__value { transform: scalex(-1) }
.vote__value { transform: scalex(-1) }
.l-va-middle.l-fs-14.t-ff-1-500.vote__value > span { transform: scalex(-1) }
.vote--sum-positive.vote--simple.vote { transform: scalex(-1) }
.vote--sum-negative.vote--simple.vote { transform: scalex(-1) }

.live__toggle { transform: rotate(180deg) translateY(2px) }
.live__caption { flex-direction: row-reverse; justify-content: flex-end }
.live__title { padding-left: 1rem }
.app--live-forcibly-collapsed .live__title { right: 84% !important }
.wjw6f103.duq6f103.erd6f103 { transform: scalex(-1) } /*Стрелочка комментариев смотрит влево*/

.main_menu__item.head-notifies__toggler { transform: scalex(-1) }
.main_menu__item.head-notifies__toggler > .head-notifies__badge { transform: scalex(-1) }

.updown { left: 1460px !important; opacity: 0.3 }
.updown:hover:after { left: -48px !important }
.updown:after { background: transparent !important; box-shadow: none !important }
.updown .updown__icons, .updown:hover .updown__icons { left: -30px !important }

.navigation-create { right: 120% } /*прижать кнопку Создать к Поиску*/
.popover--fixed.popover--right.popover { left: 270px }
.messenger-panel__down { left: -135px }
.head-notifies__panel { left: -250px }
}

Reviews

No reviews yet.