Skip to content

百度样式 by lhoul

Details

Authorlhoul

LicenseNo License

Category百度样式

Created

Updated

Size20 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

百度样式

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         百度样式
@version      20220531.02.28
@namespace    userstyles.world/user/lhoul
@description  百度样式
@author       lhoul
@license      No License
==/UserStyle== */

@-moz-document url-prefix("http://www.baidu.com/s"),
url-prefix("https://www.baidu.com/s") {
    /*  ==UserStyle== 
        
        @name           百度美化TCB版 (精简美化、卡片模糊、多样式可选)
        @namespace      userstyles.world/user/alpherkin
        @author         无白Herk
        @version        2.5.210915
        @description    百度搜索,卡片模糊,精简美化,自选样式 已适配百度网页、资讯、视频 TCB表示TabulateCardBlur
    
        @advanced dropdown default "全局默认样式" {
        0 "自定义样式" <<<EOT EOT;
        1 "默认样式1" <<<EOT :root { 
            --bg_img: url(https://pic.3gbizhi.com/2020/0821/20200821111007102.jpg);
            --card_color:  rgba(154, 154, 154, .8);
            --card_shadow: rgba(49, 49, 49, .5);
            --card_radius: 15px;
            --input_color: rgba(166, 167, 168, .85);
            } EOT;
        2 "默认样式2" <<<EOT :root {
            --bg_img: url(https://doge.zzzmh.cn/wallpaper/origin/139d5a3c75724393bcd2ea1ab5350090.jpg?response-content-disposition=attachment);
            --card_color:  rgba(197, 228, 244, 0.6);
            --card_shadow: rgb(148, 191, 213);
            --card_radius: 15px;
            --input_color: rgba(197, 228, 244, .95);
            } EOT;
        3 "默认样式3" <<<EOT :root {
            --bg_img: url(https://doge.zzzmh.cn/wallpaper/origin/3e8c0bd21c7c4fa3b60e0104028a8dda.jpg?response-content-disposition=attachment);
            --card_color:  rgba(207, 221, 236, .8);
            --card_shadow: rgb(134, 154, 168);
            --card_radius: 15px;
            --input_color: rgba(199, 220, 235, .95);
            } EOT;
        4 "默认样式4" <<<EOT :root {
            --bg_img:url(https://doge.zzzmh.cn/wallpaper/origin/66bf69ac882111ebb6edd017c2d2eca2.jpg?response-content-disposition=attachment);
            --card_color:  rgba(224, 226, 207, .8);
            --card_shadow: rgb(158, 159, 120);
            --card_radius: 15px;
            --input_color: rgba(214, 214, 194, .95);
            } EOT;
        5 "默认样式5" <<<EOT :root {
            --bg_img:url(https://www.wallpaperup.com/wallpaper/download/212854/94376beb019e2f7860dd5de793fdf44a);
            --card_color:  rgba(214, 215, 200, .8);
            --card_shadow: rgb(163, 164, 125);
            --card_radius: 15px;
            --input_color: rgba(212, 212, 192, .95);
            } EOT;
        
        }
        @advanced text  tips        "||||||||||选择自定义样式||||||||||" 以下配置才会生效
        @advanced text  user-img    "填入图片链接" https://pic.3gbizhi.com/2020/0909/20200909114051862.jpg
        @advanced color card-color  "卡片颜色透度" rgba(92, 92, 92, .6)
        @advanced color card-shadow "卡片阴影颜色" rgba(52, 52, 52, .5)
        @advanced text  card-radius "卡片圆角弧度" 15px
    
        ==/UserStyle== */
}

@-moz-document url-prefix("http://www.baidu.com/s"),
url-prefix("https://www.baidu.com/s") {
    /* =============用户自定 使用配置============= */
    /* 变量说明 变量说明 变量说明 变量说明 变量说明
        
            --bg_img:括号内可自定义背景图片链接
            --card_bgcolor:  卡片背景颜色
            --card_radius:   卡片圆角弧度
            --input_color: 搜索框的颜色
        
       变量说明 变量说明 变量说明 变量说明 变量说明 */
    /* ——————————————————————————用户自定 使用配置—————————————————————— */
    /*用户自定义样式*/
    :root {
        --bg_img: url(/*[[user-img]]*/);
        --card_color: /*[[card-color]]*/
        ;
        --card_shadow: /*[[card-shadow]]*/;
        --card_radius: /*[[card-radius]]*/;
    }

    /*自带默认样式*/
    /*[[default]]*/
}

