Hidden list menu wakanim.xyz (https://nekomori.ch player)

display block / none

От 03.06.2021. Виж последната версия.

// ==UserScript==
// @name        Hidden  list menu  wakanim.xyz (https://nekomori.ch player)
// @namespace    http://tampermonkey.net/
// @version      0.2.4.3
// @description  display block / none
// @author       Pin240
// @match       https://wakanim.xyz/cdn/*
// @require  https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @grant    GM_addStyle
// ==/UserScript==
document.body.insertAdjacentHTML('beforeend', `
<style>
.title[data-v-3e4544f1]{
    color: #000;
    font-family: Roboto, sans-serif;
    margin: 0;
    display: flex;
    visibility: hidden;
    padding: 18px 14px 18px 16px;
    font-weight: lighter;
}
.link.selected[data-v-995ce4f2], .link[data-v-995ce4f2]:hover{
    background: #093a03;
}
body {
    color: #eee;
    background: #000000;
    font-family: Roboto, sans-serif;
}
 
.abc124 {  position: absolute;
            z-index: 100;
            bottom: 95%;
            left: 3%;
            transform: scale(2);
            transform-origin: right bottom;
        }
.abc121 {  z-index: 100;
            color: #29a71a;
            position: absolute;
            bottom: 95%;
            left: 4.8%;
            transform: scale(1);
            transform-origin: right bottom;
        }
 
.column-right[data-v-995ce4f2] {
                                  display: none;
                                  margin-left: 24px;
                                  width: 402px;
.header[data-v-3e4544f1] {
    background: #202020;
    max-height: 56px;
    justify-content: space-between;
    position: fixed;
    width: 100vw;
    top: 0;
    z-index: 1;
.iframe-holder[data-v-995ce4f2] {
    width: auto;
}
@media screen and (max-width: 1668px){
.iframe-holder[data-v-995ce4f2] {
    width:auto;;
    }}
}
</style>
 
<head><p><label><input type="checkbox"  id="checkbox_check" class="abc124">
     <span class="abc121">Меню</span></label></p><head>
 
                                      `);
$('#checkbox_check').on('click', function() {
    if ($(this).is(':checked')) {
        // checkbox checked
        document.body.insertAdjacentHTML('beforeend', `
                                         <style>
                                                .column-right[data-v-995ce4f2] {  animation: show 4s;
                                                                                  display: block;
                                                                                  margin-left: 24px;
                                                                                  width: 402px;}
                                                 @keyframes show {
                                                                  from {opacity: 0;} to {opacity: 1;} }
 
 
                                                                                                                `);
    } else {
        // checkbox unchecked
        document.body.insertAdjacentHTML('beforeend', `
                                                       <style>
                                                       .column-right[data-v-995ce4f2] {
    animation: show 4s;
    display: none;
    margin-left: 24px;
    width: 402px;
}
 
                                                                                                                        `);
    }
})