☰

必应不再绿

必应个性化样式

  1. /* ==UserStyle==
  2. @name:zh-CN     必应不再绿
  3. @name         Biang 
  4. @namespace     doufu.ru
  5. @version       1.1.2
  6. @description:zh-CN 必应个性化样式
  7. @description    Persnal Style For bing.com
  8. @author         Ryan
  9. @preprocessor stylus
  10. @var text columnMaxWidth "最大宽度(单栏)" 960px
  11. @var text columnsMaxWidth "最大宽度(双栏栏)" 1536px
  12. @var checkbox columnsEnabled "启用双栏" 1
  13. ==/UserStyle== */
  14. @-moz-document domain("bing.com") {
  15.  
  16.     /** 公共样式 */
  17.     #ev_talkbox_min,
  18.     #b_opalpers,
  19.     [aria-label="更多结果"] {
  20.         display: none !important;
  21.     }
  22.  
  23.     html {
  24.         --max-width: 1600px;
  25.         --block-px: 12px;
  26.     }
  27.  
  28.     h2 {
  29.         line-height: 24px;
  30.         font-size: 20px;
  31.     }
  32.  
  33.     em,
  34.     strong {
  35.         font-style: normal;
  36.         color: #c00 !important;
  37.     }
  38.  
  39.     a,
  40.     #b_tween a:visited,
  41.     #b_results .b_no a {
  42.         color: rgb(0, 0, 204);
  43.     }
  44.  
  45.     cite,
  46.     #b_results cite.sb_crmb a,
  47.     #b_results cite a.sb_metalink,
  48.     #b_results .b_adurl cite a,
  49.     #bk_wr_container cite a {
  50.         color: #626675;
  51.     }
  52.  
  53.     #id_h {
  54.         position: absolute;
  55.         float: none;
  56.         top: 0px;
  57.         z-index: 99;
  58.     }
  59.  
  60.     .as-horizontal .as-menu {
  61.         justify-content: center;
  62.     }
  63.  
  64.     .sp-separator {
  65.         flex: 0 1 100% !important;
  66.     }
  67.  
  68.     .dynMap {
  69.         width: calc(100% - 20px) !important;
  70.         margin: 10px;
  71.     }
  72. }
  73.  
  74. @-moz-document regexp("https?://.*\\.bing\\.com/((\\?.*?)?)$") {
  75.  
  76.     /** 首页样式 搜索框居中 */
  77.     .sbox {
  78.         margin-left: -290px;
  79.         width: 580px;
  80.         margin-top: -26px;
  81.         height: 52px;
  82.         left: 50%;
  83.     }
  84.     .sbox.fix {
  85.         margin-top: 0;
  86.     }
  87.     .sbox[style*="transform"]:not(.fix) {
  88.         top: 45%;
  89.     }
  90.     .sbox:not([style]),
  91.     .sbox[style=""] {
  92.         top: 50%;
  93.     }
  94. }
  95.  
  96. @-moz-document regexp("https?://.*\\.bing\\.com/search.*$") {
  97.     #b_skip_to_content,
  98.     .b_logoArea {
  99.         display: none !important;
  100.     }
  101.     .toggle_img {
  102.         filter: sepia(100%) hue-rotate(190deg) saturate(500%);
  103.     }
  104.     .sb_pagF {
  105.         /** 翻页居中 */
  106.         display: flex;
  107.         justify-content: center;
  108.     }
  109.     #b_context {
  110.         --rgutter: 0;
  111.     }
  112.     #sb_form_q {
  113.         max-width: 535px;
  114.     }
  115.     @media (max-width: 979.99px) {
  116.         html body {
  117.             width: 100%;
  118.             min-width: unset;
  119.         }
  120.         body #b_header {
  121.             width: calc(100% - 2 * var(--block-px));
  122.             min-width: unset;
  123.         }
  124.         body {
  125.             overflow: hidden;
  126.         }
  127.  
  128.         #b_header {
  129.             border-bottom: 0;
  130.             padding: 24px var(--block-px) 0 var(--block-px);
  131.         }
  132.         #est_switch {
  133.             margin-left: 0;
  134.         }
  135.  
  136.         #b_header #sb_form {
  137.             width: 100%;
  138.             margin-right: 0;
  139.         }
  140.         .b_searchboxForm {
  141.             display: flex;
  142.             width: 100%;
  143.             overflow: hidden;
  144.         }
  145.         .hasmic .b_searchbox {
  146.             width: auto;
  147.             flex-grow: 1;
  148.         }
  149.         .b_scopebar {
  150.             margin-left: 0;
  151.         }
  152.         #b_results {
  153.             width: 100%;
  154.         }
  155.         .b_respl #b_content {
  156.             --lgutter: 0;
  157.             /* 去除左边缩进 */
  158.             --padding-x: 8px;
  159.             padding: 40px var(--block-px) 0;
  160.         }
  161.         #b_results > li {
  162.             padding-left: var(--block-px);
  163.             padding-right: var(--block-px);
  164.         }
  165.         .b_topborder .b_topBleed .b_antiTopBleed,
  166.         .b_nonfirsttopb .b_topBleed .b_antiTopBleed,
  167.         #b_results > .b_algo {
  168.             padding-left: var(--block-px);
  169.             padding-right: var(--block-px);
  170.         }
  171.         #b_results > li .b_title {
  172.             display: flex;
  173.             gap: 8px;
  174.         }
  175.         .sh_favicon {
  176.             display: flex;
  177.             align-items: center;
  178.         }
  179.         #b_results > li .b_title > h2 {
  180.             overflow: hidden;
  181.             text-overflow: ellipsis;
  182.             display: -webkit-box;
  183.             -webkit-line-clamp: 1;
  184.             -webkit-box-orient: vertical;
  185.         }
  186.         #recentSearchLGContainer {
  187.             display: none;
  188.         }
  189.         #b_results > .b_ans {
  190.             padding-left: var(--block-px);
  191.             padding-right: var(--block-px);
  192.         }
  193.         #b_results .b_ans #brsv3,
  194.         #b_results .b_ans #b_recents {
  195.             width: 100%;
  196.         }
  197.         #b_results #brsv3 .b_vList,
  198.         #b_results .b_ans #b_recents .b_vList {
  199.             display: grid;
  200.             grid-template-columns: 1fr 1fr;
  201.             gap: 8px;
  202.         }
  203.         #b_results #brsv3 .b_vList li,
  204.         #b_results #b_recents .b_vList li {
  205.             margin: 0;
  206.             width: auto;
  207.         }
  208.         #b_results #brsv3 .b_vList li:nth-child(2n+1),
  209.         #b_results #b_recents .b_vList li:nth-child(2n+1) {
  210.             margin-right: 0;
  211.         }
  212.     }
  213.     @media (min-width: 768px) {
  214.         html body {
  215.             width: 768px;
  216.             min-width: unset;
  217.             margin: 0 auto;
  218.         }
  219.         #b_header {
  220.             width: 768px;
  221.             min-width: unset !important;
  222.             margin: 0 auto;
  223.             display: flex;
  224.             flex-direction: column;
  225.             align-items: center;
  226.         }
  227.         #est_switch {
  228.             width: 100%;
  229.         }
  230.         .b_scopebar {
  231.             margin-left: 0;
  232.         }
  233.         #b_tween {
  234.             padding-left: 0;
  235.             text-align: center;
  236.         }
  237.         #sw_as .sa_drw .sa_sg {
  238.             padding: 6px 0 !important;
  239.         }
  240.         .sa_as > * {
  241.             flex-grow: 1;
  242.         }
  243.         #sw_as .rs_drw {
  244.             display: flex;
  245.             flex-wrap: wrap;
  246.         }
  247.         #sw_as .sa_as .sa_drw .sa_sgr {
  248.             width: calc(50% - 16px);
  249.             display: flex;
  250.         }
  251.         #sw_as .sa_as .sa_drw .sa_sg_icon_are {
  252.             flex-shrink: 0;
  253.         }
  254.         #sw_as #sa_requery .sa_tm {
  255.             flex-grow: 1;
  256.             display: flex;
  257.             align-items: center;
  258.         }
  259.         #b_content {
  260.             width: 768px;
  261.             --lgutter: 0;
  262.             margin: 0 auto;
  263.         }
  264.         #b_results {
  265.             width: 100%;
  266.         }
  267.         #b_footer {
  268.             width: 768px;
  269.             min-width: unset !important;
  270.             margin: 0 auto;
  271.             float: none;
  272.             margin-bottom: 20px;
  273.         }
  274.         #b_footerItems {
  275.             height: auto;
  276.         }
  277.         #b_footerItems:after {
  278.             content: "";
  279.             display: block;
  280.             clear: both;
  281.         }
  282.     }
  283.     @media (min-width: 960px) {
  284.         html body {
  285.             width: 920px;
  286.             min-width: unset;
  287.             margin: 0 auto;
  288.             max-width: columnMaxWidth;
  289.         }
  290.         #b_content {
  291.             max-width: columnMaxWidth;
  292.         }
  293.     }
  294.     @media (min-width: 1280px) and (max-width: 1535.99px) {
  295.         html body {
  296.             width: 1280px;
  297.             min-width: unset;
  298.         }
  299.         #b_content {
  300.             width: 1280px;
  301.         }
  302.     }
  303.     @media (min-width: 1536px) {
  304.         html body {
  305.             width: 1480px;
  306.             min-width: unset;
  307.         }
  308.         #b_content {
  309.             width: 1480px;
  310.         }
  311.     }
  312.     if columnsEnabled {
  313.         /* 如果不需要双列样式请删掉下面的 CSS */
  314.         /* 双列样式开始 */
  315.         @media (min-width: 1280.01px) {
  316.             html body {
  317.                 width: 100%;
  318.                 min-width: unset;
  319.                 margin: 0 auto;
  320.                 max-width: columnsMaxWidth;
  321.             }
  322.             #b_content {
  323.                 --padding-inline: 40px;
  324.                 width: calc(100% - 2 * var(--padding-inline));
  325.                 max-width: columnsMaxWidth;
  326.                 padding-inline: --padding-inline;
  327.             }
  328.             #b_results {
  329.                 display: flex;
  330.                 flex-wrap: wrap;
  331.                 --columns: 2;
  332.             }
  333.             #b_results > li:not(#mfa_root):not(.b_pageBar):not(.b_pag) {
  334.                 width: calc(100% / var(--columns));
  335.                 padding-left: 0 !important;
  336.                 padding-right: 0 !important;
  337.             }
  338.             #b_results > li:not(#mfa_root):not(.b_pageBar):not(.b_pag) > * {
  339.                 padding-left: var(--block-px);
  340.                 padding-right: var(--block-px);
  341.             }
  342.             #b_results .b_title {
  343.                 display: flex;
  344.                 gap: 8px;
  345.             }
  346.             #b_results .sh_favicon {
  347.                 display: flex;
  348.                 align-items: center;
  349.             }
  350.             #b_results .wr_fav {
  351.                 margin-left: 0;
  352.             }
  353.             li.b_pag {
  354.                 width: 100%;
  355.                 max-width: 100% !important;
  356.             }
  357.         }
  358.         /* 双列样式结束*/
  359.     }
  360. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址