электронный дневник редизайн by right_chheeellll

/* ==UserStyle==
@name           электронный дневник редизайн
@namespace      а чо тут писать...
@version        1.0.0
@description    редизайнит электронный дневник
@author         right_chheeellll
@license        MIT
==/UserStyle== */
@-moz-document url-prefix("https://cop.admhmao.ru/") {
body {
    background-color: #000; /* Темный фон */
    color: #dcdcdc; /* Цвет текста */
    font-family: 'Arial', sans-serif;
}

h1, h2, h3 {
    text-align: center;
    color: #00ffcc; /* Неоновый цвет */
    text-shadow: 0 0 1px #00ffcc, 0 0 2px #00ffcc, 0 0 3px #00ffcc; /* Эффект свечения */
    animation: glow 1.5s infinite alternate; /* Анимация свечения */
}

@keyframes glow {
    from {
        text-shadow: 0 0 1px #00ffcc, 0 0 2px #00ffcc, 0 0 3px #00ffcc;
    }
    to {
        text-shadow: 0 0 2px #00ffcc, 0 0 4px #00ffcc, 0 0 6px #00ffcc;
    }
}

/* Основные стили для панели */
.button {
    background-color: #f0f0f0; /* Цвет фона панели */
    padding: 20px; /* Отступы внутри панели */
    border-radius: 999px; /* Скругление углов */
    transition: all 0.3s ease; /* Плавный переход для эффектов */
    height: 40px; /* Фиксированная высота для кнопки */
    display: flex; /* Используем flexbox для центрирования текста */
    align-items: center; /* Вертикальное центрирование текста */
    justify-content: center; /* Горизонтальное центрирование текста */
}

/* Стили для текста внутри панели */
.button p {
    margin: 0; /* Убираем отступы у параграфа */
    line-height: 1.5; /* Высота строки для лучшей читаемости */
}
.button:hover {
    transform: scale(1.1); /* Увеличение кнопки на 10% */
    box-shadow: 0 0 15px #0a5f9c, 0 0 30px #0a5f9c; /* Эффект свечения */
}
.button.button--outline.button--purple:hover {
    transform: scale(1.1); /* Увеличение кнопки на 10% */
    box-shadow: 0 0 15px #9b1956, 0 0 30px #9b1956; /* Эффект свечения */
}
.button.button--medium.button--red.offset32:hover {
	box-shadow: 0 0 15px #a12820, 0 0 30px #a12820; /* Эффект свечения */
}
/*портфолио*/
.button.button--gray.button--medium.button--outline:hover {
	transform: scale(1.0);
	box-shadow: 0 0 20px #575e62, /* Эффект свечения */
                0 0 30px #828c93; 
}

.fas.fa-chevron-right:hover {
    animation: shake 0.5s ease infinite; /* Запускаем анимацию при наведении бесконечно */
}
.button.button--yellow:hover {
    box-shadow:  0 0 10px #bf7c00, /* Жёлтое свечение при наведении */
				 0 0 15px #bf7c00;
}
	
.button.button--red.ajax_portfolio_add.has-modal:hover {
	box-shadow: 0 0 15px #a12820,
				0 0 30px #a12820; /* Эффект свечения */
}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(2px); }
    50% { transform: translateX(-2px); }
    75% { transform: translateX(2px); }
    100% { transform: translateX(0); }
}
.fas.fa-chevron-left:hover {
    animation: shake 0.5s ease infinite; /* Запускаем анимацию при наведении бесконечно */
}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-2px); }
    50% { transform: translateX(2px); }
    75% { transform: translateX(-2px); }
    100% { transform: translateX(0); }
}

.container {
    counter-reset: item-counter; /* Сбрасываем счётчик для контейнера */
    display: flex; /* Используем flexbox для выравнивания */
    flex-direction: column; /* Выравниваем элементы по вертикали */
}

.button.button--outline.button--purple {
    counter-increment: item-counter; /* Увеличиваем счётчик для каждого элемента */
    position: relative; /* Для корректного позиционирования псевдоэлемента */
    display: flex; /* Делаем кнопку flex-элементом */
    align-items: center; /* Выравниваем элементы по центру по вертикали */
}

.button.button--outline.button--purple::before {
    content: counter(item-counter) ". "; /* Добавляем номер перед элементом */
    margin-right: 0px; /* Отступ справа для номера */
    width: 20px; /* Фиксированная ширина для выравнивания */
    text-align: right; /* Выравниваем текст по правому краю */
}
.ej-accordions-before__button.button.button--small.button--outline:hover {
	box-shadow: 0 0 20px #575e62, /* Эффект свечения */
                0 0 30px #828c93; 
}
	.button.offset6:hover {
	box-shadow: 0 0 20px #575e62, /* Эффект свечения */
                0 0 30px #828c93; 
}
.button.button--outline.button--purple {
    padding: 7px; /* отступы для улучшения внешнего вида */
    height: auto; /* высота автоматически подстраивается под текст */
}