@-moz-document url-prefix("http://www.baidu.com/s"),
url-prefix("https://www.baidu.com/s") {
    /* =============百度搜索 卡片模糊============= */
    /* ————————————————————————搜索结果美化—————————————————————— */
    #container {
        margin: 0 !important;
        width: 100% !important;
    }
    #content_left,
    #content_left > .ecom_pingzhuan.old-pmd + div,
    #content_left > .video_list_container {
        display: flex;
        /*卡片父容器调整*/
        flex-wrap: wrap;
        justify-content: center;
        width: 100% !important;
        padding: 0px !important;
    }
    /* 双栏卡片 圆角模糊 */
    [id^="1"],
    [id^="2"],
    [id^="3"],
    [id^="4"],
    /*普通搜索结果*/
    [id^="5"],
    [id^="6"],
    [id^="7"],
    [id^="8"],
    [id^="9"],
    #content_left .video_list.video_short,
    /*百度视频搜索*/
    #content_left > div[class='c-container result new-pmd'],
    #content_left > div[class='c-container result'] {
        width: 600px !important;
        /*双栏卡片 整体风格*/
        height: 123px !important;
        padding: 8px 0px 0px 8px !important;
        margin: 10px !important;
        display: block !important;
        overflow: auto !important;
        border-radius: var(--card_radius) !important;
        /*搜索结果圆角模糊*/
        background: var(--card_color) !important;
        box-shadow: 0px 10px 15px var(--card_shadow) !important;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        box-sizing: content-box!important;
        /*部分卡片属性*/
    }
    /* 卡片内嵌 消除边界 */
    #content_left > div > div > article > section > div,
    #content_left > div[class='c-container result'].c-result-content {
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}


@-moz-document url-prefix("http://www.baidu.com/s"),
url-prefix("https://www.baidu.com/s") {
    /* =========百度搜索 基础设置=========*/
    /* ———————————————————————百度头部 顶栏设置——————————————————— */
    .s_form/*百度头部 搜索框 */
    {
        width: 800px !important;
        margin: auto !important;
        padding: 0 !important;
    }
    .s_ipt_wr/*百度搜索框*/
    {
        background-color: var(--card_color) !important;
    }
    .s_ipt_wr:hover,
    .ipthover,
    .iptfocus,
    .bdsug.bdsug-new/*搜索框建议卡片*/
    {
        background-color: var(--card_color) !important;
    }
    #head/*隐藏搜索框底图*/
    {
        position: fixed !important;
        height: 0px !important;
    }
    #s_tab/*搜索选项(网页、资讯、视频)*/
    {
        top: -10px !important;
        height: 45px !important;
        padding-left: 0px !important;
        text-align: center!important;
        background: rgba(0, 0, 0, 0) !important;
    }
    #header_top_bar/*资讯页相关数目*/
    {
        margin: 0 0 0 420px
    }

    /* ————————————————————————搜索结果美化—————————————————————— */
    a {
        color: #4879BD;
        /*搜索结果 标题颜色*/
        font-size: 16px !important;
        text-decoration: none !important;
    }
    a:hover {
        border-bottom: #4879BD 1.2px solid;
        text-decoration: none !important;
    }
    em {
        color: #EA4335;
        font-size: 16px !important;
        text-decoration: none !important;
    }
    .c-showurl.c-color-gray {
        font-size: 12px !important;
    }
    .page-inner {
        padding-left: 10px !important;
        text-align: center!important;
    }
    #page {
        background-color: rgba(0, 0, 0, 0) !important;
    }

    /* ——————————————————————设置页面背景图片—————————————————————— */
    body {
        background-image: var(--bg_img) !important;
        background-attachment: fixed !important;
        background-size: cover !important;
    }

    /* ———————————————————————搜索页精简隐藏—————————————————————— */
    #u,
    /*最右上角用户*/
    #rs,
    /*相关搜索条数*/
    #result_logo img,
    /*百度logo图片*/
    #content_right,
    /*百度右侧推广*/
    ::-webkit-scrollbar,
    /*右垂直滚动条*/
    .nums.new_nums,
    /*相关搜索数目*/
    .foot-container_2X1Nt,
    /*最底部帮助栏*/
    .foot-inner,
    /*最底部帮助栏*/
    .c-tools.c-gap-left,
    /*百度快照图标*/
    .m.c-gap-left.c-color-gray.kuaizhao.snapshoot {
        display: none;
    }
}

