Proxy.php

Enhance forum UI with animations and effects
Задайте вопрос, напишите отзыв или пожалуйтесь на скрипт.
Перенести строки
// ==UserScript==
// @name         Proxy.php
// @namespace    http://tampermonkey.net/
// @version      1.8
// @description  Enhance forum UI with animations and effects
// @match        https://zelenka.guru/proxy.php*
// @match        https://lolz.live/proxy.php*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    // Add custom styles
    GM_addStyle(`
        /* Фоновое видео */
        body::before {
            content: "";
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7); /* Затемнение фона */
            z-index: -1; /* Фон за всем контентом */
        }

        /* Фоновое видео как отдельный элемент */
        body > .background-video {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -2; /* Под затемнением */
        }

        .pageContent {
            background: transparent; /* Убираем задний фон */
        }

        .sectionMain {
            background: rgba(0, 0, 0, 0.3); /* Полупрозрачный черный фон */
            border-radius: 10px;

            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(10px); /* Эффект стеклянного фона */
            color: #fff; /* Белый текст */
            max-width: 600px; /* Ограничение ширины для удобства чтения */
            margin: auto; /* Центрирование по горизонтали */
        }

        .primaryContent p {
            margin: 0;

            color: #EA4C4C; /* Красный цвет для заголовка */
            font-weight: 600;
            font-size: 15px;
            line-height: 22px;
            text-align: center; /* Выравнивание текста по центру */
        }

        .primaryContent p + p {
            margin-top: 1em;
            color: #fff; /* Белый цвет для основного текста */
            text-align: center; /* Выравнивание текста по центру */
        }

        .secondaryContent {
            text-align: center;
            margin-top: 1em;
        }

        .button.primary.redirect {
            display: inline-block;
            background: #13d17f; /* зел фон */
            color: #fff; /* Белый текст */

            border-radius: 5px;
            text-decoration: none;
            font-size: 15px;
            font-weight: bold;
            border: none;
            cursor: pointer;
            transition: background 0.3s, transform 0.3s;
        }

        .button.primary.redirect:hover {
            background: #d43f3f; /* Темнее при наведении */
            transform: scale(1.05); /* Легкое увеличение при наведении */


        }

        .button.primary.redirect:active {
            background: #d43f3f; /* Темнее при наведении */
            transform: scale(0.98); /* Легкое увеличение при наведении */


        }

         .primaryContent, .secondaryContent {

        background: none;


    `);

    // Add the video element dynamically
    const video = document.createElement('video');
    video.className = 'background-video';
    video.autoplay = true;
    video.loop = true;
    video.muted = true;
    video.src = 'https://static.vecteezy.com/system/resources/previews/034/701/024/mp4/simple-and-elegant-dark-minimal-background-cloud-or-smoke-texture-on-black-background-free-video.mp4';
    document.body.appendChild(video);
})();