SWDB/public/css/fusion.css

section#fusions table{
    border-collapse: collapse;
    width: 100%;
    display: block;
    margin: 0.5em auto 1.5em auto;
    border: 0.1em solid black;
    background: var(--section-background-content);
}
section#fusions table td{
    border-right: 0.1em solid #00000088;
    border-left: 0.1em solid #00000088;
    border-top: 0.2em solid #00000088;
    border-bottom: 0.2em solid #00000088;
    padding: 0;
}
section#fusions table td a{
    display: inline-block;
    vertical-align: middle;
}
section#fusions table td div.essences{
    display: inline-block;
    width: 6.5em;
    height: 6.5em;
    vertical-align: middle;
}
section#fusions table td div.essence img{
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5em;
    height: 2.5em;
}
section#fusions table td div.essence span{
    position: absolute;
    top: 1.4em;
    text-align: right;
    right: 0.2em;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0 0 0.1em #000000, 0 0 0.1em #000000, 0 0 0.2em #000000, 0 0 0.2em #000000;
}
section#fusions table td div.owned{
    border-top: 0.1em solid #00000066;
    background-color: #555555;
    border-radius: 0.2em;
    padding: 0 0.1em;
    opacity: 0.7;
    display: block;
    height: 6.5em;
    overflow: auto;
    scrollbar-width: thin;
    margin: 0;
}
section#fusions table td div.owned span.owned{
    display: block;
    text-align: center;
    margin: 0.1em 0.3em;
    font-size: 90%;
    color: #ffffff;
}
section#fusions table td div.owned div.monster_panel{
    display: inline-block;
    font-size: 50%;
}
section#fusions table td.f5{
    background-color: #00000066;
    padding-top: 0.8em;
}
section#fusions table td.f4{
    font-size: 60%;
    width: 25%;
}
section#fusions table td.f3{
    font-size: 40%;
    width: 6.25%;
}
section#fusions table td.f3.empty{
    width: 25%;
}