article#profile{ width: 40%; text-align: left; } article#profile h4{ color: #ffffff; font-weight: bold; margin: 0.5em 1em 0em 0.5em; display: inline; vertical-align: middle; } article#profile div#currency ul li img{ height: 1.2em; width: 1.2em; vertical-align: middle; } article#profile div#rep div.monster_panel{ font-size: 50%; margin: 0; vertical-align: middle; } article#profile div#defense div.monster_panel{ font-size: 35%; margin: 0; vertical-align: middle; } /** * Monster panel */ article#profile div.building_panel{ display: inline-block; width: 2em; height: 2em; margin: 0.2em 0em; position: relative; border-radius: 15%; vertical-align: middle; } article#profile div#building h4, div#decoration h4{ display: block; } article#profile div.building_panel img.building{ width: 2em; height: 2em; border-style: solid; border-width: 0.1em; border-radius: 15%; } article#profile div.building_panel span.level{ position: relative; bottom: 1.6em; font-weight: bold; color: #000; text-shadow: 0 0 0.1em #fff, 0 0 0.2em #fff, 0 0 0.4em #fff, 0 0 0.4em #fff; font-size: 100%; left: 0.4em; bottom: 2.8em; z-index: 1; font-size: 50%; } article#profile div.building_panel span.level::before { content: "Lv. "; } article#profile div.item_panel{ display: inline-block; width: 2em; height: 2em; margin: 0.2em 0em; position: relative; border-radius: 15%; vertical-align: middle; } article#profile div#building h4, div#decoration h4{ display: block; } article#profile div.item_panel img.item{ width: 2em; height: 2em; border-style: solid; border-width: 0.1em; border-radius: 15%; } article#profile div.item_panel span.amount{ position: relative; bottom: 1.6em; font-weight: bold; color: #000; text-shadow: 0 0 0.1em #fff, 0 0 0.2em #fff, 0 0 0.4em #fff, 0 0 0.4em #fff; font-size: 100%; left: 0.4em; bottom: 2.8em; z-index: 1; font-size: 50%; }