64 lines
907 B
Plaintext
64 lines
907 B
Plaintext
|
Slot
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
width: 42px;
|
||
|
|
height: 14px;
|
||
|
|
align-items: center;
|
||
|
|
align-self: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#output-slot
|
||
|
|
{
|
||
|
|
position: absolute;
|
||
|
|
bottom: 2px;
|
||
|
|
margin-bottom:-3px;
|
||
|
|
padding-top:4px
|
||
|
|
}
|
||
|
|
|
||
|
|
#input-slot
|
||
|
|
{
|
||
|
|
padding-top: 2px;
|
||
|
|
margin-top: -1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#slot-container
|
||
|
|
{
|
||
|
|
width: 34px;
|
||
|
|
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;
|
||
|
|
}
|