百度搜索多列样式

简易版百度搜索多列样式

  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. }

QingJ © 2025

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