Greasy Fork is available in English.

Pithy TaoBao/Tmall | 简洁 淘宝/天猫(CSS)

首页仅保留导航栏、logo、搜索框。

Versión del día 5/9/2021. Echa un vistazo a la versión más reciente.

  1. /* ==UserStyle==
  2. @name Pithy TaoBao/Tmall | 简洁 淘宝/天猫(CSS)
  3. @description 首页仅保留导航栏、logo、搜索框。
  4. @version 1.2.5
  5. @namespace https://greasyfork.org/users/472487
  6. ==/UserStyle== */
  7.  
  8. @-moz-document domain("taobao.com") {
  9. tbcc,.grid-right,#srp-footer,.icon-btn-feedback,.icon-btn-help,.icon-btn-history,.mui-mbarp-qrcode-tip,.m-navtabtags,#official-remind,.footer,#copyright,.user-medal,#tmall-desc,#tmall-copyright,#footer,#J_chaoshiService,.sn-mobile,.market-feature {
  10. display: none!important;
  11. }
  12.  
  13. .response-normal .grid-total .grid-left {
  14. /* float: left; */
  15. /* display: inline; */
  16. /* width: 1000px; */
  17. margin-left: 120px;
  18. }
  19.  
  20. .tb-footer, .tshop-pbsm-shop-top-list, .tshop-pbsm-shop-item-recommend {
  21. display: none!important;
  22. }
  23.  
  24. label[for="q"] {
  25. display: none;
  26. }
  27.  
  28. #J_Banner, #J_Pine, #detail-recommend-linjia, #J_IdsSegments ,#J_FeedbackExperience{
  29. display: none!important;
  30. }
  31.  
  32. #bd .col-sub {
  33. margin-left: -101%!important;
  34. }
  35.  
  36. .tb-shop-search {
  37. margin-left: -1%!important;
  38. }
  39.  
  40. .J_TModule[data-title="自定义内容区"], .J_TModule[data-title="宝贝排行榜"], .J_TModule[data-title="宝贝推荐"], .J_TModule[data-title="无线二维码"], .J_TModule[data-title="友情链接"], .J_TModule[data-title="手风琴模块"],.J_guanliantuijian {
  41. display: none !important;
  42. }
  43. }
  44.  
  45. @-moz-document url("https://www.taobao.com/"), url("http://www.taobao.com/"), url-prefix("https://www.taobao.com/?spm="), url-prefix("http://www.taobao.com/?spm=") {
  46. .cup,.screen,.seat-rect,.goods,.seat,.bottom,.J_FixedTool,.search-hots-fline,.search-hots-sline,.screen-outer,.J_Nav {
  47. display: none;
  48. }
  49.  
  50. .tbh-nav.J_Module.tb-pass {
  51. display: none!important;
  52. }
  53. .qr {
  54. display: none!important;
  55. }
  56.  
  57. .search-hd {
  58. display: none!important;
  59. }
  60.  
  61. .cup,.top,.site-nav-bd,.cover,.top-wrap,.ta-sub,.ta-rect,.rect-wrap,.search-wrap,.search-hd,.search-tips,.search-bd,.search-tab-icon,.search-panel,.search-button,.search-panel-fields,.TbSearchContent,.J_TmallSearchContent,.search-combobox-input-wrap,.search-imgsearch-panel,.search-imgsearch-upload,.file-input-wrapper,.drop-wrapper,.search-imgsearch-message,.J_TbSearchContent,.search-hots,.search-hots-lines,.search-hots-fline,.search-hots-sline,.J_TmallSearchContent,.ta-sub,.logo,.ta-extra,.qr,.tbh-search,.search-triggers,#J_TSearchForm,.search-combobox-input,.g-u,.file-input,.search-combobox,.cover ,.site-nav-bd,.site-nav-menu-hd,.site-nav-sign,.site-nav-user,.site-nav-menu-bd,.J_Menu,.site-nav-menu-hd,.site-nav-menu-bd,.J_Tmsg_Panel_Apps,.J_Tmsg_Panels,.J_Tmsg_Panel_Detail,.site-nav,.J_Tmsg_Panel_history,.J_Tmsg_Panel_Strong,.J_Tmsg_Panel_Setting,.site-nav-menu-hd,.site-nav-menu-hd,.site-nav-menu-bd,.site-nav-menu-bd-panel,.site-nav-menu-hd,.site-nav-sign,.site-nav-user,.site-nav-user-info,.site-nav-user-privilege-tip,.site-nav-menu-panel,.site-nav-sitemap-mod,.site-nav-sitemap-mod-wrap,.site-nav-sitemap-mod-hd,#J_SiteMapBd,.site-nav-sitemap-mod-bd,.mini-cart-img,.mini-cart-count,.mini-cart-title,.mini-cart-del,.mini-cart-info,.J_Tmsg_Panel_Apps,.J_Tmsg_Panel_Head,.J_Tmsg_Panel_AppsBody,.J_Tmsg_App,.J_Tmsg_Panel,.tbh-logo {
  62. display: block;
  63. }
  64.  
  65. .top {
  66. height: 100%;
  67. top: 36px;
  68. bottom: 0px;
  69. left: 0px;
  70. right: 0px;
  71. width: 100%;
  72. z-index: -1;
  73. }
  74.  
  75. .ta-rect {
  76. margin-top: 300px;
  77. }
  78.  
  79. .logo {
  80. background: url(https://img.alicdn.com/tfs/TB1_uT8a5ERMeJjSspiXXbZLFXa-143-59.png) no-repeat;
  81. position: fixed;
  82. top: calc(30% - 60px);
  83. left: calc(50% - 100px);
  84. margin: 0px auto;
  85. width: 200px;
  86. height: 120px;
  87. }
  88.  
  89. .logo img, .logo a {
  90. display: none !important;
  91. }
  92.  
  93. .top .ta-rect .rect-wrap,.search-bd {
  94. margin-left: 0px;
  95. margin-right: 0px;
  96. position: fixed;
  97. top: calc(50% - 80px);
  98. left: calc(50% - 300px);
  99. width: 600px;
  100. }
  101.  
  102. .ta-extra {
  103. display: none;
  104. }
  105.  
  106. .J_FixedTool,.fixedtool,.search-hots-fline,.search-hots-sline,.search-hots {
  107. display: none!important;
  108. }
  109.  
  110. .tb-toolbar-right,.tbh-super-banner {
  111. display: none!important;
  112. }
  113.  
  114. html{
  115. background: white!important;
  116. }
  117. body {
  118. background: white!important;
  119. height: 500px;
  120. }
  121.  
  122. .logo h1 .logo-bd {
  123. width: 250px!important;
  124. }
  125.  
  126. .tbh-ad-inner,.tbh-belt,.tbh-discover-goods,.shopping-inner,.tb-loading,.tbh-hotsale,.J_Helper {
  127. display: none!important;
  128. }
  129.  
  130. .layer-inner {
  131. display: none;
  132. }
  133.  
  134. .decorations-item {
  135. background: none!important;
  136. }
  137.  
  138. .tbh-superbanner {
  139. display: none!important;
  140. }
  141. .tbh-decorations {
  142. display: none!important;
  143. }
  144. }
  145.  
  146. @-moz-document url("https://ai.taobao.com/") {
  147. html, body{
  148. height:100%;
  149. width:100%;
  150. overflow-x: hidden;
  151. }
  152. #J_SiteNav, #J_u_root{
  153. width:100%;
  154. }
  155. .pc-search img{
  156. position:fixed;
  157. top:calc(20% - 38px);
  158. left:calc(50% - 95px);
  159. margin:0px auto;
  160. }
  161. .search{
  162. position:fixed !important;
  163. top:calc(38% - 20px);
  164. left:calc(50% - 345px);
  165. }
  166. .head-nav-new.pc-header-nav, .screen-main-cates.pc-main-cates, div[mx-view="pc-items"], div[bx-name="pc-banner"], #alimama-footer, #J_searchLink, .ad, .J_sdasdnbhkbdas{
  167. display:none!important;
  168. }
  169. #atomcarousel_10, #atomcarousel_12 div[style="position: fixed; right: 0px; bottom: 100px; width: 60px; height: 60px;"],#mx_3 > a{
  170. display:none!important;
  171. }
  172. }
  173.  
  174. @-moz-document url-prefix("https://ai.taobao.com/search") {
  175. #J_more_recom, .search-links{
  176. display:none!important;
  177. }
  178. }
  179.  
  180. @-moz-document domain("www.tmall.com") {
  181. html, body{
  182. height:100%;
  183. }
  184. #mallSearch form{
  185. position:fixed;
  186. top:calc(38% - 20px);
  187. left:calc(50% - 312px);
  188. width:624px;
  189. }
  190. #mallPage{
  191. border:none ;
  192. height:100%;
  193. background:white!important;
  194. }
  195. #header{
  196. height:calc(100% - 41px);
  197. }
  198. #content{
  199. display:none !important;
  200. }
  201. #footer{
  202. display:none !important;
  203. }
  204. #mallLogo,.mlogo{
  205. background: url(https://img.alicdn.com/tfs/TB11ojWRXXXXXafaFXXXXXXXXXX-190-27.png) no-repeat;
  206. display:block !important;
  207. visibility: visible;
  208. position:fixed;
  209. top:calc(28% - 65px);
  210. left:calc(50% - 120px);
  211. margin:0px auto;
  212. }
  213. #mallLogo .mlogo a{
  214. display:none !important;
  215. }
  216. .as-shelter, #J_ASTotalContainer{
  217. display:none !important;
  218. }
  219. .side-bg,body > div.top-con.j_top{
  220. display:none !important;
  221. }
  222. }
  223.  
  224. @-moz-document domain("tmall.com") {
  225. #detail, .col-main.tm-clear{
  226. display:flex;justify-content:center;
  227. }
  228. .tm-layout, .col-extra, #J_TabRecommends, .tm-qrcode-icon, .sn-qrcode, .header-banner, .rate-tryreport, .j-mdv, .ald.ald-03013.ald-03013-tab, #ald-skuRight, #footer, .j_MostTop,#J_chaoshiService{
  229. display:none !important;
  230. }
  231. .J_TModule[data-title="自定义内容区"], .J_TModule[data-title="宝贝排行榜"], .J_TModule[data-title="宝贝推荐"], .J_TModule[data-title="无线二维码"], .J_TModule[data-title="友情链接"], .J_TModule[data-title="手风琴模块"]{
  232. display:none !important;
  233. }
  234. .grid-s5m0 .col-sub{
  235. margin-left:-92%;
  236. }
  237. }
  238.  
  239. @-moz-document domain("world.taobao.com") {
  240. html,body{
  241. background:#FF5000;
  242. height:100%;
  243. }
  244. #root{
  245. height:calc(100%-40px);
  246. }
  247. .pc-homepage-header .header-logo-area{
  248. display:none!important;
  249. }
  250. .rax-view[data-spm="logo"] {
  251. background: url(data:image/png;base64,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) no-repeat;
  252. position: fixed;
  253. top: calc(30% - 80px);
  254. left: calc(50% - 100px);
  255. margin: 0px auto;
  256. width: 200px;
  257. height: 120px;
  258. }
  259. .header-searchbar, .searchbar-input-wrap, .searchbar-input{
  260. margin-left: 0px;
  261. margin-right: 0px;
  262. position: fixed;
  263. top: calc(50% - 80px);
  264. left: calc(50% - 300px);
  265. width:600px!important;
  266. }
  267. .header-searchbar .searchbar-input-wrap .searchbar-input::placeholder{ color:transparent;}
  268. .header-searchbar .searchbar-input-wrap .searchbar-input::-webkit-input-placeholder{ color:transparent;}
  269. .header-searchbar .searchbar-input-wrap .searchbar-input:-moz-placeholder{color: transparent;}
  270. .header-searchbar .searchbar-input-wrap .searchbar-input::-moz-placeholder{color: transparent;}
  271. .header-searchbar .searchbar-input-wrap .searchbar-input:-ms-input-placeholder{color: transparent;}
  272.  
  273. .header-searchbar .searchbar-input-wrap .search-button{
  274. top:0px!important;
  275. }
  276. .mui-zebra-page, .zebra-oversea-dropbanner{
  277. display:none!important;
  278. }
  279. .s-hqHd-menuitem, .more.more-with-border{
  280. display:none!important;
  281. }
  282. .user-info-unlogin, .qrcode.oversea-head, .cart.oversea-head{
  283. display:none!important;
  284. }
  285. .j_logoArea{
  286. position:fixed;
  287. top:calc(30% - 40.5px);
  288. left:calc(50% - 90px);
  289. }
  290. .oversea-head-text{
  291. position:fixed;
  292. top:calc(30% - 30px);
  293. left:calc(50% + 80px);
  294. }
  295. #J_PopSearch{
  296. position:fixed;
  297. top:calc(50% - 20px);
  298. left:calc(50% - 313px);
  299. }
  300.  
  301. .drop-banner-wrap, .drop-banner-wrap-placeholder, .elevator, .first-screen, .grid-line-two, .content-bottom, .seo, .middle-banner, .searchbar-hotwords, .homepage-introduction, #J_SiteFooter{
  302. display:none!important;
  303. }
  304. }