ybt杂项优化

(重制ybt图标) & 链接形态美化 & 提交信息颜色多样化 & 按钮与输入框美化 & 移除浏览器聚焦 & 鼠标悬停阴影
当前为 2023-10-08 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         ybt杂项优化
// @namespace    https://www.luogu.com.cn/user/545986
// @version      3.0
// @description  (重制ybt图标) & 链接形态美化 & 提交信息颜色多样化 & 按钮与输入框美化 & 移除浏览器聚焦 & 鼠标悬停阴影
// @author       Jerrycyx & ChatGPT
// @match        http://ybt.ssoier.cn:8088/*
// @match        http://oj.woj.ac.cn:8088/*
// @match        http://bas.ssoier.cn:8086/*
// @match        http://woj.ssoier.cn:8087/*
// @match        http://pj.ssoier.cn:8087/*
// @match        http://tg.ssoier.cn:8087/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=ybt.ssoier.cn:8088/
// @grant        GM_addStyle
// @license      Mozilla
// ==/UserScript==
GM_addStyle(`
    .ac {color: Green   !important;}
    .wa {color: Red     !important;}
    .tle{color: DarkBlue!important;}
    .ce {color: Yellow  !important;}
    .re {color: Purple  !important;}
    .ole, .mle {color: Black!important;}

    html,body * {
        outline: none;
    }

    a{
        color: MediumBlue;
        text-decoration: none !important;
        position: relative;
    }
    /* 下划线（从中间向两边） */
    a::after {
        content: '';
        width: 100%;
        height: 1px;
        /* currentColor可以获取当前元素或父元素的color */
        background-color: MediumBlue;
        position: absolute;
        left: 0%;
        bottom: 0;
        /* 沿x轴缩放至隐藏 */
        transform: scaleX(0);
        /* 设置变换圆点为中间 */
        transform-origin: center;
        /* 设置变换时的过渡 */
        transition: transform 0.2s ease-out;
    }
    a:hover::after {
        /* 沿x轴缩放至显示 */
        transform: scaleX(1);
        /* 设置变换圆点为两边 */
        transform-origin: center;
    }

    .xxbox, pre, code {
        transition: box-shadow 0.3s;
    }
    .xxbox:hover, pre:hover, code:hover {
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3) !important;
    }

    input[type="submit"], input[type="reset"], input[type="button"] {
	      background: transparent;
	      border-radius: 3px;
	      border: none;
	      text-align: center;
	      display: inline-block;
	      margin: 4px 2px;
	      -webkit-transition-duration: 0.4s; /* Safari */
	      transition-duration: 0.4s;
	      cursor: pointer;
	      text-decoration: none;
          border: 1.5px solid Gray;
	}
    input[type="submit"], input[type="reset"], input[type="button"] {
    }
	/* 悬停样式 */
	input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	      background-color: Gray;
	      color: white;
	}

    input[type="text"], input[type="password"] {
        background: transparent;
        border: none;
        border-bottom: 1.5px solid Gray;
    }

    input[readonly] {
        cursor: not-allowed;
        border: none;
        background: transparent;
    }
`);
(function() {
    'use strict';
    /*
    var oldpic = document.getElementsByName("banner")[0];
    var newpicHTML = '<img src="https://s1.ax1x.com/2023/08/22/pPJA2Ux.png" height="141px">';
    oldpic.parentNode.innerHTML = newpicHTML;
    */
})();
欢迎访问Greasy Fork镜像
