Mathprofi Distractless by 1280px

/* ==UserStyle==

@name			Mathprofi Distractless
@version		2.2
@namespace		userstyles.world/user/1280px
@description	Всё чисто, современно, и ничего не отвлекает. Частично основано на стиле "Mathprofi Restyle".
@author			1280px
@license		CC BY-NC 4.0
@preprocessor	uso

@var select hide-sidebar "Автоматически скрывать боковую панель:" {
	'Всегда' : 'width',
	'По размеру' : 'max-width: 1200px',
	'Никогда' : 'disabled'
}
@var select collapse-nested "Сворачивать вложенные блоки:" {
	'Да' : 'height: 124px;',
	'Нет' : ''
}
@var select pseudodark-mode "Псевдотёмная тема:" {
	'Выкл.' : '',
'Вкл.' : 'body { background: #131313 !important; } body > * { filter: invert(1) hue-rotate(180deg) brightness(0.65) contrast(0.85) !important; }'
}

==/UserStyle== */

@-moz-document domain("mathprofi.net"), domain(mathprofi.ru) {

/* уменьшаем визуальную нагрузку страницы */
table[border], table[border] * { border: none !important; } /* взято из Mathprofi Restyle */
body > table { box-shadow: 0 0 40px #0002; }
.adv { display: none !important; }

/* боковая панель */
body > table td[width="27%"] {
	display: inline-block;
	width: fit-content; height: 100vh;
	padding: 0 18px 20px 8px;
	position: sticky; top: 0; overflow-y: scroll;
	background: #FFF2DF;
	transition: 500ms;
}
/* автоскрытие боковой панели */
@media (/*[[hide-sidebar]]*/) {
	body > table td[width="27%"]:not(:hover) {
		width: 0px;
		scrollbar-width: none;
		background: #EFD2A7;
		transition: 1000ms;
	}

	body > table td[width="27%"]:not(:hover)::-webkit-scrollbar { display: none; }
	body > table td[width="27%"]:not(:hover) * { opacity: 0; }
	body > table td[width="27%"] * { transition: opacity 500ms; }

	body > table td[width="27%"]:not(:hover)::before {
		content: 'Меню  |||';
		display: block;
		transform: rotate(270deg) translate(-64px, 4px);
	}
}

/* более приятный для чтения текст */
body > table td[valign="top"]:not([width="27%"]) { padding: 20px; }
p, li { line-height: 1.33em; }
h1, h2, h3, h4, h5, h6, font[color=red] { /* взято из Mathprofi Restyle */
	margin-top: 24px;
	color: #f60 !important;
	font-size: 1.2rem;
}

/* автосворачивание встроенных блоков */
#bar1, #primer {
	box-shadow: inset 0 0 3px #0006;
	transition: height 300ms;
}
#bar1:not(:hover), #primer:not(:hover) { /*[[collapse-nested]]*/ }

/* псведотёмная тема */
/*[[pseudodark-mode]]*/

}