JotinhaPiece

Para você que não quer tomar nenhum spoiler da pagina Opex

当前为 2021-09-03 提交的版本,查看 最新版本

// ==UserScript==
// @name         JotinhaPiece
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  Para você que não quer tomar nenhum spoiler da pagina Opex
// @author       winicius-o
// @match        https://onepieceex.net/*
// @icon         https://www.google.com/s2/favicons?domain=onepieceex.net
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const body = document.body;
    const newStyle = document.createElement("style");
    const className = document.getElementById("base").className;

    const corClara = "350,48,95";
    const corMedia = "350,62,74";
    const corEscura = "350,66,69";
    newStyle.innerText = `:root {

        --cor-clara: rgba(${corClara},1);
        --cor-clara-90: rgba(${corClara},.9);
        --cor-clara-80: rgba(${corClara},.8);
        --cor-clara-70: rgba(${corClara},.7);
        --cor-clara-60: rgba(${corClara},.6);
        --cor-clara-50: rgba(${corClara},.5);
        --cor-clara-40: rgba(${corClara},.4);
        --cor-clara-30: rgba(${corClara},.3);
        --cor-clara-20: rgba(${corClara},.2);
        --cor-clara-10: rgba(${corClara},.15);


        --cor-media: rgba(${corMedia},1);
        --cor-media-90: rgba(${corMedia},.9);
        --cor-media-80: rgba(${corMedia},.8);
        --cor-media-70: rgba(${corMedia},.6);
        --cor-media-60: rgba(${corMedia},.6);
        --cor-media-50: rgba(${corMedia},.5);
        --cor-media-40: rgba(${corMedia},.4);
        --cor-media-30: rgba(${corMedia},.3);
        --cor-media-20: rgba(${corMedia},.2);
        --cor-media-10: rgba(${corMedia},.15);


        --cor-escura: rgba(${corEscura},1);
        --cor-escura-90: rgba(${corEscura},.9);
        --cor-escura-80: rgba(${corEscura},.8);
        --cor-escura-70: rgba(${corEscura},.7);
        --cor-escura-60: rgba(${corEscura},.6);
        --cor-escura-50: rgba(${corEscura},.5);
        --cor-escura-40: rgba(${corEscura},.4);
        --cor-escura-30: rgba(${corEscura},.3);
        --cor-escura-20: rgba(${corEscura},.2);
        --cor-escura-10: rgba(${corEscura},.15);

    }
    .${className} .personagem-topo {
        background: url('https://i.imgur.com/XWlfEKm.png');
        width: 300px;
        height: 350px;
        position: absolute;
        top: 0;
        left: 200px;
        z-index: 50;
        background-repeat: no-repeat;
    }
    @media (max-width: 990px) {
        .tema93709  .personagem-topo{top:40px; left:auto; right:0; width: 50%; height: 150px;background-size: contain; background-position: top right; }
    }
    `;

    body.appendChild(newStyle);
})();