section.list div.monster{ display: inline-block; } section.list div.monster div.monster_tooltip{ position: absolute; top: 0; left: 6em; z-index: 10; display: none; background: #351e0b; border: 0.2em solid #f2c920; border-radius: 0.5em; padding: 0.5em; } section.list div.monster:hover div.monster_tooltip{ display: block; } section.list div.monster div.monster_tooltip h4{ color: #ffffff; font-weight: bold; text-shadow: 0 0 0.2em #000000, 0 0 0.2em #000000, 0 0 0.4em #000000; margin: 0.1em; display: block; } section.list div.monster div.monster_tooltip table.stats{ font-size: 80%; border: 0.1em solid black; color: #ffffff; } section.list div.monster div.monster_tooltip table.stats th{ font-weight: bold; } section.list div.monster div.monster_tooltip table.stats td.extra{ color: #aaaaff; } section.list div.monster div.monster_tooltip table.stats td.total{ color: #f2c920; font-weight: bold; } section.list div.monster div.monster_tooltip div.skills{ text-align: center; } section.list div.monster div.monster_tooltip div.skills div.skill{ display: inline-block; vertical-align: top; max-width: 22%; margin: 0.5em; font-size: 50%; color: #ffffff; text-align: center; } section.list div.monster div.monster_tooltip div.skills div.skill img{ width: 90%; height: 90%; border: 0.3em solid #f2c920; border-radius: 0.5em; } section.list div.monster div.monster_tooltip div.skills div.skill span.skill_level{ font-size: 180%; position: relative; top: -2em; right: -0.8em; text-shadow: 0 0 0.2em #000000, 0 0 0.2em #000000, 0 0 0.4em #000000, 0 0 0.4em #000000, 0 0 0.6em #000000, 0 0 0.6em #000000, 0 0 0.8em #000000, 0 0 0.8em #000000; } section.list div.monster div.monster_tooltip div.skills div.skill span.skill_level.maxed{ color: #f2c920; } section.list div.monster div.monster_tooltip div.skills div.skill span.skill_name{ text-shadow: 0 0 0.2em #000000, 0 0 0.2em #000000, 0 0 0.4em #000000; margin-top: -4em; display: block; }