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%; }