Skip to content

哔哩哔哩直播-勋章样式 by aliofwind

Details

Authoraliofwind

LicenseNo License

Categorybilibili

Created

Updated

Size8.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

哔哩哔哩直播-勋章样式

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           A new userstyle!
@namespace      userstyles.world
@version        1.0.0
==/UserStyle== */
@-moz-document domain("live.bilibili.com"), domain("link.bilibili.com") {
/* 勋章等级 */
body .fans-medal-item .fans-medal-level {
    color: #fff!important;
    width: auto!important;
    padding-right: 1px!important;
    font-family: Arial!important;
    background-color: transparent!important;
}
/* 勋章名称宽度 */
body .fans-medal-item .fans-medal-label {
    min-width: auto!important;
    padding: 0px 2px!important;
    font-family: "苹方-简"!important;
    background-color: transparent!important;
    background-image: none!important
}
/* Level 1-4 */
body .fans-medal-item[style="border-color: #5c968e"],
body .fans-medal-item[style="border-color: rgb(92, 150, 142);"] {
    border-color: #61decb!important;
    background-color: #61decb;
}
/* Level 5-8 */
body .fans-medal-item[style="border-color: #5d7b9e"],
body .fans-medal-item[style="border-color: rgb(93, 123, 158);"] {
    border-color: #5896de!important;
    background-color: #5896de;
}
/* Level 9-12 */
body .fans-medal-item[style="border-color: #8d7ca6"],
body .fans-medal-item[style="border-color: rgb(141, 124, 166);"] {
    border-color: #a068f1!important;
    background-color: #a068f1;
}
/* Level 13-16 */
body .fans-medal-item[style="border-color: #be6686"],
body .fans-medal-item[style="border-color: rgb(190, 102, 134);"] {
    border-color: #ff86b2!important;
    background-color: #ff86b2;
}
/* Level 17-20 */
body .fans-medal-item[style="border-color: #c79d24"],
body .fans-medal-item[style="border-color: rgb(199, 157, 36);"] {
    border-color: #f6be18!important;
    background-color: #f6be18;
}
/* Level 21+ w/o guard */
body .fans-medal-item[style="border-color: #06154c"],
body .fans-medal-item[style="border-color: rgb(26, 84, 75);"] {
    border-color: #06154c!important;
    background-color: #06154c;
}
/* Level 21+ w/ guard-3 */
body .fans-medal-item[style="border-color: #67e8ff"],
body .fans-medal-item[style="border-color: rgb(103, 232, 255);"] {
    border-color: #7a0423!important;
    background-color: #7a0423;
}
/* Level 21+ w/ guard-2&1 */
body .fans-medal-item[style="border-color: #ffe854"],
body .fans-medal-item[style="border-color: rgb(255, 232, 84);"] {
    border-color: #414967!important;
    background-color: #414967;
}
/* Level 21+ unknow */
body .fans-medal-item[style="border-color: #1a544b"],
body .fans-medal-item[style="border-color: rgb(255, 232, 84);"] {
    border-color: #414967!important;
    background-color: #414967;
}
/* Level 21+ w/ guard */
body .fans-medal-item.medal-guard {
    margin-left: 0px!important;
}
body .fans-medal-item .fans-medal-label.medal-guard {
    padding-left: 2px!important
}
body .fans-medal-item .fans-medal-label.medal-guard .medal-deco {
    background-image: none!important
}
/* Gray */
body .fans-medal-item[style="border-color: #c0c0c0"],
body .fans-medal-item[style="border-color: rgb(192, 192, 192);"] {
    border-color: #c0c0c0!important;
    background-color: #c0c0c0;
}
}

@-moz-document domain("live.bilibili.com") {
/* Tool */
#title-medal-dialog .fans-medal-item .label {
    background: none!important;
    width: auto!important;
    font-family: "苹方-简"!important;
}
#title-medal-dialog .fans-medal-item .level {
    color: #fff!important;
    width: auto!important;
    font-family: Arial!important;
    padding-right: 2px
}
#title-medal-dialog .fans-medal-item.gray .level {
    background: none!important
}
}

@-moz-document domain("live.bilibili.com") {
/* 房管主播 */
.chat-history-panel .chat-history-list .chat-item.danmaku-item .admin-icon,
.chat-history-panel .chat-history-list .chat-item.danmaku-item .anchor-icon {
    border: none;
    background-color: #fea249;
    color: #fff;
    height: 16px;
    padding-top: 1px;
}
.chat-history-panel .chat-history-list .chat-item.danmaku-item .admin-icon:before {
    content: "房管";
    padding: 0 2px;
}
.chat-history-panel .chat-history-list .chat-item.danmaku-item .anchor-icon:before {
    content: "主播";
    padding: 0 2px;
}
}

