仰晨-百度搜索页

主观百度搜索样式。始于 - 2023/4/11 20:01:47

  1. /* ==UserStyle==
  2. @name 仰晨-百度搜索页
  3. @namespace cgl556.gitee.io/grid
  4. @version 2.0.1
  5. @description 主观百度搜索样式。始于 - 2023/4/11 20:01:47
  6. @author 仰晨
  7. @license MIT
  8. ==/UserStyle== */
  9.  
  10. @-moz-document url-prefix("https://www.baidu.com/s?") {
  11. #searchTag, /*搜索标签*/
  12. #head{ /*顶部搜索框。*/
  13. background-color: #fff0;
  14. }
  15. [class="s_down"]{ /*顶部搜索框下滑时。*/
  16. background-color: #395f3673 !important;
  17. }
  18. /*搜索给出来的推荐标签2023.4.15*/
  19. #searchTag{
  20. width: 10px;
  21. position: fixed; /*固定浮动*/
  22. right: 30%;
  23. top: 19%;
  24. }
  25. [tpl="app/head-tab"]{
  26. z-index: 9999999 !important;
  27. }
  28. /*搜索给出来的推荐标签*/
  29. .tag-scroll_3EMBO{
  30. width: 160px;
  31. height: 500px;
  32. display: flex;
  33. flex-wrap: wrap;
  34. }
  35. /*搜索给出来的推荐标签 向下滚动时显示*/
  36. #searchTag.tag-fixed{
  37. top: 20.8%;
  38. }
  39. [tpl="app/footer"], /*最底下的帮助,推广,举报。*/
  40. [tpl="app/rs"], /*相关搜索。*/
  41. #content_right{ /*右边热门。*/
  42. display: none;
  43. }
  44. [class="c-span12"], /*智能搜索聚合框。*/
  45. [class="single-card-wrapper_2nlg9"], /*智能搜索聚合框。*/
  46. .new-pmd .c-span9 { /*文章文字宽*/
  47. width: 800px !important;
  48. }
  49. .wrapper_new .fm { /*搜索框放到中间。*/
  50. margin: 15px 0 15px 250px;
  51. }
  52. [tpl="app/search-tool"]{ /*筛选工具。*/
  53. padding-left: 200px;
  54. padding-top: 60px;
  55. }
  56. [tpl="app/head-tab"]{ /*搜索框下面的各种搜索放右边。*/
  57. width: 10px;
  58. position: fixed; /*固定浮动*/
  59. right: 14%;
  60. top: 19%;
  61. }
  62. [id="s_tab"]>div,
  63. .wrapper_new #s_tab a,
  64. .wrapper_new #s_tab b{ /*搜索框下面的各种搜索放右边。要宽一点*/
  65. width: 80px !important;
  66. }
  67. /*搜索条词变宽2023.9.4*/
  68. [class="new-pmd"],
  69. [class="c-border"],
  70. [class="c-container result"],
  71. [class="result c-container xpath-log new-pmd"],
  72. [class="result-op c-container xpath-log new-pmd"],
  73. [class="_content-border_17ta2_4 content-border_r0TOp cu-border sc-aladdin sc-cover-card"]{
  74. width: 800px !important
  75. }
  76. [tpl="app/page"], /*底下的翻页。*/
  77. #content_left { /*左边出来一点。 下去一点。*/
  78. padding-left: 350px !important;
  79. margin-top: 0px !important;
  80. }
  81. /*把翻页纵向,并固定位置2023.9.4*/
  82. [id="page"]{
  83. white-space: revert !important;
  84. width: 50px;
  85. position: fixed;
  86. top: 160px;
  87. left: 76px;
  88. opacity: 30%;
  89. transition: all 0.5s ; /*过渡效果*/
  90. }
  91. [id="page"]>div{
  92. width: 44px !important;
  93. }
  94. [id="page"]:hover{
  95. opacity: 100%;
  96. }
  97. /*下一页2023.9.4*/
  98. [class="n"]{
  99. left: -44px;
  100. top: -425px;
  101. position: relative;
  102. }
  103. [class="page-item_M4MDr pc"],
  104. /*单个页的按钮2023.9.4*/
  105. [class="page-inner_2jZi2"] a{
  106. margin: 1px 0;
  107. box-shadow: 0px 2px 6px 2px #d7d6d6 !important; /*阴影 水平偏移 垂直偏移 模糊 阴影大小*/
  108. }
  109. /************************************添加背景*******************************/
  110. #container::before{
  111. background-color: #e9fbe2;
  112. position: fixed; /*固定浮动*/
  113. width: 60%;
  114. height: 98%;
  115. left: 18%;
  116. top: 1%;
  117. content: "";
  118. z-index: -1;
  119. border-radius: 40px;
  120. box-shadow: 0px 1px 7px 4px #d7d6d6; /*阴影 水平偏移 垂直偏移 模糊 阴影大小*/
  121. }
  122. #page { /*翻页按钮背景色*/
  123. background-color: #4b659f00;
  124. }
  125. }

QingJ © 2025

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