MediaWiki:Tgui.css

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
Opera: Нажмите Ctrl+F5.

/* Весь CSS будет отсюда будет загружен пользователям темы оформления «TGUI» */
/* Rainbow */
@property --rainbow-angle {
	syntax: "<angle>";
	inherits: false;
	initial-value: 0deg;
}

@keyframes rainbow {
	to {
		--rainbow-angle: 360deg;
	}
}

.rainbow {
	position: absolute;
	inset: 0;
	background: conic-gradient(from var(--rainbow-angle), rgba(255, 0, 0, 1) 0%, rgba(255, 154, 0, 1) 10%, rgba(208, 222, 33, 1) 20%, rgba(79, 220, 74, 1) 30%, rgba(63, 218, 216, 1) 40%, rgba(47, 201, 226, 1) 50%, rgba(28, 127, 238, 1) 60%, rgba(95, 21, 242, 1) 70%, rgba(186, 12, 248, 1) 80%, rgba(251, 7, 217, 1) 90%, rgba(255, 0, 0, 1) 100%);
	border-radius: calc(var(--border-radius-small) + 1px);
	filter: blur(0px);
	animation: 3s linear infinite rainbow;
	transition: filter var(--transition-time);
	z-index: -1;
}

.rainbow:after {
	content: '';
	position: absolute;
	inset: 1px;
	border-radius: calc(var(--border-radius-small) + 1px);
	backdrop-filter: blur(128px);
	z-index: 0;
}

/* Disable blur */
.blurless {
  backdrop-filter: blur(0) !important;
}

/* Fill */
.fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: var(--index-low);
}

@media (max-width: 719px) {
  .mobile-support-new {
    overflow: auto !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    clear: none !important;
    float: none !important;
  }
}