☰

Proxy.php

Enhance forum UI with animations and effects

  1. // ==UserScript==
  2. // @name         Proxy.php
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.8
  5. // @description  Enhance forum UI with animations and effects
  6. // @match        https://zelenka.guru/proxy.php*
  7. // @match        https://lolz.live/proxy.php*
  8. // @grant        GM_addStyle
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     // Add custom styles
  15.     GM_addStyle(`
  16.         /* Фоновое видео */
  17.         body::before {
  18.             content: "";
  19.             position: fixed;
  20.             top: 0;
  21.             left: 0;
  22.             width: 100%;
  23.             height: 100%;
  24.             background: rgba(0, 0, 0, 0.7); /* Затемнение фона */
  25.             z-index: -1; /* Фон за всем контентом */
  26.         }
  27.  
  28.         /* Фоновое видео как отдельный элемент */
  29.         body > .background-video {
  30.             position: fixed;
  31.             top: 0;
  32.             left: 0;
  33.             width: 100%;
  34.             height: 100%;
  35.             object-fit: cover;
  36.             z-index: -2; /* Под затемнением */
  37.         }
  38.  
  39.         .pageContent {
  40.             background: transparent; /* Убираем задний фон */
  41.         }
  42.  
  43.         .sectionMain {
  44.             background: rgba(0, 0, 0, 0.3); /* Полупрозрачный черный фон */
  45.             border-radius: 10px;
  46.  
  47.             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  48.             backdrop-filter: blur(10px); /* Эффект стеклянного фона */
  49.             color: #fff; /* Белый текст */
  50.             max-width: 600px; /* Ограничение ширины для удобства чтения */
  51.             margin: auto; /* Центрирование по горизонтали */
  52.         }
  53.  
  54.         .primaryContent p {
  55.             margin: 0;
  56.  
  57.             color: #EA4C4C; /* Красный цвет для заголовка */
  58.             font-weight: 600;
  59.             font-size: 15px;
  60.             line-height: 22px;
  61.             text-align: center; /* Выравнивание текста по центру */
  62.         }
  63.  
  64.         .primaryContent p + p {
  65.             margin-top: 1em;
  66.             color: #fff; /* Белый цвет для основного текста */
  67.             text-align: center; /* Выравнивание текста по центру */
  68.         }
  69.  
  70.         .secondaryContent {
  71.             text-align: center;
  72.             margin-top: 1em;
  73.         }
  74.  
  75.         .button.primary.redirect {
  76.             display: inline-block;
  77.             background: #13d17f; /* зел фон */
  78.             color: #fff; /* Белый текст */
  79.  
  80.             border-radius: 5px;
  81.             text-decoration: none;
  82.             font-size: 15px;
  83.             font-weight: bold;
  84.             border: none;
  85.             cursor: pointer;
  86.             transition: background 0.3s, transform 0.3s;
  87.         }
  88.  
  89.         .button.primary.redirect:hover {
  90.             background: #d43f3f; /* Темнее при наведении */
  91.             transform: scale(1.05); /* Легкое увеличение при наведении */
  92.  
  93.  
  94.         }
  95.  
  96.         .button.primary.redirect:active {
  97.             background: #d43f3f; /* Темнее при наведении */
  98.             transform: scale(0.98); /* Легкое увеличение при наведении */
  99.  
  100.  
  101.         }
  102.  
  103.          .primaryContent, .secondaryContent {
  104.  
  105.         background: none;
  106.  
  107.  
  108.     `);
  109.  
  110.     // Add the video element dynamically
  111.     const video = document.createElement('video');
  112.     video.className = 'background-video';
  113.     video.autoplay = true;
  114.     video.loop = true;
  115.     video.muted = true;
  116.     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';
  117.     document.body.appendChild(video);
  118. })();