.Tab { 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; } .Tab:hover { color: rgb(247, 247, 247); } .Tab:active { background-color: rgba(0, 0, 0, 0.13); } .Tab: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); } .Item { transform-origin: left top; padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px; color: rgba(255, 255, 255, 0.78); -unity-font-definition: url('project://database/Assets/BITKit/Art/Fonts/NotoSansSC-Bold%20SDF.asset?fileID=11400000&guid=033cc1a4c6c35c6488ad74f4cee476ac&type=2#NotoSansSC-Bold SDF'); font-size: 14px; -unity-font-style: normal; } .Item:hover { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-left-width: 0; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; background-color: rgba(0, 0, 0, 0.5); } .item:disabled { } .SnapHelper { background-color: rgba(0, 0, 0, 0.5); 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; } .item-container { background-color: rgba(32, 32, 32, 0); border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; width: 128px; height: 128px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; border-left-color: rgba(0, 0, 0, 0.13); border-right-color: rgba(0, 0, 0, 0.13); border-top-color: rgba(0, 0, 0, 0.13); border-bottom-color: rgba(0, 0, 0, 0.13); } .item-container:hover { border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px; border-left-color: rgb(64, 64, 64); border-right-color: rgb(64, 64, 64); border-top-color: rgb(64, 64, 64); border-bottom-color: rgb(64, 64, 64); } .item-container #icon-image { flex-grow: 1; background-image: url('project://database/Assets/Artists/Arts/Icons/Items/ICON_M4A1_Full.png?fileID=2800000&guid=8c4b3d8772ae2a54eaba9d401a095089&type=3#ICON_M4A1_Full'); -unity-background-scale-mode: scale-to-fit; margin-left: 8px; margin-right: 8px; margin-top: 8px; margin-bottom: 8px; } .equip-container { width: 128px; height: 128px; 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); } .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; }