|
- .uiInventory,.uiStash{display:none;z-index:2;width:818px;border:5px solid #3c3f4c;text-align:center;position:relative}.uiInventory>.heading,.uiStash>.heading{color:#48edff;width:100%;height:36px;background-color:#3c3f4c;position:relative}.uiInventory>.heading .heading-text,.uiStash>.heading .heading-text{padding-top:8px;margin:auto}.uiInventory .grid,.uiStash .grid{float:left;width:808px;height:408px;overflow:hidden;padding:4px;position:relative;background-color:#373041}.uiInventory .grid .item,.uiStash .grid .item{width:72px;height:72px;float:left;position:relative;cursor:pointer;box-sizing:border-box;margin:4px;background-color:#312136}.uiInventory .grid .item.hover,.uiStash .grid .item.hover{background-color:rgba(72,237,255,.1)}.uiInventory .grid .item.dragging,.uiStash .grid .item.dragging{position:absolute;opacity:.5;pointer-events:none;background-color:transparent}.uiInventory .grid .item.dragging .icon,.uiStash .grid .item.dragging .icon{filter:brightness(100%) drop-shadow(0 -4px 0 #312136) drop-shadow(0 4px 0 #312136) drop-shadow(4px 0 0 #312136) drop-shadow(-4px 0 0 #312136);-moz-filter:brightness(100%) drop-shadow(0 -4px 0 #312136) drop-shadow(0 4px 0 #312136) drop-shadow(4px 0 0 #312136) drop-shadow(-4px 0 0 #312136)}.uiInventory .grid .item .quantity,.uiStash .grid .item .quantity{left:6px;bottom:3px;position:absolute;color:#fcfcfc;filter:drop-shadow(0 -2px 0 #312136) drop-shadow(0 2px 0 #312136) drop-shadow(2px 0 0 #312136) drop-shadow(-2px 0 0 #312136);-moz-filter:drop-shadow(0 -2px 0 #312136) drop-shadow(0 2px 0 #312136) drop-shadow(2px 0 0 #312136) drop-shadow(-2px 0 0 #312136)}.uiInventory .grid .item .icon,.uiStash .grid .item .icon{width:64px;height:64px;position:absolute;left:4px;top:4px}.uiInventory .grid .item.eq .quantity,.uiStash .grid .item.eq .quantity{color:#ffeb38}.uiInventory .grid .item.new .quantity,.uiStash .grid .item.new .quantity{color:#80f643}.uiInventory .grid .item:hover .icon,.uiStash .grid .item:hover .icon{filter:brightness(160%);-moz-filter:brightness(160%)}.uiInventory .menu-bar,.uiStash .menu-bar{background-color:#3c3f4c;width:100%;height:45px;padding-top:5px;clear:both}.uiInventory .menu-bar .btn,.uiStash .menu-bar .btn{background-color:#3a71ba;color:#fcfcfc;padding:0 10px;height:40px}.uiInventory .menu-bar .btn:hover,.uiStash .menu-bar .btn:hover{background-color:#42548d}.uiInventory .menu-bar .btn.btnSortInv,.uiStash .menu-bar .btn.btnSortInv{float:left}.uiInventory .split-box,.uiStash .split-box{display:none;background-color:rgba(49,33,54,.85);text-align:center;position:absolute;left:0;top:0;width:100%;height:100%}.uiInventory .split-box .inner,.uiStash .split-box .inner{border:5px solid #3c3f4c;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:200px;height:147px}.uiInventory .split-box .inner>.heading,.uiStash .split-box .inner>.heading{color:#48edff;width:100%;height:36px;background-color:#3c3f4c}.uiInventory .split-box .inner>.heading .heading-text,.uiStash .split-box .inner>.heading .heading-text{padding-top:8px;margin:auto}.uiInventory .split-box .inner .bottom,.uiStash .split-box .inner .bottom{height:calc(100% - 36px);background-color:#373041;padding:10px}.uiInventory .split-box .inner .bottom .amount,.uiStash .split-box .inner .bottom .amount{float:left;color:#fcfcfc;text-align:center;width:calc(100% - 80px);height:36px;padding-top:3px;border:none}.uiInventory .split-box .inner .bottom .textbox,.uiInventory .split-box .inner .bottom input,.uiInventory .split-box .inner .bottom input:-webkit-autofill,.uiStash .split-box .inner .bottom .textbox,.uiStash .split-box .inner .bottom input,.uiStash .split-box .inner .bottom input:-webkit-autofill{color:#fcfcfc;-webkit-text-fill-color:#fcfcfc;background-color:#373041}.uiInventory .split-box .inner .bottom .btn,.uiStash .split-box .inner .bottom .btn{width:100%;height:36px;background-color:#3a71ba;color:#fcfcfc}.uiInventory .split-box .inner .bottom .btn:hover,.uiStash .split-box .inner .bottom .btn:hover{background-color:#3fa7dd}.uiInventory .split-box .inner .bottom .btn:not(.btnSplit),.uiStash .split-box .inner .bottom .btn:not(.btnSplit){width:40px;float:left;color:#fcfcfc;background-color:#3c3f4c}.uiInventory .split-box .inner .bottom .btn:not(.btnSplit):hover,.uiStash .split-box .inner .bottom .btn:not(.btnSplit):hover{background-color:#505360}.uiInventory .split-box .inner .bottom .btn.btnSplit,.uiStash .split-box .inner .bottom .btn.btnSplit{margin-top:45px;clear:both}.ui-container.quality-border .grid .item:not(.empty):before,.ui-container.quality-bottom .grid .item:not(.empty):before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-width:5px;border-style:solid}.ui-container.quality-border .grid .item:not(.empty).quality-0:before,.ui-container.quality-bottom .grid .item:not(.empty).quality-0:before{border:none}.ui-container.quality-border .grid .item:not(.empty).quality-1:before,.ui-container.quality-bottom .grid .item:not(.empty).quality-1:before{border-color:#386646}.ui-container.quality-border .grid .item:not(.empty).quality-2:before,.ui-container.quality-bottom .grid .item:not(.empty).quality-2:before{border-color:#42548d}.ui-container.quality-border .grid .item:not(.empty).quality-3:before,.ui-container.quality-bottom .grid .item:not(.empty).quality-3:before{border-color:#533399}.ui-container.quality-border .grid .item:not(.empty).quality-4:before,.ui-container.quality-bottom .grid .item:not(.empty).quality-4:before{border-color:#953f36}.ui-container.quality-bottom .grid .item:not(.empty):before{border-width:0 0 5px 0}.ui-container.quality-background .grid .item:not(.empty):before,.unusable-background .grid .item.no-equip:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%}.ui-container.quality-background .grid .item:not(.empty) .icon,.unusable-background .grid .item.no-equip .icon{filter:brightness(100%) drop-shadow(0 -4px 0 #312136) drop-shadow(0 4px 0 #312136) drop-shadow(4px 0 0 #312136) drop-shadow(-4px 0 0 #312136)}.ui-container.quality-background .grid .item:not(.empty) .icon:hover,.unusable-background .grid .item.no-equip .icon:hover{filter:brightness(160%) drop-shadow(0 -4px 0 #312136) drop-shadow(0 4px 0 #312136) drop-shadow(4px 0 0 #312136) drop-shadow(-4px 0 0 #312136)}.ui-container.quality-background .grid .item:not(.empty).quality-1:before,.unusable-background .grid .item.no-equip.quality-1:before{background-color:#386646}.ui-container.quality-background .grid .item:not(.empty).quality-2:before,.unusable-background .grid .item.no-equip.quality-2:before{background-color:#42548d}.ui-container.quality-background .grid .item:not(.empty).quality-3:before,.unusable-background .grid .item.no-equip.quality-3:before{background-color:#533399}.ui-container.quality-background .grid .item:not(.empty).quality-4:before,.unusable-background .grid .item.no-equip.quality-4:before{background-color:#953f36}.ui-container.quality-background .grid .item:not(.empty).no-equip:before,.unusable-background .grid .item.no-equip.no-equip:before{background-color:#802343}.ui-container.unusable-border .grid .item.no-equip:after,.ui-container.unusable-top .grid .item.no-equip:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-width:5px;border-style:solid;border-color:#802343;pointer-events:none}.ui-container.unusable-top .grid .item.no-equip:after{border-width:5px 0 0 0}.ui-container.quality-border.unusable-border .grid .item.no-equip:not(.quality-0):after,.ui-container.quality-border.unusable-top .grid .item.no-equip:not(.quality-0):after{top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px)}
|
