Yandex.Music++ — Чистка лишнего и кучка фич (с комментариями) | music.yandex.ru, Yandex Music, Яндекс Музыка by tyromoshn

/* ==UserStyle==
@name           Yandex.Music++ — Чистка лишнего и куча фич (комментарии прилагаются)
@namespace      USO Archive
@author         Mr Potato
@description    Yandex.Music++ — Чистка фич и куча лишнего. Если у кого есть советы по улучшению, готов исправиться в ТГ t.me/MotionPotato
@version        2022.11
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain('music.yandex.ru') { /* ВЕСЬ САЙТ */

/* Тут полная мешанина из фич и багов. Если что-то включить, что-то может съехать, и наоборот. Научите меня делать нормально :) ТГ - t.me/MotionPotato */

/* Центрирование и педалирование всего основного блока с кучей элементов */
.centerblock-wrapper {
	overflow: visible;
	position: relative;
	padding: 0 0 0px; 
	padding-bottom: 0px !important; /* Отступ в самом низу для того чтобы было */
	width: 100%; /* эм ну я эммм ну эээээээ не ебу как сделать нормально автоскейл помргите пж */
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.centerblock {
	padding: 71px 30px 450px !important;
}





/* \/———\/———\/       ЖЕСТКО ЗАЧИСТИЛ ПОЛ САЙТА       \/———\/———\/ */     /* Чтобы разблокировать элемент, можно просто перетянуть открытие комментария в начало строки, чтоб тот захватывал display */
/* \/———\/———\/       ЖЕСТКО ЗАЧИСТИЛ ПОЛ САЙТА       \/———\/———\/ */
/* \/———\/———\/       ЖЕСТКО ЗАЧИСТИЛ ПОЛ САЙТА       \/———\/———\/ */
.page-line_clips {
    display: none; /* Время избавиться от времени клипов */
}
[data-name="kids"] {
	display: none; /* КНОПКА "Детям" */
}
.head-kids__left {
	display: none; /* ЛОГОТИП "Яндекс Музыка" */
}
.rup__animation, .rup__content-description {
	display: none; /* Фоновая анимация такой вьющейся херни на фоне (мне просто не нравится) */
}
.audio-animation__fade, .audio-animation__fallback-fade {
	display: none; /* Какой-то там "Fade" */
}
[data-type="nav"] {
	display: none; /* Надпись "Главное" */
}
[data-tab-id="new-releases"] {
	display: none; /* КНОПКА "Релизы" */
}
[data-tab-id="chart"] {
	display: none; /* КНОПКА "Чарт" */
}
[data-tab-id="genres"] {
	display: none; /* КНПОКА "Настроения и жанры" (нахуя она нужна если есть "Потоки" повыше) */
}
[data-tab-id="home"] {
	display: none; /* КНПОКА "Всё" */
}
.d-header__title {
	margin-top: 0px;
	margin-bottom: 0px; /* Какой-то отступ, не помню уже */
}
.page-line_promotions, .title_promotion {
	display: none; /* Блок "интересно сейчас" (кому нахуй это вообще интересно?) */
}
.auto-playlists__item_editorial {
       display: none; /* "Будущие звёзды" и "что мы слушали" - да мне поебать, только место занимает */
}
.page-line_podcasts {
	display: none; /* Блок с подкастами */
}
.page-line_new-releases {
	display: none; /* Блок с новыми релизами */
}
.page-line_new-playlists {
	display: none; /* Хиты и новинки */
}
.page-line_chart {
	display: none; /* Чарты */
}
.page-line_mixes {
	display: none; /* Подборки */
}
.teaser {
	display: none; /* Баннер справа */
}
.footer {
	display: none; /* "Супер-важные" подписи внизу */
}
.progress-bar-time-tooltip {
	display: none !important; /* Таймкод над курсором в прогрессбаре */
}
.bar-below_plus {
	display: none; /* Поделитесь волной */
}
.plus-points {
	display: none;
}
[class="sidebar deco-pane"] {
	background-color: #0000 !important; /* Панель справа */
}
.d-share-popup__buttons, .d-share-popup__button-code, .deco-tooltip_to-bottom, .d-share-popup__tail-wrapper {
	display: none !important; /* Лишние кнопки в "Поделиться" */
}





/* ————————— ————————— ————————— ————————— ————————— ————————— */





/* \/———\/———\/       ФИКСЫ И ФИЧИ       \/———\/———\/ */
/* \/———\/———\/       ФИКСЫ И ФИЧИ       \/———\/———\/ */
/* \/———\/———\/       ФИКСЫ И ФИЧИ       \/———\/———\/ */

/* Высокий прогрессбар */
.deco-progress .progress__bar, .deco-progress .progress__bar:hover, .bar__content .progress_branding .progress__bar, .bar__content .progress_branding .progress__bg, .progress {
	height: 350px !important;
	line-height: 350px !important;
}

/* Дополнительная область автовызова окна кромкости когда наводишь такой курсор а под ним хоба и появляется что надо */
.volume_bottom .volume__holder {
	bottom: 38px;
}
.volume__holder {
    display: block;
    position: absolute;
    width: 110px;
    height: 311px;
    left: -50px;
}

/* Выделение активного трека рамочкой в плей-листе */
.d-track_playing {
    background-color: #3b414c !important;
    border: 2px solid #7b5f09 !important;
}
.d-track_playing:hover {
    border: 2px solid #ffdb4d !important;
}


/* Фикс косого сердчечка на плейлистах */
.d-like_theme-spin .d-like__icon-wrapper {
	margin-right: 11px;
}

/* Фикс триггер-области кнопки "Моя волна" (та что флексит под курсором) */
.rup__content-button {
	margin: 0 auto 0;
	width: 100%;
    max-width: 100%;
	height: 100%;
    transition: transform .3s cubic-bezier(.28,.03,.15,.88),opacity .3s cubic-bezier(.28,.03,.15,.88),-webkit-transform .3s cubic-bezier(.28,.03,.15,.88); /* Улучшенная анимация, для которой почему-то в Stylus нет визуализатора */
}

/* фикс поля поиска */
.head-kids .d-input_suggest input, .head-kids .d-suggest__popup {
    width: 300px !important;
}
.d-input__field {
    font-size: 0.5vw;
}

/* Куча настроек для главной панели сверху */
.head-kids > div {
	position: absolute;
    display: grid;
    background-color: #1c1e22;
    left: 32%;
	justify-content: center;
}
.head-kids__user {
    position: absolute;
    display: grid;
    left: 137.5%;
	justify-content: center;
}
.head-kids__nav {
	margin-left: 0px;
	margin-right: 0px;
 	padding-right: 40px;
/*  background: #2a2f35;                                Заливка */
/*  background: linear-gradient(to right, #bc21cc, #2c0be6); Или градиент */
	border-radius: 10px 10px 35px 35px;
}
/* Возвращение на место кнопки фильтров для радио после обновы яндекса */
.rup-settings {
  margin-top: -80px !important;
}
/* Чтоб окно поиска всё время было открыто (выглядит неоч)
.d-suggest {
  display: unset !important;
} */


/* _________________ РАСШИРИТЕЛЬ _________________ - раздвигает все элементы вширь, а так же ломает дизайн и кучу скриптов...
.centerblock-wrapper, .bar, .page-root, .loading {
    width: 100vw !important;
    max-width: 100vw !important;
}
.page-main__playlists,
.page-main__promotions,
.page-main__albums  {
    width: 90vw;
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
} */






/* _________ _________ _________ _________ _________ */






/* \/———\/———\/       ПОКРАС       \/———\/———\/ */
/* \/———\/———\/       ПОКРАС       \/———\/———\/ */
/* \/———\/———\/       ПОКРАС       \/———\/———\/ */

body {
	background-color: #17181c !important; /* Основной фон */
}
.centerblock {
	background-color: #1c1e22; /* Вторичный фон */
}
[class="sidebar-cont sidebar-cont_shown deco-pane"] {
	background-color: #2a2f35 !important;
}
 .head-kids {
	background-color: #0000 !important; /* По сути, удаление BG главной панели */
}

/* Чередование цветов трек-листа */
.d-track:nth-child(odd) {
	background:#24282e;
}
/*.d-track {
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}*/
.d-track:last-child {
	border-bottom: 1px solid #292727;
}

.progress__bg {
	opacity: 0.5; /* Фон прогрессбара */
}
.progress__progress .progress__line {
	background-color: #eabf16; /* Собсна сам прогресс который желтый */
	opacity: 0.7;
}
.theme-black .deco-progress .progress__progress .progress__line {
/*	box-shadow: inset -50px 0px 125px 0px #00000040;  Тень желтого процесса*/
}
.progress__progress_muted .progress__line {
	backdrop-filter: blur(10px) !important; /* Блюр загрузки в прогрессбаре */
/*	box-shadow: inset -50px 0px 75px 0px #00000054;  Тень загрузки */
}
.progress__bar {
	color: #ffffff3d; /* Текст внутри прогрессбара */
	font-size: 20px;
}
}
@-moz-document url-prefix("https://music.yandex.ru/home") { /* ГЛАВНАЯ СТРАНИЦА */
/* Центрирование автоплейлиста (ломает прокручивание плейлистов стрелочками! хз как) */
.page-main__line_small-margin {
	margin: 0px 0px 600px; /* Отступ после автоплейлистов чтобы красивее */
	display: flex;
	align-items: center;
	justify-content: center;
}
.d-slider__items {
	text-align: center; /* Центрирование текста автоплейлистов */
}
[data-type="recents"] {
	margin-top: 600px; /* Отступ для "Вы недавно слушали" */
}
.page-main__line {
	margin-bottom: 0px; /* Отступы всех блоков */
}
.page-main__line_row{
	margin-bottom: 0px; /* Отступы авто-плейлистов */
}
.page-main__autoplaylists {
	padding: 0px;
	margin-top: 0px;
}
.page-main__autoplaylists .auto-playlists__container_scrollable {
	margin: 0px 0px 0px;
}
.page-main__slider {
	margin: 0px 0px 0px;
}
}
@-moz-document url-prefix("https://music.yandex.ru/radio") { /* ПОТОКИ */
.d-header__title {
	display: none; /* Дублирующаяся надпись "Потоки" */
}
}
@-moz-document url-prefix("https://music.yandex.ru/users/") { /* КОЛЛЕКЦИИ */
.d-generic-page-head__main-top {
	display: none; /* Дублирующаяся надпись "Коллекция" */
}
.d-generic-page-head__aside {
	display: none; /* Огромная аватарка на пол экрана */
}
.d-generic-page-head {
  min-height: 0px;
  margin-bottom: 0px; /* Огромный отступ */
}
[data-tab-id="kids"] {
	display: none; /* Раздел "детям" */
}

/* Центрирование второй сверху панели */
.deco-border {
    display: flex;
    justify-content: center;
	scale: 115%;
}
}...