BITFALL/Assets/Artists/UX/Inventory.uss

179 lines
4.0 KiB
Plaintext

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