Altera estilos, oculta elementos e ajusta fontes em páginas do Bet365
Este Userscript é projetado para personalizar a aparência e a experiência do usuário no site Bet365. Ele faz ajustes detalhados no estilo visual dos elementos da página, oculta certos elementos publicitários e ajusta a aparência de textos específicos para melhorar a legibilidade e a estética geral da página.
Ajustes de Estilo: Modifica propriedades CSS específicas para alterar a aparência de elementos no site.
--ml1-scale para 0.78 para ajustar a escala dos elementos.--ml1-sceneXRotation e --ml1-sceneYTranslate para ajustar a rotação e o deslocamento dos elementos.Ocultação de Elementos: Remove elementos específicos da página para uma visualização mais limpa.
Personalização de Texto: Ajusta o estilo de textos específicos para uma melhor legibilidade.
Instalação do Userscript:
Código do Userscript:
// ==UserScript==
// @name Bet365
// @namespace http://tampermonkey.net/
// @version 1.7
// @description Altera estilos, oculta elementos e ajusta fontes em páginas do Bet365
// @match https://www.bet365.com/*
// @grant none
// ==/UserScript==
(function() { 'use strict';
// Função para aplicar as alterações de estilo e ocultar elementos
function ajustarEstilosEOcultar() {
// Ajusta os estilos dos elementos
const pitchContainers = document.querySelectorAll('.ml1-MatchLiveSoccerModule_PitchContainer');
pitchContainers.forEach(element => {
// Aplica o estilo desejado
element.style.setProperty('--ml1-scale', '0.78');
// Remove as propriedades indesejadas
element.style.removeProperty('--ml1-sceneXTranslate');
element.style.removeProperty('--ml1-sceneYTranslate');
element.style.removeProperty('--ml1-sceneZAdjustment');
element.style.removeProperty('--ml1-sceneXAdjustment');
});
// Define as novas propriedades no :root
const root = document.documentElement;
root.style.setProperty('--ml1-sceneXRotation', 'calc(55deg + var(--ml1-sceneXAdjustment))');
root.style.setProperty('--ml1-sceneYTranslate', '-30px');
root.style.setProperty('--ml1-animationOutlineText1', 'hsla(0,0%,100%,1)');
root.style.setProperty('--ml1-animationOutlineText2', 'hsla(0,0%,100%,1)');
root.style.setProperty('--ml1-animation-duration', '1s');
root.style.setProperty('--color-grey00-60p', 'rgb(0 0 0)');
// Oculta os elementos específicos
const elementosParaOcultar = [
'.ml1-AdBoardsSection_LeftBoard',
'.ml1-AdBoardsSection_CentreBoard',
'.ml1-AdBoardsSection_TopLeftBoard',
'.ml1-AdBoardsSection_TopRightBoard',
'.ml1-AdBoardsSection_RightBoard',
'.ml1-Stadium'
];
elementosParaOcultar.forEach(selector => {
const elements = document.querySelectorAll(selector);
elements.forEach(element => {
element.style.display = 'none';
});
});
// Aplica os estilos para o texto do relógio e outros elementos
const adicionarEstilosTexto = () => {
const style = document.createElement('style');
style.textContent = `
.ml1-SoccerClock_AdditionalText,
.ml1-SoccerClock_Timer {
font-size: 15px;
line-height: 15px;
color: #ffffff;
background-color: rgb(0 0 0);
}
.ml1-SoccerClock_InjuryTime {
font-size: 15px;
line-height: 15px;
color: #ffffff;
}
`;
document.head.appendChild(style);
};
adicionarEstilosTexto();
}
// Executa a função quando a página carregar
window.addEventListener('load', ajustarEstilosEOcultar);
// Caso a página seja dinâmica e o conteúdo possa mudar, você pode monitorar e aplicar as mudanças repetidamente
const observer = new MutationObserver(ajustarEstilosEOcultar);
observer.observe(document.body, { childList: true, subtree: true });
})();