☰

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.2
// @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;
    newStyle.innerText = `:root {

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


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


        --cor-escura: rgba(350,66,69,1);
        --cor-escura-90: rgba(350,66,69,.9);
        --cor-escura-80: rgba(350,66,69,.8);
        --cor-escura-70: rgba(350,66,69,.7);
        --cor-escura-60: rgba(350,66,69,.6);
        --cor-escura-50: rgba(350,66,69,.5);
        --cor-escura-40: rgba(350,66,69,.4);
        --cor-escura-30: rgba(350,66,69,.3);
        --cor-escura-20: rgba(350,66,69,.2);
        --cor-escura-10: rgba(350,66,69,.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);
})();