Greasy Fork is available in English.

FilterBlade compact UI

Compact FilterBlade UI intended for computer screens

/* ==UserStyle==
@name           FilterBlade compact UI
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Compact FilterBlade UI intended for computer screens
@author         afkoncore
@license        MIT
==/UserStyle== */

@-moz-document domain("filterblade.xyz") {

/*Font Size*/
    .AccordionLabel, .CustomizeTitle, .smallSubTitle, .CustomizeTitle, .VisualUtilityDescription{
    font-size: .95em;
    }
     button, .ui-checkboxradio-label, button, select{
        font-size: 1em!important;
    }
    #visual .BroadTitle{
        font-size: 1.2em;
        letter-spacing: 1px;
        padding: 5px 0 ;;
    }
/**/
    *{
        font-size: .95em;
    }
    .myBody{
        width:auto;
        margin: 0;
        margin-right: 230px;
        padding: 12px 4px;
    }
   
    #leftSideAd, #footerAdContainer, .Title_Wide{
        display:none;
    }
    .VisualControlSortableListElement{
        margin: .05em;
    }
    .ShowAccordion {
        padding: 8px;
        margin-bottom: 12px;
        display: block;
    }

/*item preview*/
    .CustomizeItemShowcase_Inner {
        transform: translate(0,30%);
    }
    .VC_CombiBoxDisableColor{
    margin-top: 5px;
    width: 25px;
    height: 18px;
    left: 68px;
    }
    .sp-replacer {
     padding: 2px;
    }
    .sp-preview {
        position: relative;
        width: 20px;
        height: 18px;
    }
    .VC_CombiBoxColorPickerLabel {
        display: inline-block;
        width: auto;
        font-size: .95em;
        padding-right: .5em;
    }
    .VC_CombiBoxColorPickersDiv, .VC_CombiBoxColorPickerDiv {
        width: 90px;
        height: auto;
        padding: 0 3px;
    }
    .CombiBoxShowcaseDiv{
        height: auto;
        width: auto;
        min-width: 360px;
        top: 50%;
    }

    .VisualEditor_Container{
        margin-bottom: 5px;
    }
    
    .VC_CombiBoxSizeSlider {
    width: 143px;
    margin: 5px 13px 0px 6px!important;
    }

    .VC_CombiBoxRightDiv button{
        margin-top: 4px;
        margin-left: 4px;
    }
    [id^=OperatorSliderInputField]{
        font-size: 1.1em!important;
        padding: 2px!important;
        padding-left: 5px!important;
        width: auto!important;
    }
   
/**/

    .CustomizeGroupBox[style="height: 40px; overflow: hidden;"]{
        height: 11px!important;
        margin: 5px 20px;;
    }
    .VisualDivMinimizeButton.iconButton >svg{
        width: 19px;
        height: 19px;
        
    }
    .VisualDivMinimizeButton {
        float: right;
        position: relative;
        top: 0px;
        left: 0px;
        padding: 0;
    }
    .CustomizeTitle{
       margin-bottom: 1px;
    }
    .VisualUtilityDescriptionBox{
        padding:0;
    }
    .VC_SortableListTextInput{
        font-size: 1.5em;
        padding: 3px;
    }
    .VC_SortableListAddButton{
        height: auto;
    }
    .VisualControlSortableList,.SortableListElement_Movable.grabbable{
        margin: .14em .12em;
        padding:.05em;
        min-width: 50px;
    }
    .SortableListElementLabel{
        font-size: 1.5em!important;
    }
    .sortableListDeleteElementBtn{
        padding: 2px;;
    }

    .CustomizerUiDivider{
        display: none;
    }

    .sortableListTitle{
       line-height: 1em;
    }
    
    .ScreenDescription{
       text-align: left;
        padding-bottom: 5px;
    }
    .operatorSliderTitle{
       width: auto;
        margin-right: 3px; 
    }
    
    .CustomizeGroupBox{
        padding: 4px;
    }
    .AccordionIcon {
        width: 30px!important;
        height: 30px!important;
    }
    .accordion{
        padding: 4px 8px;
    }
    
    .VisualEditorSHDButtonDiv{
        width: 80px;
        height:auto;
        padding-right:.3em;
        
    }
    .VisualEditorSHDButton{
        margin: 2px 0!important;
        width: 65px;
    }
    .smallSubTitle, .VisualEditorSHDButtonDiv{
        width: 70px;
    }
    .AccordionCounterContainer{
        margin-right:0;
        margin-top:1px;
    }
    .ResetButton {
        padding:3px 15px;
    }
    .CheckBoxButtons.CheckBoxButtonContainer{
      margin-top: 5px;  
    }
    [id^=EntrySelectorElementAdderChildElement]{
        width: auto;
        margin-bottom: 4px;
    }
    .TTTrigger[src="assets/img/Icons/AccordionIcons/Chaos.png"]{
        top: 0px!important;
        margin-right:10px;
        height: 20px!important;
    }

    .TTTrigger_Interactive+div {
        margin-left: 1em;
        margin-top: 1em;
        width: auto;
    }
    .LootSimulatorSettingsButtonDiv{
        left:-10px;
    }
/*save & presets*/
    .saveLoadTabButton {
    width: 40%;
    }
    .CustomizeGroupBox, .CustomizeGroupBox>ul{
        margin:0;
    }
    .saveStateLowerHalf > div{
        padding:0 30px!important;
        margin-bottom: 5px;
        font-size: 1.2em!important;
    }
    .saveStateUpperHalf > div{
        padding:10px 38px 5px 38px!important;
        
    }
    .saveStateLowerHalf, .saveStateUpperHalf{
        height:auto!important;
    }
    [id^=profileSaveStateName]{
        width: 300px!important;
        font-size: 1.4em!important;
    }
    [id^=profileSaveStateChangeCount]{
        margin:0!important;
    }
    [id^=ProfileSaveStateTimesLoaded]{
        margin-top: -5px!important;
    }

    .saveState{
        margin-bottom:3px;
    }
    [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;"]{
        top: 2px!important;
        width: 16px!important;
        left: -33px!important;
        border: 1px!important;
        
    }
    .DL_ListNumber{
        font-size: .55em;
        width: 25px!important;
        padding:0 2px!important;
        border: 1px solid;
      
    }
    /*Nav*/
    .SelectionButtonsDivFixed>.SelectionButton{
        height: auto;    
        margin-left: 0;     
        padding: 0 8px;
    }

    .SelectionButtonsDivFixed{
        left: 1em!important;
        font-size: .9em!important;
    }
    nav#SelectionButtonsDiv{
        margin-left: 1em;
    }
    
    
    /*Right side floating box*/
    #CustomizerToolBoxContainer{
        right:.2em;

    }
    [id^=ItemcustSearchRes]{
        font-size: .95em!important;
    }
    [src="assets/img/ItemHoverBox/ItemHoverBoxDivider_Unique.png"]{
        display: none;
        height: 0!important;
        margin: 0!important;
    }
    #CustomizerToolBoxSearchJumpBarContent>br{
       display:none;
    }
    #CustomizerToolBoxSearchJumpBarContent>div{
        margin: 0 0 2px 10px; 
    }
    .CustomizerToolBox_TabButton{
        height: auto;
        padding: 5px 0;
    }

/*scrollbar*/
    ::-webkit-scrollbar {
      width: 8px;   
        }
    ::-webkit-scrollbar-track {
      background: #080808;        
    }

    ::-webkit-scrollbar-thumb {
      background-color: #323333;   
    }
}