Вы должны войти, чтобы создавать сообщения и темы.

User CSS + Ublock origin — Кастомная стилизация сайтов

Доброго времени суток!
Предлагаю использовать эту тему, чтобы делиться своими косметическими фильтрами сайтов. Начну с примера:

  • Сайт: MegaDisk;
  • Удалил на мой взгляд лишние элементы и сделал blue-тему сайта;
  • До и После.

Ublock Origin
disk.megafon.ru##.page__sidebar-header-logo
disk.megafon.ru##.page__sidebar-footer

User CSS
.button_primary, .button_primary-outline {
color: #fff;
background-color: rgba(79, 136, 239, 0.8);
border: none;
}

.sidebar-menu__item_active .sidebar-menu__link {
color: #000;
background: rgba(79, 136, 239, 0.25);
}

.button_primary:hover, .button_primary-outline:hover {
color: #fff;
background-color: rgba(79, 136, 239, 1);
}

.user-menu__login-text {display: none;}

.share-modal__content-link {color: rgba(79, 136, 239, 0.7);}
.share-modal__content-link:hover {color: rgba(79, 136, 239, 1);}

.share-modal__toolbar-button_active, .custom-checkbox__checker_selected {
border-color: #4f88ef;
background-color: #4f88ef;
}

.spinner__item {
border: 4px solid #4f88ef;
border-color: #4f88ef transparent transparent transparent;
}

.dialog-form__input:focus {
border-color: #4f88ef;
color: #252a31;
background-color: #fff;
}

.folder-preview__body-row-column {
height: 35px;
border-bottom: 0.5px solid rgba(79, 136, 239, 0.1);;
}

.page__storage-band-used, .label-success, .storage-progress-bar__progress-bar {background-color: #4f88ef;}
.page__storage-band-used, .breadcrumbs-dumb__icon, .action-bar__button-icon, .sidebar-menu__item_active .sidebar-menu__link-icon, .page__logo:visited, .page__logo:focus, .cl-folder-preview-columns__column-icon_folder, .modal-dialog__header-icon svg, .cl-folder-preview-columns__toolbar-button-icon, .button_accent, .user-basic-info__item-button.button.button_secondary, .profile-table__button, element.style, .progress-circular__circle, .uploader-preview__item-toolbar-button svg-icon svg, .auth-form[_ngcontent-ysj-c3] h2[_ngcontent-ysj-c3] .title[_ngcontent-ysj-c3] {color: #4f88ef;}

Лайкнули Сибирь, Александр и ещё 2
СибирьАлександрРамильИлья

для ютаба и вк сделай.


Комментарий модератора:
У нас здороваются.
Это форум, а не стол заказов. Подобный тон тут не приветствуется.

Здрасте
Племяшка во всю готовится к егэ. Кинул мне билет, чтобы я тоже вспомнил как это. Кинул в общем такой сайт. Билеты конечно решать у меня времени нету, но вот что я заметил... Сайт минус глаза, вот прямо вырвиглаз. Ещё и проверил без юблок, так он засран рекламой. Кому не лень, может подчесать сайт? Моя фантазия осилила только это:
До и После
С помощью Ublock Origin убралась вся реклама. Только добавил такой

фильтр
||ege.sdamgia.ru/img/fon.svg?v=1$image

С помощью
User Css
.wrapper
{
max-width: 2000px;
}
растянул
Но согласитесь, всё равно выглядит ужасно:(

Кстати, до сих пор юзаю custom.css с этого поста. Только b убрал в строк, чтобы жирность была там, где должна быть.

Цитата: Jeddi Rodnulkin от 29.10.2021, 14:51

для ютаба и вк сделай.


Комментарий модератора:
У нас здороваются.
Это форум, а не стол заказов. Подобный тон тут не приветствуется.

В вк ведь и так норм? У меня вот эти строки плюс в user.css прописан tahoma, уже не помню зачем. Видимо custom.css не работал на него. Собственно ВК. 
PS. попробовал выключить user.css в вк. Работает как надо и без него:)