☰

Bet365

Altera estilos, oculta elementos e ajusta fontes em páginas do Bet365

  1. // ==UserScript==
  2. // @name         Bet365
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.7
  5. // @description  Altera estilos, oculta elementos e ajusta fontes em páginas do Bet365
  6. // @match        https://www.bet365.com/*
  7. // @grant        none
  8. // ==/UserScript==
  9.  
  10. (function() {
  11.     'use strict';
  12.  
  13.     // Função para aplicar as alterações de estilo e ocultar elementos
  14.     function ajustarEstilosEOcultar() {
  15.         // Ajusta os estilos dos elementos
  16.         const pitchContainers = document.querySelectorAll('.ml1-MatchLiveSoccerModule_PitchContainer');
  17.         pitchContainers.forEach(element => {
  18.             // Aplica o estilo desejado
  19.             element.style.setProperty('--ml1-scale', '0.78');
  20.  
  21.             // Remove as propriedades indesejadas
  22.             element.style.removeProperty('--ml1-sceneXTranslate');
  23.             element.style.removeProperty('--ml1-sceneYTranslate');
  24.             element.style.removeProperty('--ml1-sceneZAdjustment');
  25.             element.style.removeProperty('--ml1-sceneXAdjustment');
  26.         });
  27.  
  28.         // Define as novas propriedades no :root
  29.         const root = document.documentElement;
  30.         root.style.setProperty('--ml1-sceneXRotation', 'calc(55deg + var(--ml1-sceneXAdjustment))');
  31.         root.style.setProperty('--ml1-sceneYTranslate', '-30px');
  32.         root.style.setProperty('--ml1-animationOutlineText1', 'hsla(0,0%,100%,1)');
  33.         root.style.setProperty('--ml1-animationOutlineText2', 'hsla(0,0%,100%,1)');
  34.         root.style.setProperty('--ml1-animation-duration', '1s');
  35.  
  36.         // Oculta os elementos específicos
  37.         const elementosParaOcultar = [
  38.             '.ml1-AdBoardsSection_LeftBoard',
  39.             '.ml1-AdBoardsSection_CentreBoard',
  40.             '.ml1-AdBoardsSection_TopLeftBoard',
  41.             '.ml1-AdBoardsSection_TopRightBoard',
  42.             '.ml1-AdBoardsSection_RightBoard',
  43.             '.ml1-Stadium'
  44.         ];
  45.  
  46.         elementosParaOcultar.forEach(selector => {
  47.             const elements = document.querySelectorAll(selector);
  48.             elements.forEach(element => {
  49.                 element.style.display = 'none';
  50.             });
  51.         });
  52.  
  53.         // Aplica os estilos para o texto do relógio e outros elementos
  54.         const adicionarEstilosTexto = () => {
  55.             const style = document.createElement('style');
  56.             style.textContent = `
  57.                 .ml1-SoccerClock_AdditionalText,
  58.                 .ml1-SoccerClock_Timer {
  59.                     font-size: 15px;
  60.                     line-height: 15px;
  61.                     color: #ffffff;
  62.                     background-color: rgb(0 0 0);
  63.                 }
  64.                 .ml1-SoccerClock_InjuryTime {
  65.                     font-size: 15px;
  66.                     line-height: 15px;
  67.                     color: #ffffff;
  68.                 }
  69.             `;
  70.             document.head.appendChild(style);
  71.         };
  72.  
  73.         adicionarEstilosTexto();
  74.     }
  75.  
  76.     // Executa a função quando a página carregar
  77.     window.addEventListener('load', ajustarEstilosEOcultar);
  78.  
  79.     // Caso a página seja dinâmica e o conteúdo possa mudar, você pode monitorar e aplicar as mudanças repetidamente
  80.     const observer = new MutationObserver(ajustarEstilosEOcultar);
  81.     observer.observe(document.body, { childList: true, subtree: true });
  82.  
  83. })();