88 lines
1.2 KiB
Plaintext
88 lines
1.2 KiB
Plaintext
VerticalSlot
|
|
{
|
|
position: absolute;
|
|
align-items: center;
|
|
align-self: center;
|
|
width: 42px;
|
|
height: 14px;
|
|
}
|
|
|
|
HorizontalSlot
|
|
{
|
|
align-items: center;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
#vertical-output-slot
|
|
{
|
|
position: absolute;
|
|
bottom: 2px;
|
|
margin-bottom:-3px;
|
|
padding-top:4px
|
|
}
|
|
|
|
#vertical-input-slot
|
|
{
|
|
padding-top: 2px;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
#vertical-slot-container
|
|
{
|
|
width: 34px;
|
|
height: 8px;
|
|
align-items: center;
|
|
}
|
|
|
|
#horizontal-output-slot
|
|
{
|
|
align-self: center;
|
|
}
|
|
|
|
#horizontal-input-slot
|
|
{
|
|
align-self: center;
|
|
}
|
|
|
|
#horizontal-slot-container
|
|
{
|
|
width: 8px;
|
|
height: 8px;
|
|
align-items: center;
|
|
}
|
|
|
|
.input-slot-container
|
|
{
|
|
border-width: 0px 1px 1px 1px;
|
|
border-radius: 0px 0px 4px 4px;
|
|
}
|
|
|
|
.output-slot-container
|
|
{
|
|
border-width: 1px 1px 0px 1px;
|
|
border-radius: 4px 4px 0px 0px;
|
|
}
|
|
|
|
.valid-slot
|
|
{
|
|
border-color: rgba(25, 25, 25, 1);
|
|
background-color: rgba(108, 108, 108, 0.8);
|
|
}
|
|
|
|
.invalid-slot
|
|
{
|
|
border-color: rgba(25, 25, 25, 1);
|
|
background-color: rgba(108, 108, 108, 0.3);
|
|
}
|
|
|
|
.slot-container-highlight
|
|
{
|
|
background-color: rgba(138, 138, 138, 0.95);
|
|
}
|
|
|
|
#collapsed-icon
|
|
{
|
|
position: absolute;
|
|
top: 6px;
|
|
} |