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

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

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

// ==UserScript==
// @name        Hidden  list menu  wakanim.xyz (https://nekomori.ch player)
// @namespace    http://tampermonkey.net/
// @version      0.2.5.9
// @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
// ==/UserScript==
(function(){
document.body.insertAdjacentHTML('beforeend', `
<style>

  .title{
    color: #000;
    font-family: Roboto, sans-serif;
    margin: 0;
    display: flex;
    visibility: hidden;
    padding: 18px 14px 18px 16px;
    font-weight: lighter;
}
.link.selected, .link:hover{
    background: #093a03;
}
body {

    color: #eee;
    background: #000000;
    font-family: Roboto, sans-serif;
}

  .abc125{position: relative;}
  .abc124 {
    float: left;
    position: absolute;
    transform: scale(1.7);
    transform-origin: right bottom;
        }
.abc121 {   position: absolute;
            float: right;
            left: 3em;
            transform: scale(1.7);
            transform-origin: right bottom;
        }
  .abc125 {
  
    z-index: 100;
            color: #de6108;
            
            bottom: 97vh;
            left: 2em;
            transform: scale(0.7);
            transform-origin: right bottom;
        }

  @media only screen and (max-width: 780px){
.columns[data-v-995ce4f2] {
    flex-direction: column;
    align-items: center;
    padding: 0;
    } 
    .abc125 {
  
    z-index: 100;
            color: #de6108;
            position: absolute;
            bottom: 94.7vh;
            left: 1em;
            
        }

  }

.column-right {
                                  display: none;
                                  }

.column-left{

    flex-flow: column;
  
}
.header{
    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 {
                                                  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 {

    display: none;

}


</style>
                                                                                                                        `);
    }
})

  })();