☰

百度搜索多列样式

简易版百度搜索多列样式

  1. @charset "UTF-8";
  2.  
  3. /* ==UserStyle==
  4. @name:zh-CN         百度搜索多列样式
  5. @name               Baidu Search Multi Column
  6. @namespace          github.com/benzbrake/FirefoxCustomize
  7. @version            1.0.2
  8. @description:zh-CN  简易版百度搜索多列样式
  9. @description        Persnal Style For baidu.com
  10. @author             Ryan
  11. @license            MIT
  12. @var text max-columns "Search Result Columns" 2
  13. ==/UserStyle== */
  14. @-moz-document regexp("https?:\\/\\/www\\.baidu\\.com\\/?$") {
  15.     #s_main,
  16.     #s_top_wrap .s-top-nav {
  17.         display: none !important;
  18.     }
  19.     #head_wrapper {
  20.         height: calc(100% - 100px);
  21.         max-height: unset;
  22.         top: 60px;
  23.     }
  24. }
  25. @-moz-document regexp("https?:\\/\\/www\\.baidu\\.com\\/s.*") {
  26.     #content_right {
  27.         display: none
  28.     }
  29.  
  30.     #container {
  31.         -webkit-box-sizing: border-box;
  32.         box-sizing: border-box;
  33.         width: 1280px !important;
  34.         margin: 0 auto !important;
  35.         padding-left: 0 !important;
  36.     }
  37.  
  38.     #container > .result-molecule {
  39.         display: flex;
  40.         justify-content: center;
  41.         margin: 0 !important;
  42.         padding: 0 !important;
  43.         width: 100%;
  44.     }
  45.  
  46.     #content_left {
  47.         padding: 0 !important;
  48.         float: unset;
  49.         margin: 0 auto !important;
  50.         width: 1280px !important;
  51.         overflow: hidden;
  52.         display: flex;
  53.         flex-wrap: wrap;
  54.     }
  55.  
  56.     #content_left > div.c-container,
  57.     #content_left > div.c-group-wrapper {
  58.         flex-basis: calc(100% / var(--max-columns) - 10px);
  59.         width: calc(100% / var(--max-columns) - 10px);
  60.         height: auto;
  61.         margin: 5px;
  62.         overflow: hidden;
  63.     }
  64.  
  65.     .new-pmd .c-span12 {
  66.         width: calc(100% - 6px);
  67.         margin-right: 0 !important;
  68.         padding: 5px 5px 5px 1px;
  69.     }
  70.  
  71.     .new-pmd .c-border {
  72.         margin: 0 !important;
  73.     }
  74.  
  75.     #rs_new {
  76.         display: flex;
  77.         justify-content: center;
  78.         flex-wrap: wrap;
  79.     }
  80.  
  81.     #rs_new > :first-child {
  82.         flex-basis: 100%;
  83.         display: flex;
  84.         justify-content: center;
  85.     }
  86. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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