// ==UserScript==
// @name         B站视频页 - UP主名字标签样式
// @namespace    mscststs
// @version      0.8
// @license      ISC
// @description  修改新版视频页的UP主名字标签样式
// @author       mscststs
// @match        https://www.bilibili.com/video/*
// @match        https://www.bilibili.com/list/*
// @icon         https://www.bilibili.com/favicon.ico
// @require      https://greasyfork.org/scripts/38220-mscststs-tools/code/MSCSTSTS-TOOLS.js?version=713767
// @run-at       document-body
// @grant        none
// ==/UserScript==
(function() {
'use strict';
StartUpName();
async function StartUpName(){
await mscststs.wait(".up-info-container .up-detail-top .up-name")
var upName = document.querySelector(".up-info-container .up-detail-top .up-name");
function setUpName() {
//alert(upName.style.color);
if(upName.style.color != "rgb(251, 114, 153)") {
upName.style.color = "#565a60";
//upName.style.color = "#61666d";
}
}
var upAvatar = document.querySelector(".up-info-container .up-avatar-wrap .up-avatar");
upName.addEventListener('mouseover',function() {
upUserNameCSS();
});
upAvatar.addEventListener('mouseover',function() {
upUserNameCSS();
});
async function upUserNameCSS() {
/*await mscststs.wait(".usercard-wrap .user-card-m-exp")//.user-card-m-exp
var userCard = document.querySelector(".usercard-wrap .user-card-m-exp");
userCard.style.width = "366px";*/
await mscststs.wait(".usercard-wrap .user-info-wrapper .info .user .name")
var userName = document.querySelector(".usercard-wrap .user-info-wrapper .info .user .name");
userName.style.fontFamily = "-apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif";
userName.style.fontWeight = "bold";
userName.style.maxWidth = "160px";
/*var computedStyle = document.defaultView.getComputedStyle(userName, null);
//alert(computedStyle.maxWidth);
var size = computedStyle.maxWidth.replaceAll(/[a-zA-Z]/g, "");
userName.style.maxWidth = size + 4 + "px";*/
}
var options = { 'childList': true, 'subtree':true };
const callback = function(mutationsList, observer) {
setUpName();
};
const observer = new MutationObserver(callback);
var article = document.querySelector("body");
observer.observe(article, options);
setUpName();
}
})();