ab站背景更改css

ab站背景更改css样式表2.0

此腳本不應該直接安裝,它是一個供其他腳本使用的函式庫。欲使用本函式庫,請在腳本 metadata 寫上: // @require https://update.gf.qytechs.cn/scripts/445358/1053244/ab%E7%AB%99%E8%83%8C%E6%99%AF%E6%9B%B4%E6%94%B9css.js

  1. // ==UserScript==
  2. // @name ab站背景更改css
  3. // @version 2.0.0-alpha
  4. // @description ab站背景更改css样式表2.0
  5. // @author 桜ミク
  6. // @license MIT
  7. // @namespace https://gf.qytechs.cn/users/599643
  8. // @grant GM_addStyle
  9. // @run-at document-start
  10. // @include *www.bilibili.com/*
  11. // @include *://*.bilibili.com/*
  12. // @include *message.bilibili.com/*
  13. // @include *t.bilibili.com/*
  14. // @include *manga.bilibili.com/*
  15. // @include *live.bilibili.com/blackboard/*
  16. // @include *www.bilibili.com/page-proxy/*
  17. // @include *www.acfun.cn/*
  18. // @include *://*.acfun.cn/*
  19. // ==/UserScript==
  20.  
  21. (function() {
  22. let css = "";
  23. css += `
  24. li,
  25. a {
  26. list-style-type: none;
  27. text-decoration: none;
  28. }
  29. #sakuraBackgroundBox {
  30. width: auto;
  31. height: auto;
  32. }
  33. #sakuraBackgroundBox .clickButton {
  34. position: absolute;
  35. background-color: #f45a8d;
  36. border: none;
  37. font-size: 1em;
  38. font-weight: 700;
  39. border-radius: 0px 1rem 0px 0px;
  40. width: 80px;
  41. height: 30px;
  42. bottom: 0;
  43. left: 0;
  44. position: fixed;
  45. z-index: 10000;
  46. }
  47. #sakuraBackgroundBox .ChangeBox {
  48. width: 400px;
  49. height: 360px;
  50. background-color: skyblue;
  51. border: none;
  52. border-radius: 0px 1rem 1rem 0px;
  53. position: absolute;
  54. left: 0;
  55. bottom: 30px;
  56. text-align: center;
  57. align-items: center;
  58. display: none;
  59. position: fixed;
  60. z-index: 10000;
  61. }
  62. #sakuraBackgroundBox .ChangeBox>h4 {
  63. font-weight: 700;
  64. color: aqua;
  65. user-select: none;
  66. }
  67. #sakuraBackgroundBox .ChangeBox ul {
  68. width: 90%;
  69. height: 100px;
  70. align-items: center;
  71. text-align: center;
  72. }
  73. #sakuraBackgroundBox .ChangeBox .defaultImage {
  74. margin-top: 10px;
  75. width: 30%;
  76. height: 100px;
  77. display: inline-block;
  78. }
  79. #sakuraBackgroundBox .ChangeBox .diyBox {
  80. width: 100%;
  81. }
  82. #sakuraBackgroundBox .ChangeBox .diyBox #diyInput {
  83. width: 70%;
  84. border: none;
  85. border-radius: 0.5rem;
  86. }
  87. #sakuraBackgroundBox .ChangeBox .diyBox #diySubmit {
  88. margin-top: 20px;
  89. width: 20%;
  90. border: none;
  91. color: #2ca53c;
  92. font-weight: 700;
  93. background-color: rgb(221, 97, 75);
  94. border-radius: 1rem;
  95. }
  96. `;
  97. if (typeof GM_addStyle !== "undefined") {
  98. GM_addStyle(css);
  99. } else {
  100. let styleNode = document.createElement("style");
  101. styleNode.appendChild(document.createTextNode(css));
  102. (document.querySelector("head") || document.documentElement).appendChild(styleNode);
  103. }
  104. })();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址