Greasy Fork is available in English.

ab站背景更改css

ab站背景更改css样式表2.0

Tätä skriptiä ei tulisi asentaa suoraan. Se on kirjasto muita skriptejä varten sisällytettäväksi metadirektiivillä // @require https://update.greasyfork.org/scripts/445358/1053244/ab%E7%AB%99%E8%83%8C%E6%99%AF%E6%9B%B4%E6%94%B9css.js. 

// ==UserScript==
// @name ab站背景更改css
// @version 2.0.0-alpha
// @description ab站背景更改css样式表2.0
// @author 桜ミク
// @license MIT
// @namespace https://greasyfork.org/users/599643
// @grant GM_addStyle
// @run-at document-start
// @include *www.bilibili.com/*
// @include *://*.bilibili.com/*
// @include *message.bilibili.com/*
// @include *t.bilibili.com/*
// @include *manga.bilibili.com/*
// @include *live.bilibili.com/blackboard/*
// @include *www.bilibili.com/page-proxy/*
// @include *www.acfun.cn/*
// @include *://*.acfun.cn/*
// ==/UserScript==

(function() {
    let css = "";
    css += `
    li,
        a {
            list-style-type: none;
            text-decoration: none;
        }
        
        #sakuraBackgroundBox {
            width: auto;
            height: auto;
        }
        
        #sakuraBackgroundBox .clickButton {
            position: absolute;
            background-color: #f45a8d;
            border: none;
            font-size: 1em;
            font-weight: 700;
            border-radius: 0px 1rem 0px 0px;
            width: 80px;
            height: 30px;
            bottom: 0;
            left: 0;
            position: fixed;
            z-index: 10000;
        }
        
        #sakuraBackgroundBox .ChangeBox {
            width: 400px;
            height: 360px;
            background-color: skyblue;
            border: none;
            border-radius: 0px 1rem 1rem 0px;
            position: absolute;
            left: 0;
            bottom: 30px;
            text-align: center;
            align-items: center;
            display: none;
            position: fixed;
            z-index: 10000;
        }
        
        #sakuraBackgroundBox .ChangeBox>h4 {
            font-weight: 700;
            color: aqua;
            user-select: none;
        }
        
        #sakuraBackgroundBox .ChangeBox ul {
            width: 90%;
            height: 100px;
            align-items: center;
            text-align: center;
        }
        
        #sakuraBackgroundBox .ChangeBox .defaultImage {
            margin-top: 10px;
            width: 30%;
            height: 100px;
            display: inline-block;
        }
        
        #sakuraBackgroundBox .ChangeBox .diyBox {
            width: 100%;
        }
        
        #sakuraBackgroundBox .ChangeBox .diyBox #diyInput {
            width: 70%;
            border: none;
            border-radius: 0.5rem;
        }
        
        #sakuraBackgroundBox .ChangeBox .diyBox #diySubmit {
            margin-top: 20px;
            width: 20%;
            border: none;
            color: #2ca53c;
            font-weight: 700;
            background-color: rgb(221, 97, 75);
            border-radius: 1rem;
        }
        `;
    if (typeof GM_addStyle !== "undefined") {
        GM_addStyle(css);
    } else {
        let styleNode = document.createElement("style");
        styleNode.appendChild(document.createTextNode(css));
        (document.querySelector("head") || document.documentElement).appendChild(styleNode);
    }
})();