哔哩哔哩(BiliBili)动态页主题V2工地 by noname

Details

Authornoname
LicenseNo License
CategoryBiliBili哔哩哔哩
Created2 years, 8 months ago
Updated2 years, 7 months ago
Size13 kB
Statistics

Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description

如题，是个工地，用于动态页V1的用户们监工（bushi
暂时摸不清楚，这个项目可能要寄
Notes

目前打算加入的选项：卡片模糊开关
投稿按钮颜色选择（B红B蓝及用户自定义）
背景图像切换√
浅色及深色模糊切换
UI打算和之前差不多，大圆角风格
Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           t.bilibili.com - 2022/4/13 15:58:09
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
/*预计选项：模糊开关、投稿按钮颜色、背景图像√、模糊开关*/
@advanced dropdown DIV_BG "选择背景" {
	BG_NONE "无背景"           <<<EOT "" EOT;
	BG_1 "bing每日图片"         <<<EOT url(https://bing.getlove.cn/bingImage) EOT;
	BG_2 "unsplash随机"         <<<EOT url(https://source.unsplash.com/1920x1080/?nature) EOT;
	BG_3 "BML2019 VR(pid: 74271400)"<<<EOT url(https://i.loli.net/2020/05/25/DA46cLGaPrhYqnl.jpg) EOT;
	BG_4 "2020拜年祭活动 "       <<<EOT url(https://i.loli.net/2020/05/25/HxnieocyPIjWvQB.jpg) EOT;
	BG_5 "2020BDF"             <<<EOT url(https://i.loli.net/2020/05/25/RbTGL1ZQfcHVwY3.jpg) EOT;
   BG_6 "自定义"             <<<EOT var(--a-bg-custom) EOT;
}
@advanced text CUS_BG "自定义背景图像" "url()"
@advanced text CUS_CO "自定义背景颜色(须关闭图片背景)" "#d1e9fb"



==/UserStyle== */

@-moz-document domain("t.bilibili.com") {
    /*变量们*/
    :root{
        --bg-img:/*[[DIV_BG]]*/;/*输出图像url*/;
        --bg-custom:/*[[CUS_BG]]*//*输出图像url*/;
        --bg-color:/*[[CUS_CO]]*//*输出颜色代码*/;
        
        --color-black02:rgba(0,0,0,0.2);
        --color-black05:rgba(0,0,0,0.5);
        --color-black31:rgb(31,31,31);
        --color-black41:rgb(41,41,41);
        --color-black51:rgb(51,51,51);
        --color-black61:rgb(61,61,61);
        --color-black71:rgb(71,71,71);
        --color-white005:rgba(255,255,255,0.05);
        --color-white01:rgba(255,255,255,0.1);
        --color-white015:rgba(255,255,255,0.15);
        --color-white02:rgba(255,255,255,0.2);
        --color-white04:rgba(255,255,255,0.4);
        --color-yellow05:rgba(252,249,215,0.5);
        --color-pink07:rgba(251,114,153,0.7);
        --color-blue085:rgba(0,161,214,0.85);
        --color-blue035:rgba(0,161,214,0.35);
        
        
        --color-transparent:rgba(0,0,0,0);
        
        --text-yellow:rgb(151,120,42);
        
    }
}
@-moz-document domain("t.bilibili.com") {
    /*背景*/
    body{
        padding-top:10px;
        background-image:var(--bg-img);
        background-color:var(--bg-color)!important;
        background-size:auto;
        background-position:top center;
        background-attachment:fixed;
    }
    #app .bg{
        background-image:var(--bg-img);
        background-size:auto;
        background-position:top center;
        background-attachment:fixed;
    }
}
@-moz-document domain("t.bilibili.com"){
    /*顶栏*/
    .international-header/*解除顶栏背景最小宽度限制*/{
    min-width:500px;
}
.international-header .mini-type, .van-popover .mini-type/*顶栏*/{
    position:sticky;
    background:rgba(0,0,0,0.5);
    backdrop-filter:blur(100px);
    border-radius:30px;
    min-width:460px;
    width:80%;
    max-width:460px;/*下部元素总宽度为1152px,有搜索栏时900px为宜,无搜索栏时460px为宜*/
    height:60px;
    margin:auto;
    margin-right:10px;
}
.mini-upload[data-v-7578e9ae]/*顶栏投稿按钮*/{
    border-radius:28px;
    height:40px;
    min-width:100px!important;
    margin-left:3px;
    line-height:40px;
}
.mini-header__content/*顶栏文本*/{
    padding:10px 10px;
    line-height:40px;
}
.bili-header-m .nav-search-box, .international-header .nav-search-box/*搜索栏整体定位*/{
    margin:auto 0;
}
.international-header .mini-type .mini-header--login .nav-user-center .user-con.search-icon, .van-popover .mini-type .mini-header--login .nav-user-center .user-con.search-icon/*去除搜索栏*/{
    display:none;
}
.international-header .mini-type .nav-search #nav_searchform, .van-popover .mini-type .nav-search #nav_searchform/*搜索栏输入框部分*/{
    display:none;
    border-radius:28px;
    height:40px;
}
.bili-header-m .nav-search .nav-search-keyword, .international-header .nav-search .nav-search-keyword/*搜索栏文字定位*/{
    font-size:15px;
    height:38px;
}
.bili-header-m .nav-search .nav-search-btn, .international-header .nav-search .nav-search-btn/*搜索栏按钮部分*/{
    border-radius:28px;
    height:40px;
}
.nav-user-center .user-con .item/*顶栏文字间距*/{
    margin-left:0;
    margin-right:12px
}
.mini-avatar[data-v-d7d33416]/*头像*/{
    height:40px;
    width:40px;
    margin-right:3px;
}
.nav-link/*垃圾*/{
    display:none;
}
.mini-type .nav-user-center .user-con .item .name /*顶栏字体颜色*/{
    color:white;
}
.van-popover/*头像二级菜单背景*/{
    border-radius:14px;
    background:rgba(51,51,51,1);
}
.van-popover.van-popper.van-popper-avatar/*头像二级菜单阴影*/{
    box-shadow:0px 20px 40px rgba(0,0,0,0.4)!important;
}
.van-popper-avatar .nickname[data-v-d7d33416]/*头像二级菜单用户名颜色，无非大会员账号无法测试*/{
    color:white;
}
.van-popper-avatar .level-info .grade[data-v-d7d33416]/*账号等级*/{
    color:rgba(255,255,255,0.8);
}
.van-popper-avatar .level-info .progress[data-v-d7d33416]/*账号等级经验*/{
    color:rgba(255,255,255,0.4)
}
.van-popper-avatar .level-content .level-intro[data-v-d7d33416] /*账号等级权限等相关说明动画1*/{
    visibility:hidden;
    opacity:0;
    border-radius:14px;
    background:rgba(51,51,51,1);
    color:rgba(255,255,255,0.8);
    margin-left:0px;
    box-shadow:0px 20px 0px rgba(0,0,0,0.4)!important;
}
.van-popper-avatar .level-content:hover .level-intro[data-v-d7d33416] /*账号等级权限等相关说明动画2*/{
    visibility:visible;
    opacity:1;
    border-radius:14px;
    background:rgba(51,51,51,1);
    color:rgba(255,255,255,0.8);
    margin-left:7px;
    box-shadow:0px 20px 40px rgba(0,0,0,0.4)!important;
}
.van-popper-avatar .coins[data-v-d7d33416]/*去除硬币及B币底部分割线*/{
    border:0;
}
.international-header a, .van-popover a/*硬币及B币字体颜色*/{
    color:white;
}
.van-popper-avatar .counts[data-v-d7d33416]/*去除关注、粉丝、动态计数器底部分割线*/{
    border:0;
}
.van-popper-avatar .count-item .item-key[data-v-d7d33416]/*关注、粉丝、动态字体颜色*/{
    color:rgba(255,255,255,0.6)
}
.van-popper-avatar .count-item .item-value[data-v-d7d33416]/*关注、粉丝、动态计数字体颜色*/{
    color:rgba(255,255,255,0.8)
}
.van-popper-avatar .links[data-v-d7d33416]/*去除我的课程下的分割线*/{
    border:0;
    padding:0
}
.international-header .mini-type .nav-user-center .bilifont/*个人中心-我的课程的图标颜色*/{
    color:rgba(255,255,255,0.4)
}
.van-popper-avatar .links .link-title[data-v-d7d33416]/*个人中心-我的课程的字体颜色*/{
    color:rgba(255,255,255,0.8);
}
.van-popper-avatar .links .link-item[data-v-d7d33416]/*个人中心-我的课程卡片调整*/{
    border-radius:0px;
    width:calc(100% - 0px);
    transition:all 0.2s;
}
.van-popper-avatar .links .link-item[data-v-d7d33416]:hover/*当光标在个人中心-我的课程卡片上时*/{
    color:rgba(255,255,255,0.8);
    border-radius:14px;
    background:rgba(255,255,255,0.05);
    margin-left:7px;
    width:calc(100% - 14px);
    box-shadow:0 10px 25px rgba(0,0,0,0.2);
}
.van-popper-avatar .logout[data-v-d7d33416]/*登出部分调整*/{
    height:42px;
    width:calc(100% - 0px);
    padding:0;
    margin-bottom:7px;
    color:rgba(255,255,255,0.8);
    background-color:rgba(0,0,0,0);
    border-radius:14px;
    transition:all 0.2s;
}
.van-popper-avatar .logout[data-v-d7d33416]:hover/*当光标在登出上时1*/{
    width:calc(100% - 14px);
    transition:all 0.2s;
}
.van-popper-avatar .logout span[data-v-d7d33416]:hover/*当光标在登出上时2*/{
    color:rgba(255,255,255,0.8);
    background:rgba(255,255,255,0.05);
    border-radius:14px;
    box-shadow:0 10px 25px rgba(0,0,0,0.2);
}
.van-popper .popper__arrow/*大会员二级菜单上的小三角*/{
    filter:brightness(0.2);
}
.vip-m .bubble-traditional .recommand .title/*大会员二级菜单标题字体*/{
    color:rgba(255,255,255,0.8)
}
.vip-m .bubble-traditional .recommand .bubble-col .item .recommand-link/*大会员二级菜单内容字体*/{
    color:rgba(255,255,255,0.8)
}
.vip-m .bubble-traditional .recommand .bubble-col .item img/*大会员二级菜单图片圆角适配*/{
    border-radius:14px;
}
.vip-m .bubble-traditional .renew-btn button/*大会员二级菜单按钮圆角适配*/{
    border-radius:14px;
}
.nav-user-center .t .num{/*消息小红点*/
    top:-2.5px;
}
.i-frame iframe[data-v-01c9e08c]/*消息二级菜单背景*/{
    background:rgba(51,51,51,1);
    border-radius:14px!important;
    box-shadow:0 10px 25px rgba(0,0,0,0.2);
}
.i-frame[data-v-01c9e08c]::before/*消息二级菜单顶部小三角*/{
    background-color:rgba(51,51,51,1);
}
/*↑下接“动态页顶栏消息二级菜单”*/
.i-frame[data-v-3f6279c7]::before{
    background-color:rgb(72, 72, 72);
}
.nav-user-center .nav-item-dynamic .i-frame/*动态二级菜单调整*/{
    padding:14px;
    height:calc(535px + 56px);
    width:382px;
}
.nav-user-center .nav-item-dynamic .i-frame iframe/*动态二级菜单调整*/{
    padding:0;
    height:calc(535px + 21px);
    border-radius:14px;
    box-shadow:0 10px 14px rgba(0,0,0,0.3);
}
/*↑下接“动态页顶栏动态二级菜单”*/
.van-popper-favorite .tab-item--active[data-v-70d07937]/*收藏二级菜单被选中的收藏夹标题*/{
    border-radius:14px 0px 0px 14px;
    margin-right:0px;
    margin-left:12px;
    padding:7px;
    padding-left:14px;
    box-shadow:5px 5px 20px rgba(0,161,214,0.3)
}
.van-popper-favorite .tab-item--normal[data-v-70d07937]/*未被选中的收藏夹标题*/{
    color:rgba(255,255,255,0.8);
}
.van-popper-favorite .tab-item--normal[data-v-70d07937]:hover/*未被选中的收藏夹标题*/{
    color:rgba(255,255,255,0.8);
    background:rgba(255,255,255,0.1);
    margin:7px 0px 3.5px 7px;
    padding:7px;
    padding-left:14px;
    border-radius:14px 0px 0px 14px;
    box-shadow:0 10px 20px rgba(0,0,0,0.1);
}
.van-popper-favorite .tab-item .num[data-v-70d07937]/*被选中的收藏夹计数器*/{
    color:rgba(255,255,255,0.4)
}
.van-popper-favorite .tab-item--active .num[data-v-70d07937]/*未被选中的收藏夹计数器*/{
    color:rgba(255,255,255,0.9)
}
.header-video-card[data-v-589fc0a0]/*视频信息卡片*/{
    background-color:rgba(255,255,255,0);
    margin:7px;
    margin-top:0px;
    border-radius:0px;
    width:calc(100% - 0px);
    padding:7px 0px;
    box-shadow:0 0px 0px rgba(0,0,0,0.1)
}
.header-video-card[data-v-589fc0a0]:hover/*视频信息卡片*/{
    background-color:rgba(255,255,255,0.1);
    margin:7px;
    margin-top:0px;
    border-radius:14px;
    width:calc(100% - 14px);
    padding:7px;
    box-shadow:0 10px 20px rgba(0,0,0,0.1)
}
.video-card-img .default-img[data-v-c05424d6]/*收藏夹内视频封面*/{...
Reviews

No reviews yet.