TabBar Button { font-size: 24px; padding-left: 32px; padding-right: 32px; padding-top: 0; padding-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; background-color: rgba(0, 0, 0, 0); color: rgb(176, 176, 176); border-left-width: 0; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; height: 64px; } TabBar Button:hover { color: rgb(247, 247, 247); } TabBar Button:active { background-color: rgba(0, 0, 0, 0.13); } TabBar Button:disabled { background-color: rgb(247, 247, 247); color: rgb(0, 0, 0); -unity-font-style: bold; opacity: 1; } .Container { background-color: rgba(36, 36, 36, 0.65); width: 512px; height: 64px; border-left-width: 0; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; color: rgba(255, 255, 255, 0.67); font-size: 20px; -unity-font-definition: url('project://database/Assets/BITKit/Art/Fonts/NotoSansSC-Bold%20SDF.asset?fileID=11400000&guid=033cc1a4c6c35c6488ad74f4cee476ac&type=2#NotoSansSC-Bold SDF'); -unity-text-align: middle-center; } .Container:hover { background-color: rgb(67, 67, 67); } .Container:active { background-color: rgb(55, 55, 55); } .equip-container { background-color: rgba(0, 0, 0, 0.5); margin-left: 8px; margin-right: 8px; margin-top: 8px; margin-bottom: 8px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-left-color: rgb(32, 32, 32); border-right-color: rgb(32, 32, 32); border-top-color: rgb(32, 32, 32); border-bottom-color: rgb(32, 32, 32); min-width: 100px; min-height: 100px; max-width: 200px; } .equip-container:hover { border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; } .equip-container:active { background-color: rgb(75, 75, 75); border-left-color: rgba(195, 195, 195, 0); border-right-color: rgba(195, 195, 195, 0); border-top-color: rgba(195, 195, 195, 0); border-bottom-color: rgba(195, 195, 195, 0); } .equip-container #icon-image { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: none; margin-left: 24px; margin-right: 24px; margin-top: 24px; margin-bottom: 24px; -unity-background-scale-mode: scale-to-fit; } .equip-container:hover #icon-image { -unity-background-image-tint-color: rgb(255, 255, 255); scale: 1.1 1.1; } .inventory-container { align-items: flex-start; flex-wrap: wrap; flex-direction: row; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; min-height: 128px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-left-color: rgba(255, 255, 255, 0.25); border-right-color: rgba(255, 255, 255, 0.25); border-top-color: rgba(255, 255, 255, 0.25); border-bottom-color: rgba(255, 255, 255, 0.25); } .inventory-container-background { } .inventory-header { color: rgb(0, 0, 0); -unity-font-style: bold; background-color: rgba(255, 255, 255, 0.78); min-width: 256px; } .inventory-item-text { position: absolute; left: 0; right: 0; bottom: 0; -unity-text-align: upper-center; color: rgba(255, 255, 255, 0.5); } .armorPlate-container { background-color: rgba(0, 0, 0, 0); } .armorPlate-container Label.unity-text-element { color: rgba(255, 255, 255, 0.5); } .armorPlate-container:hover { background-color: rgba(255, 255, 255, 0.78); } .armorPlate-container:active { background-color: rgba(255, 255, 255, 0.25); } .armorPlate-container:hover Label.unity-text-element { color: rgb(0, 0, 0); } .equip-container #checked { display: none; } .--checked .equip-container #checked { display: flex; }