☰

gz_ui_css-v1

个人自用样式

2024-11-18 يوللانغان نەشرى. ئەڭ يېڭى نەشرىنى كۆرۈش.

بۇ قوليازمىنى بىۋاسىتە قاچىلاشقا بولمايدۇ. بۇ باشقا قوليازمىلارنىڭ ئىشلىتىشى ئۈچۈن تەمىنلەنگەن ئامبار بولۇپ، ئىشلىتىش ئۈچۈن مېتا كۆرسەتمىسىگە قىستۇرىدىغان كود: // @require https://update.greatest.deepsurf.us/scripts/517928/1486523/gz_ui_css-v1.js 

  1. // ==UserScript==
  2. // @name        gz_ui_css-v1
  3. // @namespace   http://tampermonkey.net/
  4. // @homepageURL  https://space.bilibili.com/473239155
  5. // @license     Apache-2.0
  6. // @version     0.1
  7. // @author      byhgz
  8. // @description 个人自用样式
  9. // @noframes
  10. // ==/UserScript==
  11.  
  12. (function () {
  13.     const style = document.createElement('style');
  14.     style.setAttribute("gz_style","");
  15.     style.textContent=`
  16. button[gz_type] {
  17.     display: inline-block;
  18.     line-height: 1;
  19.     white-space: nowrap;
  20.     cursor: pointer;
  21.     background: #fff;
  22.     border: 1px solid #dcdfe6;
  23.     color: #606266;
  24.     -webkit-appearance: none;
  25.     text-align: center;
  26.     box-sizing: border-box;
  27.     outline: none;
  28.     margin: 0;
  29.     transition: .1s;
  30.     font-weight: 500;
  31.     -moz-user-select: none;
  32.     -webkit-user-select: none;
  33.     -ms-user-select: none;
  34.     padding: 12px 20px;
  35.     font-size: 14px;
  36.     border-radius: 4px;
  37. }
  38.  
  39. button[gz_type="primary"] {
  40.     color: #fff;
  41.     background-color: #409eff;
  42.     border-color: #409eff;
  43. }
  44.  
  45. button[gz_type="success"] {
  46.     color: #fff;
  47.     background-color: #67c23a;
  48.     border-color: #67c23a;
  49. }
  50.  
  51. button[gz_type="info"] {
  52.     color: #fff;
  53.     background-color: #909399;
  54.     border-color: #909399;
  55. }
  56.  
  57. button[gz_type="warning"] {
  58.     color: #fff;
  59.     background-color: #e6a23c;
  60.     border-color: #e6a23c;
  61. }
  62.  
  63. button[gz_type="danger"] {
  64.     color: #fff;
  65.     background-color: #f56c6c;
  66.     border-color: #f56c6c;
  67. }
  68.  
  69. button[border] {
  70.     border-radius: 20px;
  71.     padding: 12px 23px;
  72. }
  73. `;
  74. })();