Raw Source Toggle Dropdown

• Minified Source

xanguejunior / Modificar Estilo de Elementos no YouTube

// ==UserScript==
// @name         Modificar Estilo de Elementos no YouTube
// @namespace    http://tampermonkey.net/
// @version      2024.07.06
// @description  Interage com o SCRIPT ViewTube complementando=o e Removendo: SEJAMEMBRO e BLOCOS DE ANÚNCIOS NO CORPO DA PÁGINA - Oculta e modifica o estilo de elementos específicos em uma página de vídeo do YouTube.
// @author       xanguejunior
// @match        https://www.youtube.com/watch*
// @match        https://www.youtube.com/*
// @grant        GM_addStyle
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    // Função para adicionar estilos CSS
    function addCustomStyles() {
        GM_addStyle(`
             /* Editar NOME CANAL 2 */
            #above-the-fold{
            top: 200px; !important;
            left: 200px; !important;
            padding: 20px 20px 20px 20px; !important;
            background: #000;
            color: #fff;
            font-family: Arial, sans-serif;
            font-size: 16px;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            white-space: nowrap;
            margin-left: 0px; !important;
            width: 750px;
            }

            /* Oculta o botão de patrocinador */
            #sponsor-button {
                display: none !important;
            }

            /* Oculta o botão de inscrever-se */
            #******subscribe-button {
                display: none !important;
            }

            /* Oculta o menu */
            #***menu {
                display: none !important;
            }
            /* BOTAO LIKE */
            #***top-level-buttons-computed {
                display: none !important;
            }

               /* Oculta o PLAYER */
            #***full-bleed-container {
                display: none !important;
            }

               /* Oculta o DESCRIÇÃO */
            #***bottom-row {
                display: none !important;
            }

            /* Oculta o NÚMERO DE INSCRITOS */
            #***owner-sub-count {
                display: none !important;
            }

            /* Oculta o ADD coluna direita */
            #***fulfilled-layout {
                display: none !important;
            }


            /* Editar div geral USUARIO */
            #***panels {
            margin:930px 0px 0px 0px;
            }


            /* Editar div geral USUARIO */
            #owner {
            }



            /* Editar CSS do titulo */
            #title {
            height:100px; padding:10px 10px 10px 0px; width: 50%;
            }

            /* Editar BARRA DIREITA  */
            #***secondary-inner {
            margin-top: 300px; !important;
            }


            /* Editar BARRA DIREITA div interna */
            #***related {
            margin-top: 300px; !important;
            }


            /* Editar NOME CANAL */
            #***top-row {
            margin-top: 50px; !important;
            padding: 40px; !important;
            display: block;
            }

            /* Editar NOME CANAL 2 */
            #above-the-fold{
            *position: fixed;
            *top: 59%; !important;
            *left: 30%; !important;
            *transform: translateX(-50%);
            *padding: 20px 100px 20px 20px; !important;
            *background: #000;
            *color: #fff;
            *font-family: Arial, sans-serif;
            *font-size: 16px;
            *z-index: 2147483647; /* Valor máximo para z-index */
            *border-radius: 5px;
            *box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            *white-space: nowrap;
            *pointer-events: none;
            *margin-left: 50px; !important;
            *width: 750px;
            }
             /* Editar DIV GERAL */
            #***header {
              margin-top:600px; !important;
              padding: 20px; !important;
              }

             /* Editar comentarios */
            #***comments {
              margin-top:600px;!important;
              padding: 20px; !important;
            }
             /* Editar comentarios */
            #***delow {
              margin-top:600px;!important;
              padding: 20px; !important;
            }



        `);
    }

    // Executa ao carregar a página
    window.addEventListener('load', () => {
        addCustomStyles();
    });

    // Observa mudanças no DOM para aplicar estilos se necessário
    const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
            if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
                addCustomStyles();
            }
        });
    });

    observer.observe(document.body, { childList: true, subtree: true });
})();