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

Скрытие списка серий

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

// ==UserScript==
// @name        Hidden  list menu  wakanim.xyz (https://nekomori.ch player)
// @namespace    http://tampermonkey.net/
// @version      0.2.4.6
// @description Скрытие списка серий
// @author       Pin240
// @match       https://wakanim.xyz/cdn/*
// @require  https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @grant    GM_addStyle
// @run-at document-body
// ==/UserScript==
(function(){
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;
}
 
  .abc125{position: relative;}
  .abc124 {   
    float: left;
  position:  absolute;
    z-index: 100;
    bottom: 95vh;
    left: 2em;
    transform: scale(2);
    transform-origin: right bottom;
        }
.abc121 {
  float: right;
    z-index: 100;
            color: #de6108;
            position: absolute;
            bottom: 94.7vh;
            left: 5em;
            transform: scale(1.7);
            transform-origin: right bottom;
        }
  
  @media only screen and (max-width: 780px){
.columns[data-v-995ce4f2] {
    flex-direction: column;
    align-items: center;
    padding: 0;
    } }
     
.column-right[data-v-995ce4f2] {
                                  display: none;
                                  }
    
.column-left[data-v-995ce4f2] {
  
    flex-flow: column;
    width: 80vw;
}  
.header[data-v-3e4544f1] {
    background: #202020;
    max-height: 56px;
    justify-content: space-between;
    position: absolute;
    width: 100vw;
    top: 0;
  z-index: 1;}
   .iframe-holder[data-v-995ce4f2] {
    width: 100%;
}

  
</style>
 
<p><label class="abc125"><input type="checkbox"  id="checkbox_check" class="abc124"><span class="abc121">Меню</span></label></p>
  
 
                                      `);

$('#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;} }
  
  </style>
 
 
                                                                                                                `);
    } else {
        // checkbox unchecked
        document.body.insertAdjacentHTML('beforeend', `
                                                       <style>
                                                       .column-right[data-v-995ce4f2] {

    display: none;
 
}
 
 
</style> 
                                                                                                                        `);
    }
})

  })();