SWDB/public/css/fusion.css

table.fusion{
}
table.fusion td{
    text-align: center;
    padding: 0.3em;
}
table.fusion img.monster_star{
    width: 1em;
    height: 1em;
}
@media screen and (max-width : 990px){
    table.fusion img.monster_star{
        width: 0.9em;
        height: 0.9em;
        margin:0 -0.3em 0 -0.3em;
    }
}
table.fusion span.monster_level{
    font-weight: bold;
    font-size: 85%;
}
table.fusion h4.name_aw{
    font-size: 85%;
    min-width: 15em;
    margin: 0.1em 0 0 0;
}
@media screen and (max-width : 990px){
    table.fusion h4.name_aw{
        min-width: initial;
    }
}
table.fusion table.fusion h5.name{
    font-size: 85%;
    margin: 0.1em 0 0 0;
}
table.fusion hr.owned_separator{
    width: 50%;
    margin: 0.1em auto;
}
table.fusion table.owned{
    border-collapse: collapse;
    text-align: left;
    margin: auto;
}
table.fusion table.owned td{
    border: 0px;
}

table.fusion table.owned img.owned_monster{
    width: 1.7em;
    height: 1.7em;
    margin-right: 0.5em;
    border-style: solid;
    border-width: 0.15em;
    border-radius: 50%;
}
@media screen and (max-width : 990px){
    table.fusion table.owned img.owned_monster{
        width: 1.3em;
        height: 1.3em;
        margin-right: 0.2em;
        border-width: 0.1em;
    }
}
table.fusion table.owned img.owned_star{
    width: 0.8em;
    height: 0.8em;
}
@media screen and (max-width : 990px){
    table.fusion table.owned img.owned_star{
        width: 0.6em;
        height: 0.6em;
        margin: 0 -0.2em 0 -0.2em;
    }
}

table.fusion table.owned img.owned_check{
    margin-left: 1em;
    width: 1.5em;
    height: 1.5em;
}
@media screen and (max-width : 990px){
    table.fusion table.owned img.owned_check{
        margin-left: 0.2em;
        width: 1.2em;
        height: 1.2em;
    }
}
table.fusion table.owned span.owned_level{
    font-weight: bold;
    font-size: 0.6em;
    margin-top: -0.6em;
    display: block;
}
table.level_1{
    background: linear-gradient(to right, #ef8d31 0%,#f5ab66 53%,#fac695 100%);
    margin: 2em auto;
    width: 90%;
    border-collapse: collapse;
    border: 0.2em solid #f2c920;
    box-shadow: 0 0 0.3em #000000;
}
table.level_1 td{
    padding: 0;
}
table.level_1 td.level_1{
    width: 33%;
}
table.level_1 img.monster{
    width: 4em;
    height: 4em;
    border-style: solid;
    border-width: 0.3em;
    border-radius: 50%;
}
@media screen and (max-width : 990px){
    table.level_1 img.monster{
        width: 3em;
        height: 3em;
        border-width: 0.2em;
    }
}
table.level_2{
    width: 100%;
    border-left: 0.1em solid #000000;
    border-top: 0.1em solid #000000;
    border-bottom: 0.1em solid #000000;
    margin: -0.1em -0.1em 0 -0.1em;
    padding: 0;
    border-collapse: collapse;
}
table.level_2 td{
    padding: 0;
}
table.level_2 img.monster{
    width: 3em;
    height: 3em;
    border-style: solid;
    border-width: 0.2em;
    border-radius: 50%;
}
@media screen and (max-width : 990px){
    table.level_2 img.monster{
        width: 2em;
        height: 2em;
        border-width: 0.15em;
    }
}
table.level_3{
    width: 100%;
    margin: -0.1em;
    border-left: 0.1em solid #000000;
    border-top: 0.1em solid #000000;
    border-bottom: 0.1em solid #000000;
    margin: -0.1em -0.1em 0 -0.1em;
    border-collapse: collapse;
}
table.level_3 td{
    padding: 0;
}
table.level_3 td.left{
    text-align: right;
    padding-right: 0.5em;
}
table.level_3 td.right{
    text-align: left;
    padding-left: 0.5em;
}
table.level_3 h4.name_aw{
    min-width: initial;
    display: inline-block;
    vertical-align: middle;
}
table.level_3 h5.name{
    display: inline-block;
    vertical-align: middle;
}
table.level_3 h5.name:pre{
    content: ' - ';
}
table.level_3 img.monster{
    width: 1.8em;
    height: 1.8em;
    border-style: solid;
    border-width: 0.1em;
    border-radius: 50%;
    vertical-align: middle;
}
@media screen and (max-width : 990px){
    table.level_3 img.monster{
        width: 1.4em;
        height: 1.4em;
    }
}
table.level_3 img.owned_monster{
    width: 1.1em;
    height: 1.1em;
    margin-right: 0.2em;
    border-style: solid;
    border-width: 0.1em;
    border-radius: 50%;
}