☰

USO - Display additional infos & fixes

Display additional information. Total installs, update date, initial release date. Fix site's navigability.

  1. // ==UserScript==
  2. // @name         USO - Display additional infos & fixes
  3. // @namespace    https://github.com/Procyon-b 
  4. // @version      0.3.4
  5. // @description  Display additional information. Total installs, update date, initial release date. Fix site's navigability.
  6. // @author       Achernar
  7. // @match        https://userstyles.org/*
  8. // @run-at       document-start
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13. "use strict";
  14.  
  15. var initial=true, firstPage=true;
  16.  
  17. // catch site errors
  18. if (location.pathname.startsWith('/styles/[styleId]/')) {
  19.   let u=location.pathname.substr(17);
  20.   history.replaceState({}, null, u);
  21.   location.pathname=u;
  22.   return;
  23.   }
  24.  
  25.  
  26. // XHR -- XML
  27. self.XMLHttpRequest = class extends self.XMLHttpRequest {
  28.   open(...args) {
  29.     let t=this;
  30.     // intercept and source code
  31.     if ( arguments[1].startsWith('https://gateway.userstyles.org/styles/getStyleCss/') ) {
  32.       styleLoaded=styleID || -1;
  33.       loadCSS=1;
  34.       this.addEventListener('load', function(){
  35.         var id=t.responseURL.split('/').pop();
  36.         if (styles[id] && !styles[id].sourceCode) styles[id].sourceCode=JP(t.response).result;
  37.         });
  38.       }
  39.     return super.open(...args);
  40.     }
  41.   }
  42.  
  43. // JSON.parse
  44. var JP=JSON.parse;
  45. JSON.parse=function(){
  46.   var r=JP(...arguments);
  47.   getStyles(r);
  48.   return r;
  49. }
  50.  
  51. // stop svg js animation
  52. window.requestAnimationFrame=function(){}
  53.  
  54. // handle data
  55. var stylesA=[], styles={};
  56. var total=0, styleLoaded;
  57. var closeBut;
  58.  
  59. function getStyles(o) {
  60.   stylesA=parseObj(o, [], ['styles', 'stylesList', 'style']);
  61.   stylesA.forEach((e) => {
  62.     if (e.id && !styles[e.id]) {
  63.       styles[e.id]=Object.assign({}, e);
  64.       total++;
  65.       }
  66.     });
  67.   }
  68.  
  69. function parseObj(o, A, n=[]) {
  70.   var k, v;
  71.   if ( (typeof o != 'object') || !Array.isArray(A)) return;
  72.   for (k in o) {
  73.     v=o[k];
  74.     if ((typeof v == 'object') && n.includes(k)) A=A.concat(v);
  75.     if (typeof v == 'object') A=parseObj(v, A, n);
  76.     }
  77.   return A;
  78.   }
  79.  
  80. var done, newL, Tit, title, title0='Website Themes & Skins by Stylish | Userstyles.org',
  81.     userID, cancelNextRS=0, dontCancel='', site='',
  82.     bgPage='/', blockTitle;
  83.  
  84. if (document.readyState != 'loading') init('"already done"', 1);
  85. else {
  86.   document.addEventListener('DOMContentLoaded', (ev) => { init('DOM');} );
  87.   window.addEventListener('load', (ev) => { init('wLoad', 1);} );
  88.   }
  89.  
  90.  
  91. function chkState(a) {
  92.   var u=a[2];
  93.   if (u == '/styles/browse') {
  94.     if (bgPage.startsWith(u)) u=bgPage;
  95.     } 
  96.   else if (u.startsWith('/styles/[styleId]/')) {
  97.     title='';
  98.     document.title=title0;
  99.     u=bgPage;
  100.     }
  101.   else if (u.startsWith('/user-profile/[...userId]')) {
  102.     if (userID || __NEXT_DATA__) {
  103.       u='/user-profile/'+(userID || __NEXT_DATA__.query.userId);
  104.       }
  105.     }
  106.   a[2]=u;
  107.   }
  108.  
  109. // hide logo when scrolled. (saves cpu on old hardware)
  110. var Logo, LHidden=false;
  111. function hideLogo() {
  112.   function toggle(set) {
  113.     if ( Logo=(Logo && Logo.parentNode && Logo) || document.querySelector('[class^="welcome-banner_top_"] svg') )
  114.       LHidden=Logo.classList.toggle('hideMe',set);
  115.     else LHidden=set;
  116.     }
  117.   window.addEventListener('scroll', function() {
  118.     if (window.scrollY > 200) {
  119.       if (LHidden) return;
  120.       toggle(true);
  121.       }
  122.     else if (LHidden) toggle(false);
  123.     });
  124.   }
  125.  
  126. var reactID;
  127.  
  128. function init(v, old) {
  129.   if (done) return;
  130.   newL=document.querySelector('#__next');
  131.   if (!newL) {
  132.     if (old && ST) ST.remove(); 
  133.     return;
  134.     }
  135.   addSt();
  136.   hideLogo();
  137.   let t;
  138.   done=true;
  139.   reactID= (t=Object.keys(newL).find( (v) => v.startsWith('__react') )) && t.split('$')[1];
  140.   
  141.   if (__NEXT_DATA__.page == '/styles/[styleId]/[[...styleParams]]') bgPage='/';
  142.   else if ( (__NEXT_DATA__.page == '/styles/browse/[[...categoryParams]]') || (__NEXT_DATA__.page == '/user-profile/[...userId]') )
  143.     bgPage='/'+__NEXT_DATA__.props.metaTagsData.og.url.split('/').slice(3).join('/');
  144.   
  145.   let pushState=history.pushState;
  146.   history.pushState=function(){
  147.     let u=arguments[2];
  148.     // ignore if same state
  149.     if (cancelNextRS && (dontCancel == u) ) {
  150.       dontCancel='';
  151.       }
  152.     else if (cancelNextRS || (u == location.pathname) ) {
  153.       //cancelNextRS=false;
  154.       cancelNextRS && cancelNextRS--;
  155.       dontCancel='';
  156.       selfTitle=blockTitle=true;
  157.       return;
  158.       }
  159.     initial=false;
  160.     firstPage=false;
  161.     chkState(arguments);
  162.     
  163.     if (u.startsWith('/user-profile/') && (u[13] != '[') ) userID=u.split('/')[2];
  164.     if ( (u == '/') || u.startsWith('/user-profile/') || u.startsWith('/styles/browse/') ) bgPage=u;
  165.     
  166.     pushState.apply(history, arguments);
  167.     if (location.pathname.startsWith('/styles/')) {
  168.       addData('from pushState (path)');
  169.       }
  170.     }
  171.  
  172.   var hback=history.back,
  173.       hforward=history.forward,
  174.       hgo=history.go,
  175.       hreplaceState=history.replaceState;
  176.   
  177.   history.replaceState=function() {
  178.     if (cancelNextRS && (dontCancel == arguments[2]) ) {
  179.       dontCancel='';
  180.       }
  181.     else if (cancelNextRS || (arguments[2] == location.pathname) ) {
  182.       cancelNextRS && cancelNextRS--;
  183.       dontCancel='';
  184.       selfTitle=blockTitle=true;
  185.       return;
  186.       }
  187.     initial=false;
  188.     firstPage=false;
  189.     return hreplaceState.apply(history, arguments);
  190.     }
  191.  
  192.  
  193.   window.addEventListener('popstate', (ev) => {
  194.     if (location.pathname.startsWith('/user-profile/')) {
  195.       if (newL.querySelector(':scope > [class^="style_mainWrapper_"]')) {
  196.         let e=newL.querySelector(':scope > [class^="style_mainWrapper_"] a[data-stylish="close-style-page-button"]');
  197.         if (e) {
  198.           e.click();
  199.           }
  200.         }
  201.       }
  202.     else if (location.pathname.startsWith('/styles/')) {
  203.       let i, r, e=document.querySelector('a[href^="'+location.pathname+'"]');
  204.  
  205.       if (!e) {
  206.         r=newL.querySelectorAll('[class^="styles-list_styleRow_"]');
  207.         let st, ost;
  208.         
  209.         let ID=location.pathname.split('/')[2]
  210.         
  211.         for (i=0; i < r.length; i++) {
  212.           if (r[i]['__reactFiber$'+reactID] && (ID == r[i]['__reactFiber$'+reactID].key.split('-').pop()) ) {
  213.             e=r[i];
  214.             break;
  215.             }
  216.           }
  217.         }
  218.  
  219.       if (!e) {
  220.         let A=document.querySelector('a[href^="/styles/"][href*="1"]');
  221.         if (A) {
  222.           let react=Object.keys(A).find( (v) => v.startsWith('__reactFiber') );
  223.           e=document.createElement('a');
  224.           e.href=location.pathname;
  225.           e.style='display: none !important;';
  226.           let r=newL.querySelector(':scope > div > [class^="Home_homepageWrapper_"]')
  227.           if (r) r.appendChild(e);
  228.           }
  229.         }
  230.       if (e) e.click();
  231.       }
  232.     else if (location.pathname == '/') {
  233.       let e=newL.querySelector(':scope > [class^="style_mainWrapper_"] a[data-stylish="close-style-page-button"]');
  234.       if (e) {
  235.         cancelNextRS=1;
  236.         e.click();
  237.         }
  238.       }
  239.     });
  240.  
  241.   
  242.   // check Title
  243.   var Tit = document.querySelector('title'), selfTitle=false;
  244.   new MutationObserver(function(mutations) {
  245.     if (selfTitle) { selfTitle=false; return; }
  246.     if (title && !Tit.textContent.startsWith(title) ) {
  247.       document.title=title;
  248.       selfTitle=true;
  249.       }
  250.     }).observe(Tit, { attributes: false, subtree: false, childList: true });
  251.  
  252.   site=document.title.split('|')[1] || '';
  253.   if (site) site=' |'+site;
  254.  
  255.   // detect (no) popup
  256.   new MutationObserver(function(mutations) {
  257.     if (!newL.querySelector(':scope > [class^="style_mainWrapper_"]')) {
  258.       title='';
  259.       document.title=title0;
  260.       if (location.pathname.startsWith('/styles/')) {
  261.         if (firstPage && !initial) {
  262.           }
  263.         }
  264.       }
  265.     else {
  266.       addData('from is popup');
  267.       }
  268.     
  269.     }).observe(newL, { attributes: false, subtree: false, childList: true });
  270.  
  271.   // mutation add-er
  272.   
  273.     // sub Mut
  274.     function mutToast() {
  275.       let r=newL.querySelector(':scope > .Toastify ~ div[class=""], :scope > .Toastify ~ div[class^="MainLayout_mainLayout__"]');
  276.       if (r && r.attributes.obs) {
  277.         return;
  278.         }
  279.       if (r) {
  280.         new MutationObserver(function(muts) {
  281.         for (let mut of muts) {
  282.           if (mut.addedNodes.length && mut.previousSibling && (mut.previousSibling.localName == 'header') ) {
  283.             addDataTiles();
  284.             watchGrid();
  285.             break;
  286.             }
  287.           }          
  288.         }).observe(r, { attributes: true, subtree: false, childList: true });
  289.         r.setAttribute('obs', 'tiles');
  290.         }
  291.  
  292.       // added cards ?
  293.       watchGrid();
  294.       }
  295.  
  296.     function watchGrid() {
  297.       var r=newL.querySelector('[class^="styles-grid_gridItems_"]') ||
  298.         newL.querySelector('[class^="styles-gallery_scrollWrapper_"] > div:not([class])');
  299.       if (r.attributes.obs) {
  300.         return;
  301.         }
  302.       if (r) {new MutationObserver(function(muts) {
  303.         for (let mut of muts) {
  304.           if (mut.addedNodes.length) { 
  305.             addDataTiles();
  306.             break;
  307.             }
  308.           }          
  309.         }).observe(r, { attributes: true, subtree: false, childList: true });
  310.         r.setAttribute('obs', 'grid');
  311.         }
  312.       }
  313.  
  314.   new MutationObserver(function(muts) {
  315.     let mut;
  316.     for (mut of muts) {
  317.       
  318.       // new body
  319.       if (mut.addedNodes.length && mut.previousSibling && (mut.previousSibling.className == 'Toastify') ) {
  320.         addDataTiles();
  321.  
  322.         // new list
  323.         mutToast();
  324.         break;
  325.         }
  326.       
  327.       } 
  328.     }).observe(newL, { attributes: false, subtree: false, childList: true });
  329.   newL.setAttribute('obs', null);
  330.   mutToast();
  331.   addDataTiles();
  332.  
  333.   if (location.pathname.startsWith('/styles/')) {
  334.         setTimeout((e) => {addData('from ini '+v)}, 0);
  335.         }
  336.   }
  337.  
  338. var totalI, styleID, showCSS, loadCSS;
  339.  
  340. function getCSS(id, callback) {
  341.   if (id && (typeof callback == 'function') ) {
  342.     fetch('https://gateway.userstyles.org/styles/getStyleCss/'+id)
  343.       .then((response) => response.json())
  344.       .then((data) => callback(data));
  345.     }
  346.   }
  347.  
  348. function addData() {
  349.   var id=styleID=location.pathname.split('/')[2],
  350.       s=styles[id];
  351.  
  352.   if (initial) {
  353.     // this is the only case when this has to be done.
  354.     var t=newL.querySelector('[class^="style-header_close_"]')
  355.     if (!closeBut || (closeBut !== t) ) {
  356.       closeBut=t;
  357.       if (closeBut) {
  358.         closeBut.addEventListener('click', function() {
  359.           cancelNextRS=1;
  360.           dontCancel='/';
  361.           title='';
  362.           document.title=title0;
  363.           history.pushState({}, null, '/');
  364.           });
  365.         }
  366.       }
  367.     }
  368.   
  369.   if (!s) return;
  370.   var a=document.querySelector('#weekly-installs');
  371.   if (!a) return;
  372.  
  373.   if (!totalI || !totalI._root.parentNode) {
  374.     totalI=a.cloneNode(true);
  375.     totalI.id='totalInstalls';
  376.     totalI.dataset.tooltipContent='';
  377.     totalI._v=totalI.querySelector(':scope div span');
  378.     totalI._v.textContent='';
  379.     var tt=a.nextElementSibling, ttTI;
  380.     if ( tt.attributes.role && (tt.attributes.role.value == 'tooltip') ) ttTI=tt.cloneNode(true);
  381.     if (!ttTI) {
  382.       ttTI=document.createElement('div');
  383.       ttTI.innerHTML='<div role="tooltip" _model class="react-tooltip styles-module_tooltip__mnnfp styles-module_dark__xNqje react-tooltip__place-top styles-module_show__2NboJ" style="visibility: hidden;">test<div class="react-tooltip-arrow styles-module_arrow__K0L3T" style="left: 40px; bottom: -4px;"></div></div>';
  384.       ttTI=ttTI.firstElementChild;
  385.       tt=totalI;
  386.       }
  387.     if (ttTI) {
  388.       a.parentNode.insertBefore(ttTI, tt.nextSibling);
  389.       if (ttTI.childNodes.length == 1) {
  390.         let T=document.createTextNode('Total installs');
  391.         ttTI.insertBefore(T, ttTI.firstChild);
  392.         }
  393.       else ttTI.childNodes[0].textContent='Total installs';
  394.       totalI.onmouseenter=function(){
  395.         ttTI.style.opacity='0.9';
  396.         ttTI.style.visibility='visible';
  397.         if (ttTI._init) return;
  398.         ttTI._init=true;
  399.         if (ttTI.attributes._model) {
  400.           ttTI.style.top=(totalI.offsetTop - 47) +'px'; 
  401.           ttTI.style.left=(totalI.offsetLeft -10) +'px';
  402.           }
  403.         else {
  404.           ttTI.style.left=(totalI.offsetLeft - a.offsetLeft + tt.offsetLeft)+'px';
  405.           ttTI.style.top=tt.style.top;
  406.           ttTI.firstElementChild.setAttribute('style', tt.firstElementChild.attributes.style.value);
  407.           }
  408.         };
  409.       totalI.onmouseleave=function(){ttTI.style.opacity='0'; ttTI.style.visibility='hidden';};
  410.       }
  411.     var i=totalI.querySelector(':scope > svg'), i2;
  412.     if (i) {
  413.       i2=i.cloneNode(true);
  414.       totalI.insertBefore(i2, i.nextSibling);
  415.       i2.style='margin-left: -17px';
  416.       }
  417.     a.parentNode.insertBefore(totalI, (tt || a).nextSibling);
  418.     totalI._root=totalI.closest('[class^="style_mainWrapper_"]');
  419.  
  420.     showCSS=totalI._root.querySelector('[class*="style-info_showCss_"]');
  421.     if (showCSS) {
  422.       new MutationObserver(function(mutations) {
  423.         let e;
  424.         if (e=showCSS.parentNode.querySelector('[class^="Popup_modalWrapper_"] textarea')) {
  425.           if (loadCSS) {loadCSS=0; return;}
  426.           if (styles[styleID].sourceCode) e.value=styles[styleID].sourceCode;
  427.           else {
  428.             e.value='';
  429.             getCSS(styleID, function(v){e.value=styles[styleID].sourceCode=v.result;} );
  430.             }
  431.           }
  432.         }).observe(showCSS.parentNode, { attributes: false, subtree: false, childList: true });
  433.       }
  434.     }
  435.   else {
  436.     let e=totalI._root.querySelector('[class^="Popup_modalWrapper_"] textarea');
  437.     if (e) {
  438.       if (styles[styleID].sourceCode) e.value=styles[styleID].sourceCode;
  439.       else {
  440.         e.value='';
  441.         getCSS(styleID, function(v){e.value=styles[styleID].sourceCode=v.result;} );
  442.         }
  443.       }
  444.     }
  445.  
  446.   let v=parseInt(s.totalInstallsCount);
  447.   let vd=a.querySelector('span'), vdv=vd.innerText;
  448.   if (vdv.endsWith('k')) vdv=Math.floor(parseFloat(vdv) * 1000);
  449.   else vdv=parseInt(vdv);
  450.   if (vdv > v) {vd.style='text-decoration: line-through; text-decoration-color: red;';}
  451.   else vd.style='';
  452.   if (v > 1000) v=(v/1000).toFixed(1)+'k';
  453.   totalI._v.textContent=v;
  454.   document.title=title=s.name+site;
  455.  
  456.   setTimeout(function(){
  457.     if (!totalI._root.parentNode) addData('after');
  458.     },10);
  459.   }
  460.  
  461. function addDataTiles() {
  462.   var a=document.querySelectorAll('[data-stylish^="strip-cube-styles"]:not(._done), [data-stylish^="grid-cube-styles"]:not(._done)');
  463.   
  464.   a.forEach((e) => e.classList.add('_done'));
  465.   var i=0;
  466.   add2Tiles();
  467.   
  468.   function add2Tiles() {
  469.     var max=Date.now() + 100;
  470.     for (; i < a.length; i++) {
  471.       if (Date.now() > max) {
  472.         setTimeout(add2Tiles, 0);
  473.         return;
  474.         }
  475.       
  476.       let e=a[i].querySelector('[class*="style-cube_activeUsers_"]');
  477.       if (!e) continue;
  478.       let h=a[i].querySelector('a[href^="/styles/"]');
  479.       if (!h) continue;
  480.       let s=styles[h.pathname.split('/')[2]];
  481.       if (!s) continue;
  482.   
  483.       let r=a[i].querySelector('[class^="style-cube_styleDetails_"]');
  484.  
  485.       let tot=e.cloneNode(true);
  486.       e.title='Weekly installs';
  487.       tot.classList.add('_totalInstalls');
  488.       tot.title='Total installs';
  489.       let _v=tot.querySelector(':scope div span');
  490.       _v.textContent='';
  491.       
  492.       let I=tot.querySelector(':scope > svg'), i2;
  493.       if (I) {
  494.         i2=I.cloneNode(true);
  495.         tot.insertBefore(i2, I.nextSibling);
  496.         i2.style='margin-left: -9px';
  497.         }
  498.       
  499.       // insert total
  500.       e.parentNode.insertBefore(tot, e);
  501.   
  502.       let v=parseInt(s.totalInstallsCount);
  503.       if (v > 1000) v=(v/1000).toFixed(1)+'k';
  504.       _v.textContent=v;
  505.       
  506.       // add dates
  507.       e=document.createElement('div');
  508.       e.className='_dates_';
  509.       let C=s.created.split('T')[0], U=s.updated.split('T')[0];
  510.       e.innerHTML=(C == U ? '':'<span title="Last updated">'+U+'</span>')+'<span title="Date created">'+C+'</span>';
  511.       r.appendChild(e);
  512.       
  513.       // add user name
  514.       e=a[i].querySelector('[class^="style-cube_authorAvatar_"]');
  515.       if (e) e.title=s.user.name;
  516.       }
  517.     }
  518.   }
  519.  
  520.  
  521. var iST=`
  522. .hideMe {
  523.   display: none;
  524. }
  525. div[class^="style_mainWrapper__"] {
  526.   padding-top: 0;
  527. }
  528.  
  529. [data-stylish^="strip-cube-styles"] [class^="style-cube_topWrapper_"],
  530. [data-stylish^="grid-cube-styles"] [class^="style-cube_topWrapper_"] {
  531.   margin-bottom: 0;
  532. }
  533. [data-stylish^="strip-cube-styles"] [class^="style-cube_styleDetails_"],
  534. [data-stylish^="grid-cube-styles"] [class^="style-cube_styleDetails_"] {
  535.   flex-direction: row wrap;
  536.   background: var(--bg, gray);
  537.   margin-top: 2px;
  538.   transition: unset !important;
  539.   transition-delay: unset !important;
  540.   padding-top: 2px;
  541.   color: white;
  542. }
  543. [data-stylish^="strip-cube-styles"] [class^="style-cube_styleDetails_"] > *,
  544. [data-stylish^="grid-cube-styles"] [class^="style-cube_styleDetails_"] > * {
  545.   text-overflow: ellipsis;
  546.   overflow: hidden;
  547.   word-break: break-all;
  548. }
  549. [data-stylish^="strip-cube-styles"] [class^="style-cube_styleDetails_"] [class^="style-cube_activeUsers_"],
  550. [data-stylish^="grid-cube-styles"] [class^="style-cube_styleDetails_"] [class^="style-cube_activeUsers_"] {
  551.   width: auto !important;
  552.   margin-left: auto;
  553. }
  554. [data-stylish^="strip-cube-styles"] [class^="style-cube_styleDetails_"] [class^="style-cube_activeUsers_"] + [class^="style-cube_activeUsers_"],
  555. [data-stylish^="grid-cube-styles"] [class^="style-cube_styleDetails_"] [class^="style-cube_activeUsers_"] + [class^="style-cube_activeUsers_"] {
  556.   margin-left: 1em;
  557. }
  558. [data-stylish^="strip-cube-styles"] [class^="style-cube_styleDetails_"] [class^="style-cube_activeUsers_"] svg,
  559. [data-stylish^="grid-cube-styles"] [class^="style-cube_styleDetails_"] [class^="style-cube_activeUsers_"] svg {
  560.   fill: white;
  561.   display: block;
  562. }
  563.   
  564. [data-stylish^="strip-cube-styles"] [class^="style-cube_styleDetails_"] [class^="style-cube_name_"] *,
  565. [data-stylish^="grid-cube-styles"] [class^="style-cube_styleDetails_"] [class^="style-cube_name_"] * {
  566.   text-overflow: ellipsis;
  567.   overflow: hidden;
  568. }
  569. [data-stylish^="strip-cube-styles"] [class^="style-cube_styleDetails_"] > [class^="style-cube_styleName_"],
  570. [data-stylish^="grid-cube-styles"] [class^="style-cube_styleDetails_"] > [class^="style-cube_styleName_"] {
  571.   oline-height: normal;
  572.   flex-basis: calc(100% - 40px);
  573. }
  574. [data-stylish^="strip-cube-styles"] [class^="style-cube_styleDetails_"] > [class^="style-cube_details_"],
  575. [data-stylish^="grid-cube-styles"] [class^="style-cube_styleDetails_"] > [class^="style-cube_details_"] {
  576.   width: auto !important;
  577.   margin-left: auto;
  578.   ooutline: 2px solid red !important;
  579. }
  580.  
  581. [data-stylish^="strip-cube-styles"] [class*="style-cube_withHover_"]:hover,
  582. [data-stylish^="grid-cube-styles"] [class*="style-cube_withHover_"]:hover {
  583.   transform: unset !important;
  584.   transition: unset !important;
  585.   transition-delay: unset !important;
  586.   background-color: unset !important;
  587.   --bg: DarkSlateGrey;
  588. }
  589.  
  590. ._dates_._dates_ {
  591.   flex-basis: 100%;
  592.   margin-top: 2px;
  593.   text-align: right;
  594. }
  595. ._dates_ span {
  596.   color: lightgray;
  597.   font-size: 11px;
  598. }
  599. ._dates_ span + span {
  600.   margin-left: 1em;
  601. }
  602.  
  603. [class^="styles-strip_stripItemsWrapper_"] > button {
  604.   display: none !important;
  605. }
  606. [class^="styles-strip_stripItemsWrapper_"] {
  607.   overflow-x: scroll;
  608.   padding-bottom: 4px;
  609. }
  610. [class^="styles-strip_stripItemsWrapper_"]::-webkit-scrollbar {
  611.   height: 8px !important;
  612. }
  613. [class^="styles-strip_items_"] {
  614.   transform: unset !important;
  615. }
  616.  
  617. :not(g):not(button):not([class^="style_mainWrapper_"])) {
  618.   transform: unset !important;
  619.   transition: unset !important;
  620.   transition-delay: unset !important;
  621. }
  622. svg[transform*="rotate(-180)"] {
  623.   transform: rotate(-180deg) !important;
  624. }
  625.  
  626. [class^="category-filter_borderRadios_"] {
  627.   display: none;
  628. }
  629.  
  630. [class^="styles-list_styleName_"] {
  631.   word-break: break-word;
  632. }
  633.  
  634. [role="tooltip"] .react-tooltip-arrow {
  635.   bottom: -7px !important;
  636.   border-color: var(--rt-color-dark) transparent;
  637.   border-style: solid;
  638.   border-width: 7px 7px 0 7px;
  639.   display: block;
  640.   background: transparent;
  641.   transform: none;
  642. }
  643.  
  644. #totalInstalls {
  645.   order: -1;
  646. }
  647.  
  648. /* fix prothemes sliding right-left - 20230613*/
  649. [class^="styles-strip_sliderWrapper_"][class*="styles-strip_lastPage_"] {
  650.   left: -40px !important;
  651.   right: auto !important;
  652. }
  653. `;
  654.  
  655. addSt();
  656.  
  657. var ST;
  658. function addSt() {
  659.   if (!iST) {
  660.     document.documentElement.appendChild(ST);
  661.     return;
  662.     }
  663.   try {
  664.     ST=document.createElement('style');
  665.     document.documentElement.appendChild(ST);
  666.     ST.textContent=iST;
  667.     iST='';
  668.   }catch(e){
  669.     setTimeout(addSt,0); }
  670. }
  671.  
  672.  
  673. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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