🎭 YouGame Animated добавляет анимации и позволяет улучшить внешний вид форума YouGame.biz
YouGame Animated by Desynci
Details
AuthorDesynci
LicenseGNU GPL
Categoryyougame
Created
Updated
Size81 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
✨ Особенности темы:
Тёмная палитра – опциональный тёмный режим придаст форуму свежий вид.
Плавность – новые анимации сделают ощущения от интерфейса в разы приятнее.
Размытие – уместный блюр улучшит старый дизайн.
Отсутствие границ – отключение резких обводок и граней омолодит внешний вид.
Акценты – красивый градиент выделит контент, который вам нравится.
Кастомные цвета – функция смены акцента позволит быстро изменить главные цвета форума.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name YouGame Animated
@version v3.44.6
@namespace 1337
@preprocessor stylus
@var select holder-99 "☃️ Зима" {
' ': "holder-99"
}
@var checkbox flakes "Снег" 1
@var checkbox new-year "Новогоднее оформление" 1
@var select drifts "Сугробы:" {
'Нет': "disable",
'Обычные': "default",
'Мягкие*': "no-glow",
'Гладкие': "glow"
}
@var select holder-1 "✨ Внешний вид" {
' ': "holder-1"
}
@var checkbox blur-menus "Размытие меню" 1
@var checkbox blur-panels "Размытие панелей" 1
@var checkbox round-borders "Скругление краёв" 1
@var checkbox remove-borders "Отключение обводки" 1
@var checkbox remove-background "Отключение фона" 0
@var select theme "Тема:" {
'Обычная': "default",
'Тёмная 🌙*': "dark",
'Nixware 💀': "nixware"
}
@var select online-status "Онлайн-статус:" {
'Стандарт': "standart",
'Компакт 📕': "circle",
'Компакт+ 📖*': "compact"
}
@var select prefix-palette "Цвет префиксов:" {
'Обычный*': "standart",
'Монохром 🤍': "monochrome"
}
@var checkbox short-logo "Короткий логотип" 0
@var checkbox compact-search "Компактный поиск" 1
@var checkbox prefixes-case "Регистр префиксов" 1
@var select holder-2 "🎭 Анимации" {
' ': "holder-2"
}
@var checkbox animate-logo "Лого" 1
@var checkbox animate-load "Плавная загрузка" 1
@var checkbox animate-content "Список тем" 1
@var checkbox use-gradients "Переливающиеся элементы" 0
@var checkbox animate-groups "Уникальные группы" 1
@var checkbox animate-lists "Маркированные списки" 1
@var select holder-3 "💖 Любимые темы" {
' ': "holder-3"
}
@var checkbox favorite-contest "Розыгрыши" 1
@var checkbox favorite-news "Новости" 0
@var checkbox favorite-crack "Кряки" 0
@var checkbox favorite-source "Исходники" 0
@var checkbox favorite-free "Бесплатное" 0
@var checkbox favorite-lua "Скрипты" 0
@var select holder-4 "🐦 Отключение лишнего" {
' ': "holder-4"
}
@var checkbox remove-ads "Реклама" 0
@var checkbox remove-pinned-links "Быстрые ссылки" 0
@var checkbox remove-arrows "Стрелочки списка тем" 0
@var checkbox remove-tooltips "Всплывающие подсказки" 0
@var select holder-5 "🧺 Удаление тем" {
' ': "holder-5"
}
@var checkbox remove-pinned "Закреплённые темы" 0
@var checkbox remove-question "Темы: ВОПРОС" 0
@var checkbox remove-private "Темы: PRIVATE" 0
@var checkbox remove-source "Темы: ИСХОДНИК" 0
@var checkbox remove-minecraft "Темы: МАЙНКРАФТ" 0
@var checkbox remove-service "Темы: УСЛУГИ" 0
@var checkbox remove-scripts "Темы: ИЩУ СКРИПТ" 0
@var checkbox remove-gamedev "Темы: РАЗРАБОТКА ИГР" 0
@var select holder-6 "🌈 Цвета" {
' ': "holder-6"
}
@var checkbox change-accent "Сменить акцент" 1
@var color accent_color "➡️ Цвет" #db0f0f
@var color contrasts_color "➡️ Контрасты" #ffffff
@var color menu_color "Цвет размытых меню" #161b1e85
@var color border_color "Цвет обводки" #f7f7f70d
@var color main_gradient "Цвет градиента" #f94444
@var color additional_gradient "Доп. цвет градиента" #6459f5
@var range logo-hue "Цвет лого:" [0,0,1,0.025,"turn"]
@var select holder-7 "⚒️ Настройка" {
' ': "holder-7"
}
@var checkbox upscale-logo "Качественное лого" 1
@var checkbox old-arbiters "Старый цвет арбитров" 0
@var range blur-amount-menus "Размытие меню:" [20,2,150,2,"px"]
@var range blur-amount-panels "> панелей:" [25,5,150,2.5,"px"]
@var range logo-blur "Свечение лого:" [55,0,150,5,"px"]
@var select lists-type "Вид списков:" {
'Обычные*': "default",
'IV Римские': "upper-roman",
'אד Иврит': "hebrew",
'٣٤ Индия': "arabic-indic",
'ԱԴ Армения': "armenian",
'氣 Иероглифы': "simp-chinese-formal",
'三 Палочки': "simp-chinese-informal"
}
==/UserStyle== */
@-moz-document domain("yougame.biz") { :root { --menu-color: menu_color; --accent-color: accent_color; --contrasts-color: contrasts_color; --border-color: border_color; --main-gradient: main_gradient; --additional-gradient: additional_gradient; }
.snowflake { pointer-events: none; }
if (!flakes) {
.snowflakes-box {
display: none;
}
}
if (drifts is disable) { .snowball-box { display: none; } }
.snowball-wrap:after {
height: 4px !important;
}
if (drifts is no-glow) {
.snowball-box .snow-layer .snowball-wrap a {
box-shadow: inset -10px 0 14px 0 #c8ebf8 !important;
}
}
if (drifts is glow) {
.snowball-box .snow-layer .snowball-wrap a {
box-shadow: inset 0 0 20px #f5f5f5, inset 20px 0 20px #c8ebf8, inset -20px 0 20px #c5f2ed, inset 20px 0 10px #c8ebf8, inset -20px 0 20px #c5f2ed, 0 0 20px #fff, -10px 0 20px #c8ebf8, 10px 0 20px #c5f2ed !important;
}
}
if (new-year) {
.bbWrapper [class="username "]::before { content: "⛄"; }
.message-body, .comment-body { [class="username "] span::before { content: none !important; } }
.flashMessage-content::after { content: "☃️" !important; background: #fff !important; background-clip: text !important; top: 9px; right: 200px; }
.overlay-titleCloser {
animation: title-closer ease 1.8s !important;
opacity: 0.9;
}
.overlay-titleCloser:after {
content: "❄️";
}
}
.p-header-logo--image { filter: grayscale(0) sepia(0) hue-rotate(logo-hue); }
html { background: #151d20; }
body { hr { display: none; }
center>h1, center:nth-of-type(2) { visibility: hidden; }
center>h1::after { visibility: visible; display: block; position: relative; margin: auto; content: "Упал!"; background: linear-gradient(90deg, #f94444 0%, #5548ff 50%, #f94444 100%); background-size: 200% 200%; animation: gradient 5s linear infinite; background-clip: text; color: transparent; top: -20px; }
center:nth-of-type(2)::after { visibility: visible; display: block; position: relative; content: "Зачем он это делает? Кто дал ему такое право?"; color: #c7c7c7; top: -60px; } }
.p-nav-menuTrigger { padding: 0px 8px; vertical-align: text-top; }
.p-nav-menuTrigger i::after { font-size: 20px; }
.js-visitorMenuBody .menu-footer { display: none; }
.p-nav-list { .p-navEl-link, .p-navEl-splitTrigger { padding-top: 5px; padding-bottom: 5px; } }
.autoCompleteList { margin-top: 0px; }
.autoCompleteList li { padding: 5px; }
.label { display: inline; border-radius: 0px; }
.p-navEl.is-selected .p-navEl-link { padding-right: 3.75px !important; &:hover { background: rgba(255, 255, 255, 0.06) !important; } }
.p-navEl.is-selected .p-navEl-splitTrigger { display: block !important; }
.p-navEl:not(.is-menuOpen):hover { background: rgba(255, 255, 255, 0.06) !important; }
.menu-linkRow, .contentRow-title, .contentRow-title a, .contentRow-title a~a, .actionBar-action, .reaction--imageHidden i, .fa-sync-alt, .fa-cog, .fa-undo, .fa-redo, .bbCodeBlock-title, .js-commentLoader, .u-muted, .button--link span, .buttonGroup-buttonWrapper>.menuTrigger, .attachment-details-views { &::before { display: inline-block; font-family: 'Font Awesome 5 Pro'; } }
.message-body, .comment-body { [class="username "] span::before { content: "@"; } }
.changeLimit>i::before { transition: .5s ease; transform: rotate(0turn); }
.changeLimit.is-menuOpen>i::before { transform: rotate(0.2turn) translateX(-0.5px) translateY(0.5px); }
.changeLimit:hover { >i::before { transform: rotate(0.2turn) translateX(-0.5px) translateY(0.5px); } }
.refreshButton i, .fa-undo, .fa-redo { &::before { transition: transform .5s ease; } }
.refreshButton:hover { >i::before { transform: rotate(0.3turn) translateX(-1px) translateY(1px); } }
[data-cmd="undo"]:not(.fr-disabled):hover>i::before { transform: rotate(-0.3turn); }
[data-cmd="redo"]:not(.fr-disabled):hover>i::before { transform: rotate(0.3turn); }
[href*="type=simple"].menu-linkRow::before { content: "\f077"; margin-right: 5px; font-weight: bold; }
[href*="type=super"].menu-linkRow::before { content: "\f32c"; margin-right: 5px; font-weight: bold; }
[href*="edit"].menu-linkRow::before { content: "\f044"; margin-right: 5px; }
[href*="poll/create"].menu-linkRow::before { content: "\f681"; margin-right: 8px; }
.fa-globe::before { content: "\f1ab"; }
.actionBar-action--stick::before { content: "\f08d"; margin-right: 3px; }
[action*="report"] { .button--primary { padding-left: 7px; ::before { content: "\f071" !important; font-family: 'Font Awesome 5 Pro'; margin-right: 5px; } } }
.memberHeader-actionTop .button--link span { &::before { content: "\f071" !important; margin-right: 2px; } }
.memberHeader-buttons [href*="ignore"], .memberHeader-buttons [href^="/conversations/"], .memberHeader-avatar .avatarWrapper { z-index: 100; position: sticky; }
.memberHeader-buttons .buttonGroup-buttonWrapper>.menuTrigger { overflow: hidden; position: relative; animation: icons-additional-swipe .6s .3s ease both; &::before { content: "\f002" !important; margin-right: 5px; transform: translateY(120%); animation: icons-down-top .55s .8s ease forwards; } }
.bbCodeBlock--hide>.bbCodeBlock-title::before { content: '\f2a8'; margin-right: 5px; font-size: 0.9em; }
.js-commentLoader::before { content: '\f4b6'; margin-right: 2px; color: #737373; }
.actionBar-action { &::before { transition: transform .3s ease; }
&:hover { &::before { transform: translateX(-2px); } } }
.reaction--imageHidden { i::before { transition: transform .3s ease; }
&:hover { i::before { transform: scale(1.15); } } }
.actionBar-action--reply::before { content: "\f3e5" !important; margin-right: 4px !important; }
.actionBar-action--personal::before { content: "\f0e0" !important; margin-right: 4px !important; }
.actionBar-action--personal:hover::before { transform: translateY(-2.5px); }
.actionBar-action--reply:hover::before { transform: translateX(-2px); }
.actionBar-action--hideReply::before { transition: opacity .2s ease, transform .3s ease; }
.actionBar-action--hideReply:hover::before { opacity: 0.2; }
.actionBar-action--report:hover::before { transform: scale(-1, 1); }
.actionBar-action--edit:hover::before { transform: rotate(-0.125turn) translateX(2px); }
.actionBar-action--stick:hover::before { transform: translateY(2.5px); }
.u-muted { transition: filter .3s ease; &::before { transition: transform .3s ease; } }
.input:hove...