@-moz-document url-prefix("http://www.baidu.com/") {
/*  ==UserStyle== 
    
    @name           百度美化BTC (精简美化、卡片模糊、十数种样式可选)
    @namespace      userstyles.world/user/alpherkin
    @version        3.1.2109181
    @description    百度搜索,卡片模糊,精简美化,自选样式 已适配百度网页、资讯、视频 TCB表示TabulateCardBlur
    @author         无白Herk
    @preprocessor   stylus

    @var select   anime-style "动漫系列样式" {
		'—————————': 'style0',
		'默认样式1': 'style1',
		'默认样式2': 'style2', 
		'默认样式3': 'style3',
		'默认样式4': 'style4',
		'默认样式5': 'style5'}
	@var select   portr-style "人物系列样式" {
		'—————————':   'none',
		'默认样式1': 'style1',
		'默认样式2': 'style2', 
		'默认样式3': 'style3',
		'默认样式4': 'style4',
		'默认样式5': 'style5'}
	@var select   purer-style "氢气系列样式" {
		'—————————':   'none',
		'默认样式1': 'style1',
		'默认样式2': 'style2', 
		'默认样式3': 'style3',
		'默认样式4': 'style4',
		'默认样式5': 'style5'}
	@var text  t1 		   "——————————"  ''————  自定义样式''
    @var text  user-img    "自定义背景图" ""填写链接,保留引号""
    @var color card-color  "卡片整体颜色" #ACACAC80
	@var range card-blur   "卡片高斯模糊" [ 5, 0, 30, 1, 'px']
	@var range card-radius "卡片圆角弧度" [15, 0, 30, 1, 'px']
	@var text  t2 		   "——————————"  ''————  细节微调整''
	@var color title-color "搜索结果标题" #ACACAC80
	@var color chara-match "匹配字符颜色"	#ACACAC80
	
==/UserStyle== */
@-moz-document url-prefix("http://www.baidu.com"),
url-prefix("https://www.baidu.com") {
    // =============用户自定 使用配置============= //
    if (anime-style=='style0') {
        //哔哩姐妹 亮蓝
        bg_img=url(https://doge.zzzmh.cn/wallpaper/origin/139d5a3c75724393bcd2ea1ab5350090.jpg) card_color=rgba(207, 244, 255, .5) title_color=#0054c9 chara_match=#FF2C1C
    }
    else if (anime-style=='style1') {
        //动漫狐狸 海蓝
        bg_img=url(https://doge.zzzmh.cn/wallpaper/origin/0bb18527880611ebb6edd017c2d2eca2.jpg) card_color=#D2EEF280 title_color=#0054c9 chara_match=#FF2C1C
    }
    else if (anime-style=='style2') {
        //动漫原画 黄紫
        bg_img=url(https://doge.zzzmh.cn/wallpaper/origin/553efdcedb5a4ce490beea41a9b7e6e1.jpg) card_color=#c2c2c980 title_color=#006bff chara_match=#ff1200
    }
    else if (anime-style=='style3') {
        //动漫原画 红黑
        bg_img=url(https://doge.zzzmh.cn/wallpaper/origin/b03aaf84882611ebb6edd017c2d2eca2.png) card_color=#cfddec80 title_color=#B2D2FF chara_match=#F00
    }
    else if (anime-style=='style4') {
        //动漫原画 棕兰
        bg_img=url(https://doge.zzzmh.cn/wallp...

Reviews

No reviews yet.