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;
}
}