☰

FilterBlade shrinkUI

Compact FilterBlade UI intended for computer screens

  1. /* ==UserStyle==
  2. @name           FilterBlade shrinkUI
  3. @namespace      github.com/openstyles/stylus
  4. @version        2024.07.25
  5. @description    Compact FilterBlade UI intended for computer screens
  6. @author         afkoncore
  7. @license        MIT
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("filterblade.xyz") {
  11.  
  12. #leftSideContainer{
  13.     display: none;
  14. }
  15.  
  16. /*Font Size*/
  17.     .AccordionLabel, .smallSubTitle, .VisualUtilityDescription{
  18.     font-size: .95em;
  19.     }
  20.     .CustomizeTitle{
  21.        font-size: 1.1em;
  22.     }
  23.     label{
  24.         font-size: .95em!important;
  25.     }
  26.     button, .ui-checkboxradio-label, button, select{
  27.         font-size: 1em!important;
  28.     }
  29.     #visual .BroadTitle{
  30.         font-size: 1.2em;
  31.         letter-spacing: 1px;
  32.         padding: 5px 0;
  33.         
  34.         width: 103.5%;
  35.     }
  36.     #hoverBox{
  37.         font-size: 0.7em!important;
  38.         line-height: 1;
  39.         padding: 5px 0;
  40.     }
  41.     
  42. /**/
  43.     *{
  44.         font-size: .95em;
  45.     }
  46.     .myBody{
  47.         width:auto;
  48.         margin: 0;
  49.         margin-right: 230px;
  50.         padding: 0 4px;
  51.         
  52.     }
  53.     .myBody.customizerBodyBlob.ChangedAccordion{
  54.         padding-top: 20px 
  55.     }
  56.     #leftSideAd, #footerAdContainer, .Title_Wide{
  57.         display:none;
  58.     }
  59.     .VisualControlSortableListElement{
  60.         margin: .05em;
  61.     }
  62.     .ShowAccordion {
  63.         padding: 8px;
  64.         margin-bottom: 12px;
  65.         display: block;
  66.     }
  67.     .myBody.customizerBodyBlob{
  68.         margin-top: 5px;
  69.     }
  70. /*item preview*/
  71.     .VisualEditor_Container{
  72.         width: calc(100% - 145px);
  73.     }
  74.     .VC_CombiBoxDisableColor{
  75.     margin-top: 5px;
  76.     width: 25px;
  77.     height: 18px;
  78.     left: 68px;
  79.     }
  80.     .sp-replacer {
  81.      padding: 2px;
  82.     }
  83.     .sp-preview {
  84.         position: relative;
  85.         width: 20px;
  86.         height: 18px;
  87.     }
  88.     .VC_CombiBoxColorPickerLabel {
  89.         display: inline-block;
  90.         width: auto;
  91.         font-size: .95em;
  92.         padding-right: .5em;
  93.     }
  94.     .VC_CombiBoxColorPickersDiv, .VC_CombiBoxColorPickerDiv {
  95.         width: 90px;
  96.         height: auto;
  97.         padding: auto 3px;
  98.     }
  99.     .VC_CombiBoxColorPickerDiv{
  100.         margin:5px 0;
  101.     }
  102.     .VC_CombiBoxColorPickersDiv{
  103.         margin-right: 5px;
  104.     }
  105.     .CombiBoxShowcaseDiv{
  106.         height: auto;
  107.         width: auto;
  108.         font-size: 3em;
  109.         top: 50%;  
  110.     }
  111.     
  112.     .VC_CombiBoxRightDiv{
  113.         min-width: 165px;
  114.     }
  115.     .CustomizeItemShowcase_Inner{
  116.         margin: auto;
  117.         padding: 0;
  118.     }
  119.  
  120. /*item accordion preview*/   
  121.     .accordion.AccordionBtnStep2>span>.VisualItem_OuterContainer>.VisualUtilityItemDiv{
  122.         font-size: 1.5em;
  123.         width: fit-content;
  124.         height: 12px;
  125.         line-height: 0;
  126.         margin-left:auto;
  127.     }
  128.         .accordion.AccordionBtnStep2>span>.VisualItem_OuterContainer>.VisualUtilityItemDiv>.VisualUtilityItemLabel{
  129.         line-height: 1;
  130.     } 
  131. /* */
  132.     
  133.     .VisualEditor_Container{
  134.         margin-bottom: 5px;
  135.     }
  136.     
  137.     .VC_CombiBoxSizeSlider {
  138.     width: 143px;
  139.     margin: 5px 13px 0px 6px!important;
  140.     }
  141.  
  142.     .VC_CombiBoxRightDiv button{
  143.         margin-top: 4px;
  144.         margin-left: 4px;
  145.     }
  146.     [id^=OperatorSliderInputField]{
  147.         font-size: 1.1em!important;
  148.         padding: 2px!important;
  149.         padding-left: 5px!important;
  150.         width: auto!important;
  151.     }
  152.     .CustomizeGroupBox.ChangedAccordion>select.TTTrigger{
  153.         width: auto!important;
  154.     }
  155.    
  156. /**/
  157.  
  158.     .CustomizeGroupBox[style="height: 40px; overflow: hidden;"]{
  159.         height: 11px!important;
  160.         margin: 5px 20px;;
  161.     }
  162.     .VisualDivMinimizeButton.iconButton >svg{
  163.         width: 19px;
  164.         height: 19px;
  165.         
  166.     }
  167.     .VisualDivMinimizeButton {
  168.         top: -32px;
  169.         left: 0px;
  170.     }
  171.     button[style="display: inline-block; height: 32px; width: 32px; padding: 0px;"]{
  172.         height: 20px!important; 
  173.         width: 20px!important;
  174.         font-size: 1.8em!important;
  175.         line-height: 0;
  176.         font-weight: normal;
  177.     }
  178.     .CustomizeTitle{
  179.        margin-bottom: 1px;
  180.     }
  181.     .VisualUtilityDescriptionBox{
  182.         padding:0;
  183.     }
  184.     .VC_SortableListTextInput{
  185.         font-size: 1.5em;
  186.         padding: 3px;
  187.     }
  188.     .VC_SortableListAddButton{
  189.         height: auto;
  190.     }
  191.     .VisualControlSortableList,.SortableListElement_Movable.grabbable{
  192.         margin: .14em .12em;
  193.         padding:.05em;
  194.         min-width: 50px;
  195.     }
  196.     .SortableListElementLabel{
  197.         font-size: 1.5em!important;
  198.     }
  199.     .sortableListDeleteElementBtn{
  200.         padding: 2px;;
  201.     }
  202.  
  203.     .CustomizerUiDivider{
  204.         display: none;
  205.     }
  206.  
  207.     .sortableListTitle{
  208.        line-height: 1em;
  209.     }
  210.     
  211.     .ScreenDescription{
  212.        text-align: left;
  213.         padding-bottom: 5px;
  214.     }
  215.     .operatorSliderTitle{
  216.        width: auto;
  217.         margin-right: 3px; 
  218.     }
  219.     
  220.     .CustomizeGroupBox{
  221.         padding: 4px;
  222.     }
  223.     .AccordionIcon {
  224.         width: 30px!important;
  225.         height: 30px!important;
  226.     }
  227.     .accordion{
  228.         padding: 4px 8px;
  229.     }
  230.     
  231.     .accordion.AccordionBtnStep2, .accordion.AccordionBtnStep1{
  232.         height: auto!important;
  233.     }
  234.     .accordion.AccordionBtnStep2.ChangedAccordion.AccordionOpen{
  235.         margin-top: 8px;
  236.         padding-bottom: 2px;
  237.         padding-right: 2px;
  238.     }
  239.     
  240.     .VisualEditorSHDButtonDiv{
  241.         width: 80px;
  242.         height:auto;
  243.         padding-right:.3em;
  244.         
  245.     }
  246.     .VisualEditorSHDButton{
  247.         margin: 2px 0!important;
  248.         width: 65px;
  249.     }
  250.     .smallSubTitle, .VisualEditorSHDButtonDiv{
  251.         width: 70px;
  252.     }
  253.     .AccordionCounterContainer{
  254.         margin-right:0;
  255.         margin-top:1px;
  256.     }
  257.     .ResetButton {
  258.         padding:3px 15px;
  259.     }
  260.     .CheckBoxButtons.CheckBoxButtonContainer{
  261.       margin-top: 5px;  
  262.     }
  263.     [id^=EntrySelectorElementAdderChildElement]{
  264.         width: auto;
  265.         margin-bottom: 4px;
  266.     }
  267.     .TTTrigger[src="assets/img/Icons/AccordionIcons/Chaos.png"]{
  268.         top: 0px!important;
  269.         margin-right:10px;
  270.         height: 20px!important;
  271.     }
  272.  
  273.     .TTTrigger_Interactive+div {
  274.         margin-left: 1em;
  275.         margin-top: 1em;
  276.         width: auto;
  277.     }
  278.     .LootSimulatorSettingsButtonDiv{
  279.         left:-10px;
  280.     }
  281.     
  282.     
  283. /*_____________*/    
  284. /*save & presets*/
  285. /*_____________*/
  286.     .tabSelectionButton{
  287.         max-width: 315px;
  288.         line-height: 0.5;
  289.     }
  290.     .myFiltersScreenTab>div[style="text-align: center"]{
  291.         width: 630px!important;
  292.         
  293.     }
  294.     
  295.     .saveLoadTabButton {
  296.     width: 40%;
  297.     }
  298.     .CustomizeGroupBox, .CustomizeGroupBox>ul{
  299.         margin:0;
  300.     }
  301.     .saveStateLowerHalf > div{
  302.         padding:0 30px!important;
  303.         margin-bottom: 5px;
  304.         font-size: 1.2em!important;
  305.     }
  306.     .saveStateUpperHalf > div{
  307.         padding:10px 38px 5px 38px!important;
  308.         
  309.     }
  310.     .saveStateLowerHalf, .saveStateUpperHalf{
  311.         height:auto!important;
  312.     }
  313.     [id^=profileSaveStateName]{
  314.         font-size: 1.4em!important;
  315.     }
  316.     [id^=profileSaveStateChangeCount]{
  317.         margin:0!important;
  318.     }
  319.     [id^=ProfileSaveStateTimesLoaded]{
  320.         margin-top: -5px!important;
  321.     }
  322.  
  323.     .saveState{
  324.         margin-bottom:3px;
  325.     }
  326.     [style="position:absolute; top:16px; font-size:38px; text-align:center; width:32px; left: -55px; display: "], [style="position:absolute;top:16px;font-size:38px;text-align:center;width:32px;left: -55px;"]{
  327.         top: 2px!important;
  328.         width: 16px!important;
  329.         left: -33px!important;
  330.         border: 1px!important;
  331.         
  332.     }
  333.     .DL_ListNumber{
  334.         font-size: .55em;
  335.         width: 25px!important;
  336.         padding:0 2px!important;
  337.         border: 1px solid;
  338.       
  339.     }
  340.     
  341.     /*left size icon container*/
  342.     [style="width: 150px; display: flex; height: 100px; margin-left: -90px; align-items: flex-start; flex-flow: column wrap; place-content: flex-start center;"]{
  343.         height: 60%!important;
  344.     }
  345.     .keepImgRatio{
  346.         height: 45px!important;
  347.         width:  45px!important;
  348.     }
  349.     .rhombusContainer{
  350.         height: auto;
  351.         width: auto;
  352.     }
  353.     
  354.     #profileSaveStateList, #myUserPresetList{
  355.         width: 650px;
  356.     }
  357.     
  358.     [id^=poeProfileSaveStateContainerOuter]{
  359.         margin: 0px 25px!important;
  360.     }
  361.     
  362.     /*ProfileSaveStateContainer inner div*/
  363.     [style="display: flex; height: 100px; color: white; width: 700px; margin: 4px auto; justify-content: space-around; align-items: flex-start; border: 1px solid rgb(89, 89, 89); background-color: rgb(29, 36, 49);"]{
  364.         height: 60px!important;
  365.         width:550px!important;
  366.     }
  367.     
  368.     /*inner middle block*/
  369.     [style="width: 510px; display: flex; height: 100px; flex-direction: column;"]{
  370.         margin-left: -38px;
  371.         width:95%!important;
  372.     }   
  373.  
  374.     /*load button on the right*/
  375.     [style="width: 120px; display: flex; height: 100px; flex-direction: column; justify-content: space-evenly;"]{
  376.         height: fit-content!important;
  377.         margin: auto 5px;
  378.     }
  379.     
  380.     /*top side of save*/
  381.     [style="flex: 1 1 0%; display: flex; align-items: center; border-bottom: 2px solid gray; padding-left: 24px;"]{
  382.         flex: none!important;
  383.     }
  384.     [id^=profileSaveStateName]{
  385.         padding: 10px 0;
  386.     }
  387.     /*bottom side of save*/
  388.     [style="flex: 1 1 0%; display: flex; justify-content: space-between; align-items: center; padding-left: 24px;"]{
  389.         flex: none!important;
  390.     }
  391.     
  392. /*_____________*/   
  393. /*Nav*/
  394. /*_____________*/
  395.     .SelectionButtonsDivFixed>.SelectionButton{
  396.         height: auto;    
  397.         margin-left: 0;     
  398.         padding: 0 8px;
  399.     }
  400.  
  401.     .SelectionButtonsDivFixed{
  402.         left: 1em!important;
  403.         font-size: .9em!important;
  404.     }
  405.     nav#SelectionButtonsDiv{
  406.         margin-left: 1em;
  407.     }
  408.     
  409.     
  410.     /*Right side floating box*/
  411.     #CustomizerToolBoxContainer{
  412.         right:.2em;
  413.  
  414.     }
  415.     [id^=ItemcustSearchRes]{
  416.         font-size: .95em!important;
  417.     }
  418.     [src="assets/img/ItemHoverBox/ItemHoverBoxDivider_Unique.png"]{
  419.         display: none;
  420.         height: 0!important;
  421.         margin: 0!important;
  422.     }
  423.     #CustomizerToolBoxSearchJumpBarContent>br{
  424.        display:none;
  425.     }
  426.     #CustomizerToolBoxSearchJumpBarContent>div{
  427.         margin: 0 0 2px 10px; 
  428.     }
  429.     .CustomizerToolBox_TabButton{
  430.         height: auto;
  431.         padding: 5px 0;
  432.     }
  433.  
  434. /*scrollbar*/
  435.     ::-webkit-scrollbar {
  436.       width: 8px;   
  437.         }
  438.     ::-webkit-scrollbar-track {
  439.       background: #080808;        
  440.     }
  441.  
  442.     ::-webkit-scrollbar-thumb {
  443.       background-color: #323333;   
  444.     }
  445. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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