☰

FilterBlade compact UI

Compact FilterBlade UI intended for computer screens

目前为 2023-12-19 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2. @name           FilterBlade compact UI
  3. @namespace      github.com/openstyles/stylus
  4. @version        1.0.0
  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. /*Font Size*/
  13.     .AccordionLabel, .CustomizeTitle, .smallSubTitle, .CustomizeTitle, .VisualUtilityDescription{
  14.     font-size: .95em;
  15.     }
  16.      button, .ui-checkboxradio-label, button, select{
  17.         font-size: 1em!important;
  18.     }
  19.     #visual .BroadTitle{
  20.         font-size: 1.2em;
  21.         letter-spacing: 1px;
  22.         padding: 5px 0 ;;
  23.     }
  24. /**/
  25.     *{
  26.         font-size: .95em;
  27.     }
  28.     .myBody{
  29.         width:auto;
  30.         margin: 0;
  31.         margin-right: 230px;
  32.         padding: 12px 4px;
  33.     }
  34.    
  35.     #leftSideAd, #footerAdContainer, .Title_Wide{
  36.         display:none;
  37.     }
  38.     .VisualControlSortableListElement{
  39.         margin: .05em;
  40.     }
  41.     .ShowAccordion {
  42.         padding: 8px;
  43.         margin-bottom: 12px;
  44.         display: block;
  45.     }
  46.  
  47. /*item preview*/
  48.     .CustomizeItemShowcase_Inner {
  49.         transform: translate(0,30%);
  50.     }
  51.     .VC_CombiBoxDisableColor{
  52.     margin-top: 5px;
  53.     width: 25px;
  54.     height: 18px;
  55.     left: 68px;
  56.     }
  57.     .sp-replacer {
  58.      padding: 2px;
  59.     }
  60.     .sp-preview {
  61.         position: relative;
  62.         width: 20px;
  63.         height: 18px;
  64.     }
  65.     .VC_CombiBoxColorPickerLabel {
  66.         display: inline-block;
  67.         width: auto;
  68.         font-size: .95em;
  69.         padding-right: .5em;
  70.     }
  71.     .VC_CombiBoxColorPickersDiv, .VC_CombiBoxColorPickerDiv {
  72.         width: 90px;
  73.         height: auto;
  74.         padding: 0 3px;
  75.     }
  76.     .CombiBoxShowcaseDiv{
  77.         height: auto;
  78.         width: auto;
  79.         min-width: 360px;
  80.         top: 50%;
  81.     }
  82.  
  83.     .VisualEditor_Container{
  84.         margin-bottom: 5px;
  85.     }
  86.     
  87.     .VC_CombiBoxSizeSlider {
  88.     width: 143px;
  89.     margin: 5px 13px 0px 6px!important;
  90.     }
  91.  
  92.     .VC_CombiBoxRightDiv button{
  93.         margin-top: 4px;
  94.         margin-left: 4px;
  95.     }
  96.     [id^=OperatorSliderInputField]{
  97.         font-size: 1.1em!important;
  98.         padding: 2px!important;
  99.         padding-left: 5px!important;
  100.         width: auto!important;
  101.     }
  102.    
  103. /**/
  104.  
  105.     .CustomizeGroupBox[style="height: 40px; overflow: hidden;"]{
  106.         height: 11px!important;
  107.         margin: 5px 20px;;
  108.     }
  109.     .VisualDivMinimizeButton.iconButton >svg{
  110.         width: 19px;
  111.         height: 19px;
  112.         
  113.     }
  114.     .VisualDivMinimizeButton {
  115.         float: right;
  116.         position: relative;
  117.         top: 0px;
  118.         left: 0px;
  119.         padding: 0;
  120.     }
  121.     .CustomizeTitle{
  122.        margin-bottom: 1px;
  123.     }
  124.     .VisualUtilityDescriptionBox{
  125.         padding:0;
  126.     }
  127.     .VC_SortableListTextInput{
  128.         font-size: 1.5em;
  129.         padding: 3px;
  130.     }
  131.     .VC_SortableListAddButton{
  132.         height: auto;
  133.     }
  134.     .VisualControlSortableList,.SortableListElement_Movable.grabbable{
  135.         margin: .14em .12em;
  136.         padding:.05em;
  137.         min-width: 50px;
  138.     }
  139.     .SortableListElementLabel{
  140.         font-size: 1.5em!important;
  141.     }
  142.     .sortableListDeleteElementBtn{
  143.         padding: 2px;;
  144.     }
  145.  
  146.     .CustomizerUiDivider{
  147.         display: none;
  148.     }
  149.  
  150.     .sortableListTitle{
  151.        line-height: 1em;
  152.     }
  153.     
  154.     .ScreenDescription{
  155.        text-align: left;
  156.         padding-bottom: 5px;
  157.     }
  158.     .operatorSliderTitle{
  159.        width: auto;
  160.         margin-right: 3px; 
  161.     }
  162.     
  163.     .CustomizeGroupBox{
  164.         padding: 4px;
  165.     }
  166.     .AccordionIcon {
  167.         width: 30px!important;
  168.         height: 30px!important;
  169.     }
  170.     .accordion{
  171.         padding: 4px 8px;
  172.     }
  173.     
  174.     .VisualEditorSHDButtonDiv{
  175.         width: 80px;
  176.         height:auto;
  177.         padding-right:.3em;
  178.         
  179.     }
  180.     .VisualEditorSHDButton{
  181.         margin: 2px 0!important;
  182.         width: 65px;
  183.     }
  184.     .smallSubTitle, .VisualEditorSHDButtonDiv{
  185.         width: 70px;
  186.     }
  187.     .AccordionCounterContainer{
  188.         margin-right:0;
  189.         margin-top:1px;
  190.     }
  191.     .ResetButton {
  192.         padding:3px 15px;
  193.     }
  194.     .CheckBoxButtons.CheckBoxButtonContainer{
  195.       margin-top: 5px;  
  196.     }
  197.     [id^=EntrySelectorElementAdderChildElement]{
  198.         width: auto;
  199.         margin-bottom: 4px;
  200.     }
  201.     .TTTrigger[src="assets/img/Icons/AccordionIcons/Chaos.png"]{
  202.         top: 0px!important;
  203.         margin-right:10px;
  204.         height: 20px!important;
  205.     }
  206.  
  207.     .TTTrigger_Interactive+div {
  208.         margin-left: 1em;
  209.         margin-top: 1em;
  210.         width: auto;
  211.     }
  212.     .LootSimulatorSettingsButtonDiv{
  213.         left:-10px;
  214.     }
  215. /*save & presets*/
  216.     .saveLoadTabButton {
  217.     width: 40%;
  218.     }
  219.     .CustomizeGroupBox, .CustomizeGroupBox>ul{
  220.         margin:0;
  221.     }
  222.     .saveStateLowerHalf > div{
  223.         padding:0 30px!important;
  224.         margin-bottom: 5px;
  225.         font-size: 1.2em!important;
  226.     }
  227.     .saveStateUpperHalf > div{
  228.         padding:10px 38px 5px 38px!important;
  229.         
  230.     }
  231.     .saveStateLowerHalf, .saveStateUpperHalf{
  232.         height:auto!important;
  233.     }
  234.     [id^=profileSaveStateName]{
  235.         width: 300px!important;
  236.         font-size: 1.4em!important;
  237.     }
  238.     [id^=profileSaveStateChangeCount]{
  239.         margin:0!important;
  240.     }
  241.     [id^=ProfileSaveStateTimesLoaded]{
  242.         margin-top: -5px!important;
  243.     }
  244.  
  245.     .saveState{
  246.         margin-bottom:3px;
  247.     }
  248.     [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;"]{
  249.         top: 2px!important;
  250.         width: 16px!important;
  251.         left: -33px!important;
  252.         border: 1px!important;
  253.         
  254.     }
  255.     .DL_ListNumber{
  256.         font-size: .55em;
  257.         width: 25px!important;
  258.         padding:0 2px!important;
  259.         border: 1px solid;
  260.       
  261.     }
  262.     /*Nav*/
  263.     .SelectionButtonsDivFixed>.SelectionButton{
  264.         height: auto;    
  265.         margin-left: 0;     
  266.         padding: 0 8px;
  267.     }
  268.  
  269.     .SelectionButtonsDivFixed{
  270.         left: 1em!important;
  271.         font-size: .9em!important;
  272.     }
  273.     nav#SelectionButtonsDiv{
  274.         margin-left: 1em;
  275.     }
  276.     
  277.     
  278.     /*Right side floating box*/
  279.     #CustomizerToolBoxContainer{
  280.         right:.2em;
  281.  
  282.     }
  283.     [id^=ItemcustSearchRes]{
  284.         font-size: .95em!important;
  285.     }
  286.     [src="assets/img/ItemHoverBox/ItemHoverBoxDivider_Unique.png"]{
  287.         display: none;
  288.         height: 0!important;
  289.         margin: 0!important;
  290.     }
  291.     #CustomizerToolBoxSearchJumpBarContent>br{
  292.        display:none;
  293.     }
  294.     #CustomizerToolBoxSearchJumpBarContent>div{
  295.         margin: 0 0 2px 10px; 
  296.     }
  297.     .CustomizerToolBox_TabButton{
  298.         height: auto;
  299.         padding: 5px 0;
  300.     }
  301.  
  302. /*scrollbar*/
  303.     ::-webkit-scrollbar {
  304.       width: 8px;   
  305.         }
  306.     ::-webkit-scrollbar-track {
  307.       background: #080808;        
  308.     }
  309.  
  310.     ::-webkit-scrollbar-thumb {
  311.       background-color: #323333;   
  312.     }
  313. }