Пользовательские стили для DTF
Старый дизайн меня тоже не во всём устраивал, но я его подтюнил пользовательскими стилями. После обновления пришлось их переделывать, а заодно решил откомментировать код и поделиться с собратьями по несчастью.
Что эти стили дают:
- Скрывают "прямой эфир"
- Скрывают подписки в левой колонке
- Расширяют область под контент
- Показывают "+" и "-" справа от имен проголосовавших за коммент
Все размеры достаточно произвольные — меняйте по своим вкусам, или вообще удаляйте целые куски, если вам нужен прямой эфир или список подписок.
У меня это работает в хромовском расширении Styler, но должно заработать во всех подобных приблудах.
/* скрываем прямой эфир */
.live_head__button, .live {
display: none;
}
/* чё центральная колонка такая узкая-то */
#page_wrapper {
width: 1000px !important;
margin: 0 1em;
}
/* текст в статьях тоже очень уж узкий */
.layout--a {
width: 800px !important;
}
/* скрываем подписки слева */
.sidebar__tree-list--limited {
display: none;
}
/* символы + и - слева от ников голосовавших */
.vote__users__item--plus .vote__users__item__name::after {
content: '+';
padding-left: 1ex;
font-size: 110%;
font-weight: bold;
}
.vote__users__item--minus .vote__users__item__name::after {
content: '-';
padding-left: 1ex;
font-size: 110%;
font-weight: bold;
}
А скриншоты? :(
Спасибо за идею, добавил.
А как же
background-color: black;color: white;
Простите, я один из тех непростительных извращенцев, у которых от инверсной темы болят глаза:) Должно работать с приблудами, которые делают темную тему.
Вот только сильно контрастно получается, так лучше будет: background-color: #333; color: #fafafa
Получилось как-то так:
.layout--feed.layout--column-left-on.layout--column-right-on .layout--a {
width: 1000px !important;
}
Чтобы верхний блок по ширине подровнять.