Центрирование ленты с выбором её ширины, скрытие реакций/эмодзи и рекламы Plus и др.
Впизду редизайн by hydrozz
Details
Authorhydrozz
LicenseNo License
Categorydtf.ru
Created
Updated
Size35 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Впизду редизайн
@namespace github.com/openstyles/stylus
@version 1.250
@description Центрирование ленты с выбором её ширины, скрытие реакций/эмодзи и рекламы Plus и др.
@author hydrozz
@preprocessor stylus
@var checkbox --centerContentFeed "Впизду неотцентрированную ленту" 1
@var checkbox --oldLayout "Впизду mobile-first вёрстку" 1
@var checkbox --hideLive "Впизду панель справа" 1
@var checkbox --noEmoji "Впизду реакции / эмодзи" 1
@var select --likeColor "Цвет иконки лайка" ['dark:Тёмный (для светлой темы)', 'light:Cветлый (для тёмной темы)', 'red:Всегда красный*']
@var checkbox --hideTopComment "Впизду топ-комментарии в ленте" 1
@var checkbox --hidePlus "Впизду рекламу Plus" 1
@var checkbox --hideInfoPanel "Впизду ссылки 'О проекте', 'Правила' и т.д." 1
@var range --contentWidth "Ширина ленты" ['px', 720, 400, 1160, 5]
@var range --leftSidebarWidth "Ширина панели слева" ['px', 230, 150, 320, 5]
@var color label "Темы на панели слева:" #252525
@var checkbox --showGames " Игры" 1
@var checkbox --showAsk " Вопросы" 1
@var checkbox --showFlood " Офтоп" 1
@var checkbox --showCinema " Кино и сериалы" 1
@var checkbox --showNochMuz " Ночной музпостинг" 1
@var checkbox --showMusic " Музыка" 1
@var checkbox --showCraft " Творчество" 1
@var checkbox --showAuf " Милые животные" 1
@var checkbox --showIndie " Инди" 1
@var checkbox --showVideo " Видео" 1
@var checkbox --show0context " no context DTF" 1
@var checkbox --showScrnshts " Скриншоты" 1
@var checkbox --showAnime " Аниме" 1
@var checkbox --showArt " Арт" 1
@var checkbox --showPhoto " Фото" 1
@var checkbox --showDead " Жизнь" 1
@var checkbox --showSosalik " Soulslike" 1
@var checkbox --showZelda " The Legend of Zelda" 1
@var checkbox --showHard " Железо" 1
@var checkbox --showIndus " Индустрия" 1
@var checkbox --showAchivki " Игровые достижения" 1
@var checkbox --showGuides " Гайды" 1
@var checkbox --showRead " Почитать" 1
@var checkbox --showNinclub " Нижний Хайрул / Nintendo" 1
@var checkbox --showSale " Скидки" 1
@var checkbox --showLive " Прямые эфиры" 1
@var checkbox --showGamedev " Gamedev" 1
@var checkbox --mmFood " Еда" 1
@var checkbox --showTeam " Ищу команду" 1
@var checkbox --showSTD " Steam Deck" 1
@var checkbox --showBGames " Настолки" 1
@var checkbox --showScience " Научпоп" 1
@var checkbox --showSoftware " Софт" 1
@var checkbox --showMobile " Мобайл" 1
@var checkbox --showWaha " Warhammer" 1
@var checkbox --showR6 " Rainbow Six Siege" 1
@var checkbox --showTravel " Путешествия" 1
@var checkbox --showRetro " Ретро" 1
@var checkbox --showLinks " Ссылки в интрнете" 1
@var checkbox --showStarfield " Starfield" 1
@var checkbox --showSteam " Steam" 1
@var checkbox --showSnow " Snowrunner" 1
@var checkbox --showPS " PlayStation" 1
@var checkbox --showDeadlock " Deadlock" 1
@var checkbox --showCollec " Коллекции" 1
@var checkbox --showBlizz " Blizzard" 1
@var checkbox --showGenshin " Genshin Impact" 1
@var checkbox --show3D " 3D" 1
@var checkbox --showComics " Кинокомиксы" 1
@var checkbox --showVRAR " VR / AR / MR" 1
@var checkbox --showGenshWait " HoYoverse" 1
@var checkbox --showAnchor " Якорь" 1
@var checkbox --showDota " DOTA" 1
@var checkbox --showDragAge " Dragon Age" 1
@var checkbox --showPodcasts " Подкасты" 1
@var checkbox --showFF " Final Fantasy" 1
@var checkbox --showIA " ИА Панорама DTF" 1
@var checkbox --showIshuPati " Ищу пати" 1
@var checkbox --showGTA " GTA" 1
@var checkbox --showWitcher " Ведьмак" 1
@var checkbox --showStalker " S.T.A.L.K.E.R." 1
@var checkbox --showAvito " Барахолка" 1
@var checkbox --showIdeas " Улучшаем DTF" 1
@var checkbox --showStarfWait " Starfield (2)" 1
@var checkbox --showSosalWait " FromSoftware" 1
@var checkbox --showMinecraft " Minecraft" 1
@var checkbox --showBaldur " Baldurs Gate" 1
@var checkbox --showResik " Resident Evil" 1
@var checkbox --showEsport " Киберспорт" 1
@var checkbox --showCP2077 " Cyberpunk 2077" 1
@var checkbox --showStarwars " Звёздные войны" 1
@var checkbox --showGloss " Глянец" 1
@var checkbox --showBalduWait " Baldurs Gate (2)" 1
@var checkbox --showEpos " Сказание о героях Дитейфэрии" 1
@var checkbox --showRacing " Автоспорт" 1
@var checkbox --showCbrpnk " Cyberpunk" 1
@var checkbox --showTlou " The Last of Us" 1
==/UserStyle== */
@-moz-document url-prefix("https://dtf.ru/")
{
:root
{
--layout-max-content-width: --contentWidth;
--layout-left-aside-width: --leftSidebarWidth;
--max-column-width: var(--layout-left-aside-width) > var(--layout-right-aside-width) ? var(--layout-left-aside-width): var(--layout-right-aside-width);
--new-layout-max-width: calc(var(--layout-left-aside-width) + var(--layout-max-content-width) + var(--layout-right-aside-width) + 40px);
--new-layout-max-width-centered: calc(var(--max-column-width) * 2 + var(--layout-max-content-width) + 40px);
}
@media (min-width: 1240px)
{
.layout
{
gap: 20px;
max-width: var(--new-layout-max-width);
}
.header__layout
{
max-width: var(--new-layout-max-width);
}
}
.aside.aside--left
{
max-width: var(--layout-left-aside-width);
width: var(--layout-left-aside-width);
}
.andropov-media[style*="max-width: 592px"]
{
max-width: none !important;
}
.sidebar
{
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-color) transparent !important;
}
if --centerContentFeed
{
@media (min-width: 1240px)
{
.layout
{
grid-template-columns: var(--max-column-width) minmax(0, var(--layout-max-content-width)) var(--max-column-width);
if !(--oldLayout)
{
max-width: var(--new-layout-max-width-centered) !important;
}
}
.aside.aside--left
{
justify-self: right;
}
.header__layout
{
grid-template-columns: var(--max-column-width) minmax(0, var(--layout-max-content-width)) var(--max-column-width);
if !(--oldLayout)
{
max-width: var(--new-layout-max-width-centered) !important;
}
}
.header__left
{
justify-self: right;
position: relative;
left: calc(100px - var(--layout-left-aside-width));
}
}
}
if --oldLayout
{
:root
{
--old-layout-column-left: var(--layout-left-aside-width);
--old-layout-column-right: var(--layout-right-aside-width);
if (--centerContentFeed)
{
--old-layout-column-left: var(--max-column-width);
--old-layout-column-right: var(--max-column-width);
}
}
@media (min-width: 1240px)
{
.layout
{
grid-template-columns: var(--old-layout-column-left) minmax(0, var(--layout-max-content-width)) var(--old-layout-column-right) !important;
max-width: none !important;
}
.aside.aside--left
{
justify-self: left;
}
.header__layout
{
grid-template-columns: var(--old-layout-column-left) minmax(0, var(--layout-max-content-width)) var(--old-layout-column-right) !important;
max-width: none !important;
padding-left: 30px;
padding-right: 30px;
}
.header__left
{
justify-self: left;
position: static;
padding-left: 0;
}
.aside.aside--left
{
left: 15px;
}
.aside.aside--right
{
right: 15px;
}
}
}
if --hideLive
{
.aside.aside--right
{
display: none;
}
}
if --noEmoji
{
.reaction-button:not(:has(svg)),
.reaction-button:has(img[src^="data:image/png;base64\,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAAjVBMVEUAAAD1Vmb3WGj9WW3/XW32V2f7Wmr9XWz3V2f/X2/+XGz"]) ~ div > .reaction-button,
.reaction-button:has(svg.icon--reaction_like) ~ div > .reaction-button
{
display: none;
}
.reaction-button:has(img[src^="data:image/png;base64\,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAMAAAC4uKf/AAAAjVBMVEUAAAD1Vmb3WGj9WW3/XW32V2f7Wmr9XWz3V2f/X2/+XGz"])
{
display: flex !important;
}
.reactions
{
margin-left: -5px;
gap: 0px;
}
.content__reactions
{
align-self: center;
padding: 0 0 0 var(--layout-content-offset-x);
}
.content,
.comment__content
{
display: grid;
grid-template-columns: auto 1fr;
}
.content > div,
.content > a,
.comment__content > div
{
grid-column: span 2;
}
.content__reactions,
.content-footer,
.comment__reactions,
.comment__actions
{
grid-column: span 1 !important;
}
.content__floating
{
order: 1;
}
.comment__text,
.comment--root:not(:first-child)
{
margin-top: 0;
}
.comment__reactions,
.comment__actions
{
height: 28px;
margin-top: 4px;
}
.comment:last-child
{
.comment__reactions,
.comment__actions
{
margin-bottom: 0px;
}
...