celisej567/gm_construct_port
1
0
Fork 0
mirror of https://github.com/celisej567/gm_construct_port.git synced 2026-09-27 16:16:14 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
celisej567
2021-08-05 17:54:51 +03:00
committed by GitHub
parent d58ad89d11
commit 76b55e2a87
57 changed files with 5632 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
code/ui/SandboxHud.scss Normal file
View File

@@ -0,0 +1,135 @@
Health
{
position: absolute;
background-color: rgba( black, 0.5 );
right: 100px;
bottom: 48px;
font-size: 40px;
font-weight: bold;
color: white;
height: 80px;
padding: 0 20px;
align-items: center;
}
CurrentTool
{
position: absolute;
background: linear-gradient(to right, rgba(black, 0.5), rgba(black, 0.0));
top: 100px;
left: 0px;
padding: 30px 70px;
flex-direction: column;
width: 560px;
opacity: 0.0;
&.active
{
opacity: 1.0;
}
.title
{
font-size: 50px;
font-weight: bold;
text-shadow: 4px 4px 10px rgba( black, 0.3 );
color: white;
}
.description
{
padding-top: 5px;
padding-left: 10px;
font-size: 18px;
font-weight: normal;
text-shadow: 2px 2px 5px rgba( black, 0.3 );
color: white;
opacity: 0.8;
}
}
rootpanel
{
background-color: rgba( #333, 0 );
transition: background-color 0.2s ease-in;
&.spawnmenuopen
{
transition: background-color 0.3s ease-out;
background-color: rgba( #333, 0.9 );
}
&.devcamera
{
display: none;
}
}
InventoryBar
{
position: absolute;
width: 100%;
bottom: 48px;
justify-content: center;
align-items: flex-end;
}
InventoryIcon
{
width: 80px;
height: 80px;
background-color: rgba( #222, 0.3 );
margin: 0px 2px;
position: relative;
transition: all 0.2s ease-in-out;
margin-top: 10px;
font-family: poppins;
.item-name
{
padding: 5px;
color: white;
text-align: center;
left: 0;
right: 0;
font-size: 10px;
position: absolute;
bottom: 0;
opacity: 0.7;
transition: all 0.5s ease-in-out;
text-shadow: 1px 1px 5px black;
}
.slot-number
{
font-size: 25px;
color: black;
font-weight: 900;
opacity: 0.3;
position: absolute;
top: 1px;
right: 5px;
}
&.active
{
background-color: rgba( #0094ff, 0.5 );
transition: all 0.1s ease-out;
width: 100px;
height: 100px;
.slot-number
{
color: #275576;
}
.item-name
{
opacity: 1;
transition: all 0.1s ease-out;
font-size: 13px;
}
}
}