.button.button--outline.button--purple span {
    white-space:normal; /* разрешает перенос текста */
    overflow: visible; /* позволяет тексту выходить за пределы */
	max-width: 100%; /* устанавливает максимальную ширину кнопки */
    overflow-wrap: break-word; /* позволяет разбивать слова при необходимости */
	
	/*багулина в календаре*/
}
.button.button--blue.button--medium.button--icon.button--outline {
	display: inline /*теперь кнопочки в нормальном месте находятся*/
}
.button.button--blue.button--medium.button--outline {
	display: inline
}
.button.button--blue.button--medium.button--outline {
	padding: 0 0 0px  /*отступ текста*/
}
.button.button--blue.button--medium.button--icon.button--outline{
	display: inline-flex
}
 /*а теперь анимочки*/
.button.button--blue.button--medium.button--icon.button--outline:hover {
	box-shadow: 0 0 20px #0a5f9c, /* Эффект свечения */
				0 0 30px #0a5f9c;
		transform: scale(1.0); /* отмена увелечения */
}
.button.button--blue.button--medium.button--outline:hover {
box-shadow: 0 0 20px #0a5f9c, /* Эффект свечения */
			0 0 30px #0a5f9c;
		transform: scale(1.0); /* отмена увелечения */
}
}

@-moz-document url-prefix("https://cop.admhmao.ru/journal-messages") {
/* багулины в сообщениях */
.button{
	display:inline-flex /*исправление расположения кнопок в главной */
}
.button:hover {
	box-shadow: 0 0 20px #575e62, /* Эффект свечения */
                0 0 30px #828c93; 
	transform: scale(1.0) /* отмена увелечения размера */
}
.button.button--medium.button--blue:hover {
	transform: scale(1.1)
}
.button.button--medium.button--red.offset32:hover {
	transform: scale(1.1)
}
.button.button--small.button--gray.button--outline.offset32:hover {
	transform: scale(1.1);
	box-shadow: 0 0 20px #575e62, /* Эффект свечения */
                0 0 30px #828c93; 
}
.button.button--small.button--gray.button--outline.offset32 {
	display: inline-flex;
    position: relative;
    left: -37px; /* Сдвигает элемент на 20 пикселей влево */
	top: 10px;
	min-width: 610px;
	max-width: 610px;
}
.ej-accordions-before__button.button.button--small.button--outline:hover {
	transform: scale(1.1)
}
.tooltip.cloud-resources__tooltip {
	display: none
}
.button.button--medium.button--red.button--big:hover {
	box-shadow: 0 0 15px #a12820, 0 0 30px #a12820; /* Эффект свечения */
	transform: scale(1.1)
}
.button.button--medium.button--red.button--big {
	min-width: 879px;
	max-width: 879px;
	height: auto;
	position: relative;
	left: 90px;
}
.button.button--outline.button--blue.add-cloud-resources-message-compose-btn:hover {
	transform: scale(1.1);
	box-shadow: 0 0 15px #0a5f9c, 0 0 30px #0a5f9c; /* Эффект свечения */
}
.button.button--outline.button--blue.add-cloud-resources-message-compose-btn {
	position: relative;
		top: 10px
}
.button.button--red.button--outline:hover {
	box-shadow: 0 0 15px #a12820, 0 0 30px #a12820; /* Эффект свечения */
	transform: scale(1.1)
}
}

@-moz-document url-prefix("https://cop.admhmao.ru/elk") {
.o6mIfljJJfPGpeZ22VdI {
            transition: transform 0.3s ease;
}

.o6mIfljJJfPGpeZ22VdI:hover {
        transform: scale(1.1); /* Увеличение кнопки на 10% */
    box-shadow: 0 0 20px #0370f3, /* Эффект свечения */
                0 0 30px #03b5f3; 
}
.qhh4JkO31OOn0dfdR85w.hCm6L9CxY3d9pYBU9ZrU.Vb7ZQ_U146X3bSPl3fJ0.qprEp75BPvL0tGx2M3SJ:hover {
	transform: scale(1.1);
		box-shadow: 0 0 20px #575e62,
					0 0 30px #828c93;
}
.qhh4JkO31OOn0dfdR85w.hCm6L9CxY3d9pYBU9ZrU.Vb7ZQ_U146X3bSPl3fJ0.qprEp75BPvL0tGx2M3SJ {
	transition:transform 0.3s ease;
}
.prqfLTk8hBdx4spkq6wV.gWA6tHEH4uUAUA8oqYxB.T9qhVSoKAg70gxF2o_EF:hover {
	transform: scale(1.1);
		box-shadow: 0 0 20px #575e62,
					0 0 30px #828c93;
}
.prqfLTk8hBdx4spkq6wV.gWA6tHEH4uUAUA8oqYxB.T9qhVSoKAg70gxF2o_EF {
	transition:transform 0.3s ease;
}
.kkkEsCy3Gclu6wB3BcMo.J1pnQstxxnuIwFnbAfKg.r5l7FeTXEnsBUrgKkcg8:hover {
	background-color: #3c7cc9;
}
.kkkEsCy3Gclu6wB3BcMo.J1pnQstxxnuIwFnbAfKg.r5l7FeTXEnsBUrgKkcg8 {
	transition: background-color 0.3s ease, transform 0.3s ease;
}
}...