// ==UserScript==
// @name         脚本猫脚本站美化
// @namespace    https://bbs.tampermonkey.net.cn/
// @version      0.3.1
// @description  脚本猫脚本站个性美化，向下滚动会出现返回顶部按钮!
// @author       张仨
// @match        https://scriptcat.org/*
// @run-at       document-start
// @grant        unsafeWindow
// @grant        GM_addStyle
// @require      https://code.jquery.com/jquery-3.6.0.min.js
// ==/UserScript==

$(function () {
    $("<div class='back-to-top'></div>").appendTo("body");
    $(window).scroll(function () {
        var scroHei = $(window).scrollTop();
        if (scroHei > 500) {
            $('.back-to-top').css('top', '-200px');
        } else {
            $('.back-to-top').css('top', '-999px');
        }
    })
    $('.back-to-top').click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 600);
    })
})

GM_addStyle(`
    .light-layout {
        background-image: url(https://img30.360buyimg.com/pop/jfs/t1/103195/35/25753/886812/623dc5afE76b0f9fd/917d28dbcacb8348.jpg) !important;
        background-repeat: no-repeat !important;
        background-position: top !important;
        background-attachment: fixed !important;
    }

    .light-layout-header {
        background-color: rgba(255,255,255,0.6) !important;
    }

    .light-pagination-item,
    .light-pagination-item-link,
    .light-card,
    .light-collapse,
    .light-collapse-content {
        background-color: rgba(255,255,255,0.6) !important;
        border-radius: 10px !important;
    }
    
    .light-list-items>.mb-3,
    .light-menu-overflow,
    .dark-menu-overflow,
    .dark-input,
    .light-layout-header>.items-center {
        background: rgba(0,0,0,0) !important;
    }

    .dark-space-item,
    .light-space-item {
        cursor: pointer;
    }

    .dark-layout {
        background-image: url(https://pic.rmb.bdstatic.com/bjh/57d2014fbe2c4760c4e32a1fab25a799.jpeg) !important;
        background-repeat: no-repeat !important;
        background-position: top !important;
        background-attachment: fixed !important;
    }

    .dark-layout-header {
        background-color: rgba(30,30,30,0.3) !important;
    }

    .dark-list-items>.mb-3,
    .dark-pagination-item,
    .dark-pagination-item-link,
    .dark-card,
    .dark-collapse,
    .dark-collapse-content {
        background-color: rgba(30,30,30,0.6) !important;
        border-radius: 10px !important;
    }

    .dark-card-body>.text-center>.text-gray-500 {
        color: rgb(126 169 235) !important;
    }

    .back-to-top {
        position: fixed;
        right: 80px;
        top: -900px;
        z-index: 2;
        width: 70px;
        height: 900px;
        cursor: pointer;
        background: url(https://p.qlogo.cn/hy_personal/3e28f14aa05168428cf7fafb4619e1df30a6d3e6d353cc21bb2ad650b7446701/0.png);
        transition: all .5s ease-in-out;
        opacity: 1;
    }

    .back-to-top {
        -webkit-animation: float 2s linear infinite;
        animation: float 2s linear infinite
    }

    @media (max-width:1000px) {
        .back-to-top {
            display: none !important;
        }
    }

    @-webkit-keyframes float {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        50% {
            -webkit-transform: translateY(-6px);
            transform: translateY(-6px)
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    @keyframes float {
        0% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }

        50% {
            -webkit-transform: translateY(-6px);
            -ms-transform: translateY(-6px);
            transform: translateY(-6px)
        }

        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }
    }
`)