@-moz-document domain("live.bilibili.com") {
/* 弹幕池气泡 */
.chat-item.danmaku-item.chat-colorful-bubble {
    background: none!important;
    margin: 0px!important
}
}

@-moz-document domain("live.bilibili.com") {
/* 用户等级图标 */
.user-level-icon.lv-0,
.user-level-icon.lv-1,
.user-level-icon.lv-2,
.user-level-icon.lv-3,
.user-level-icon.lv-4,
.user-level-icon.lv-5,
.user-level-icon.lv-6,
.user-level-icon.lv-7,
.user-level-icon.lv-8,
.user-level-icon.lv-9,
.user-level-icon.lv-10 {
    color: #ffffff;
    background-color: #b3b3b3;
    padding-top: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #b3b3b3;
}
.user-level-icon.lv-11,
.user-level-icon.lv-12,
.user-level-icon.lv-13,
.user-level-icon.lv-14,
.user-level-icon.lv-15,
.user-level-icon.lv-16,
.user-level-icon.lv-17,
.user-level-icon.lv-18,
.user-level-icon.lv-19,
.user-level-icon.lv-20 {
    color: #ffffff;
    background-color: #61decb;
    padding-top: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #61decb;
}
.user-level-icon.lv-21,
.user-level-icon.lv-22,
.user-level-icon.lv-23,
.user-level-icon.lv-24,
.user-level-icon.lv-25,
.user-level-icon.lv-26,
.user-level-icon.lv-27,
.user-level-icon.lv-28,
.user-level-icon.lv-29,
.user-level-icon.lv-30 {
    color: #ffffff;
    background-color: #72daff;
    padding-top: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #72daff;
}

.user-level-icon.lv-41,
.user-level-icon.lv-42,
.user-level-icon.lv-43,
.user-level-icon.lv-44,
.user-level-icon.lv-45,
.user-level-icon.lv-46,
.user-level-icon.lv-47,
.user-level-icon.lv-48,
.user-level-icon.lv-49,
.user-level-icon.lv-50 {
    color: #ffffff;
    background-color: #ff9bbf;
    padding-top: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #ff9bbf;
}
.user-level-icon.lv-31,
.user-level-icon.lv-32,
.user-level-icon.lv-33,
.user-level-icon.lv-34,
.user-level-icon.lv-35,
.user-level-icon.lv-36,
.user-level-icon.lv-37,
.user-level-icon.lv-38,
.user-level-icon.lv-39,
.user-level-icon.lv-40 {
    color: #ffffff;
    background-color: #c39aff;
    padding-top: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #c39aff;
}
.user-level-icon.lv-51,
.user-level-icon.lv-52,
.user-level-icon.lv-53,
.user-level-icon.lv-54,
.user-level-icon.lv-55,
.user-level-icon.lv-56,
.user-level-icon.lv-57,
.user-level-icon.lv-58,
.user-level-icon.lv-59 {
    color: #ffffff;
    background-color: #ffbe7c;
    padding-top: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #ffbe7c;
}
.user-level-icon.lv-60 {
    color: #ffffff;
    background-color: #f00;
    padding-top: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #f00;
}
.user-level-icon {
    width: auto!important;
    height: 17px!important;
    line-height: 14px!important;
}



/* 主播等级图标 */
.up-level-icon.lv-11,
.up-level-icon.lv-12,
.up-level-icon.lv-13,
.up-level-icon.lv-14,
.up-level-icon.lv-15,
.up-level-icon.lv-16,
.up-level-icon.lv-17,
.up-level-icon.lv-18,
.up-level-icon.lv-19,
.up-level-icon.lv-20 {
    color: #ffffff;
    background-color: #72daff;
    padding-top: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #72daff;
}
.up-level-icon.lv-21,
.up-level-icon.lv-22,
.up-level-icon.lv-23,
.up-level-icon.lv-24,
.up-level-icon.lv-25,
.up-level-icon.lv-26,
.up-level-icon.lv-27,
.up-level-icon.lv-28,
.up-level-icon.lv-29,
.up-level-icon.lv-30 {
    color: #ffffff;
    background-color: #c39aff;
    padding-top: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #c39aff;
}
.up-level-icon.lv-31,
.up-level-icon.lv-32,
.up-level-icon.lv-33,
.up-level-icon.lv-34,
.up-level-icon.lv-35,
.up-level-icon.lv-36,
.up-level-icon.lv-37,
.up-level-icon.lv-38,
.up-level-icon.lv-39,
.up-level-icon.lv-40 {
    color: #ffffff;
    background-color: #ff9bbf;
    padding-top: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #ff9bbf;
}
}

Reviews

No reviews yet.