Skip to content

YouGame Animated by Desynci

Screenshot of YouGame Animated

Details

AuthorDesynci

LicenseGNU GPL

Categoryyougame

Created

Updated

Size93 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

🎭 YouGame Animated добавляет анимации и позволяет улучшить внешний вид форума YouGame.biz

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.26.1
@namespace  1337
@preprocessor stylus

@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 compact-search "Компактный поиск" 1
@var checkbox prefixes-case "Регистр префиксов" 1

@var select holder-2 "🎭 Анимации" {
    ' ': "holder-2"
}

@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-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 "➡️ Цвет" #d10505
@var color contrasts_color "➡️ Контрасты" #ffffff
@var color menu_color "Цвет размытых меню" #161b1e85
@var color border_color "Цвет обводки" #ffffff1a
@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 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",
    'Римские': "upper-roman",
    'Иврит': "hebrew",
    'Индия': "arabic-indic",
    'Армения': "armenian",
    'Иероглифы': "simp-chinese-formal",
    'Палочки': "simp-chinese-informal"
}
@var checkbox old-arbiters "Старый цвет арбитров" 0

==/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;
    }
    
    .p-header-logo--image {
        filter: grayscale(0) sepia(0) hue-rotate(logo-hue);
    }
    
        /* 502 page */
    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;
        }
    }

    /* tweaks */

        /* mobile site version */
    .p-nav-menuTrigger {
        padding: 0px 8px;
        vertical-align: text-top;
    }
    
    .p-nav-menuTrigger i::after {
        font-size: 20px;
    }

        /* replace logo */
    .p-header-logo {
        background: url("https://s.iimg.su/s/12/xUcOXdsGD9uUylSlaClPPfCtJG2jtevWHvLXkZVu.png") no-repeat;
        background-size: 183px 53px;
    }
    
     .p-header-logo--image img {
        visibility: hidden;
    }
    
    .p-header-logo--image a {
        display: block;
    }

        /* remove status update button */
    .js-visitorMenuBody .menu-footer {
        display: none;
    }

		/* p-nav */
    .p-nav-list {
        .p-navEl-link, .p-navEl-splitTrigger {
            padding-top: 5px;
            padding-bottom: 5px;
        }
    }
    
        /* small search results list */
    .autoCompleteList {
        margin-top: 0px;
    }
    
    .autoCompleteList li {
        padding: 5px;
    }
    
		/* price labels */
    .label {
        display: inline;
        border-radius: 0px;
    }
    
    /* icons */

    	/* setup link-row icons */
	.menu-linkRow::before {
		display: inline-block;
		font-family: 'Font Awesome 5 Pro';
	}
	
	    /* simple up */
	[href*="type=simple"].menu-linkRow::before {
		content: "\f077";
		margin-right: 5px;
		font-weight: bold;
	}
	
	    /* super up */
	[href*="type=super"].menu-linkRow::before {
		content: "\f32c";
		margin-right: 5px;
		font-weight: bold;
	}
	
	    /* edit topic */
	[href*="edit"].menu-linkRow::before {
		content: "\f044";
		margin-right: 5px;
	}
	
	    /* create poll */
	[href*="poll/create"].menu-linkRow::before {
		content: "\f681";
		margin-right: 8px;
	}

        /* languages */
    .fa-globe::before {
        content: "\f1ab";
    }
    
        /* pin comment */
    .actionBar-action--stick::before {
        content: "\f08d";
        margin-right: 3px;
    }
    
		/* report */
   [action*="report"] {
       .button--primary {
			padding-left: 7px;
		
        	::before {
            	content: "\f071" !important;
				font-family: 'Font Awesome 5 Pro';
				margin-right: 5px;
       		}
       }
   }
    
        /* breadcrumbs */
    .p-breadcrumbs>li:first-child::before {
        content: "\f14e"; /* compass */
        position: relative;
        top: -2.5px;
        margin-right: 2px;
    }
    
    .p-breadcrumbs>li:after {
        position: relative;
        top: -2.5px;
        margin-left: 3.5px;
    }
    
    .p-breadcrumbs>li a {
        vertical-align: text-bottom;
    }
    
    .p-breadcrumbs>li:last-child a {
        opacity: 0.9;
    }
    
     /* share menu */   
	.tooltip {
		.shareButtons-button--ok, .shareButtons-button--whatsApp, .shareButtons-button--viber, .shareButtons-button--skype, .shareButtons-button--mail {
        	display: none;
    	}
		
		.shareButtons-buttons {
        	display: flex !important;
        	justify-content: center;
    	}
    
    	.shareButtons-button {
        	margin: 0px;
        	margin-right: 3px;
    	}
	} 

        /* arrows at bb-codes panel */
    [data-cmd="bsHide"]::after {
        right: 0px !important;
    }
    
    [data-cmd="fontSize"]::after {
        right: 1px !important;
    }
    
    [data-cmd="fontFamily"]::after {
        right: 5px !important;
    }
    
    [data-cmd="xfInsert"]::after {
        right: 3px !important;
    }
    
    [data-cmd="align"]::after {
        right: 3.5px !important;
    }
    
    [data-cmd="xfList"]::after {
        right: 2px !important;
    }

        /* mini-profile tabs */
    .menu-tabHeader.tabs {
        padding: 1px 1px;
    }
    
    .block-progress .block-profile-info {
        padding: 14px 10px 18px 10px;
    }
    
        /* remove donate campaign end date */
    .th_donate_campaignEnd {
        display: none;
    }

        /* hide a block with the site url on links */
    .js-unfurl .contentRow-minor--hideLinks {
        display: none;
    }

        /* reactions & points tip */
    .message-userExtras > .pairs sup {
        display: none;
    }
    
        /* categories header */
    .block.block--category .block-header {
        margin: unset;
    }
    
        /* emoji inserted message */
    .menu--emoji .menu-emojiInsertedMessage {
        display: none;
    }
    
        /* cursor fixes */
    .select2-results__options--nested, .p-title [class^="prefix_"] {
        cursor: pointer;
    }
    
        /* top-down buttons */
    if (theme==default) {
        .button.button--scroll, a.button.button--scroll {
            background: transparent;
            backdrop-filter: blur(5px);
        }
    }
	
		/* font-size dropdown */
	[aria-labelledby*="fontSize"] {
		.fr-command {
			line-height: 190% !important;
		}
		
		.fr-dropdown-list > li {
			display: flex;
    		justify-content: center;
		}
	}
    
        /* prefixes  */
    [class^="prefix_"] {
        padding: 0px 5px !important;
        vertical-align: middle;
        cursor: default;
    }

        /* small rss-icon and bottom links menu */
    .p-footer-rssLink, .p-footer-row-opposite {
        display: none;
    }

        /* sections tooltips */
    .tooltip--description.tooltip--right {
        display: none !important;
    }

        /* single-code */
    .bbCodeInline {
        font-size: 90%;
    }
    
        /* internal links hover */
    a.bbCodeBlock-sourceJump:hover, a.u-concealed:hover, .block-header a:hover, .block-minorHeader a:hover, .memberOverviewBlock-se...

Reviews

No reviews yet.