section.filters td.filter select#filter_type{ height: 32em; overflow: hidden; } section.filters td.filter select#filter_slot{ height: 9.5em; overflow: hidden; } section.filters td.filter select#filter_main_stat{ height: 17em; overflow: hidden; } section.filters td.filter select#filter_sub_stat{ height: 17em; overflow: hidden; } section h2 img, span{ display: inline-block; vertical-align: middle; } section h2 img{ height: 1.5em; } section h2 img.group_image_1{ transform: rotate(0deg); } section h2 img.group_image_2{ transform: rotate(57deg); } section h2 img.group_image_3{ transform: rotate(123deg); } section h2 img.group_image_4{ transform: rotate(180deg); } section h2 img.group_image_5{ transform: rotate(237deg); } section h2 img.group_image_6{ transform: rotate(303deg); } section article table.rune{ border-collapse: collapse; display: inline-block; vertical-align: top; font-size: 80%; position: relative; border-radius: 1em; margin: 0.5em; } section article table.rune{ font-size: 70%; } section article table.rune td.icon div.assigned{ max-width: 2.5em; max-height: 2.5em; position: absolute; left: 0.5em; bottom: 1em; } section article table.rune td.icon div.assigned img.monster_image{ width: 2.5em; height: 2.5em; border-style: solid; border-width: 0.2em; border-radius: 15%; } section article table.rune td.icon{ border-bottom: 0.2em solid #777777; border-left: 0.2em solid #777777; border-top: 0.2em solid #777777; background-color: #ffffff44; } section article table.rune td.icon div.rune_panel{ font-size: 70%; } section article table.rune td.stats{ color: #ffffff; border-bottom: 0.2em solid #777777; border-top: 0.2em solid #777777; background-color: #ffffff44; width: 7.5em; } section article table.rune td.stats table{ color: #ffffff; font-size: 80%; } section article table.rune td.stats table tr.main_stat{ font-weight: bold; font-size: 110%; } section article table.rune td.stats table tr.innate_stat{ font-style: italic; } section article table.rune td.stats table td.stat{ text-align: right; } section article table.rune td.stats table td.value{ text-align: left; padding-left: 1em; } section article table.rune td.stats table td.craft{ color: #ff7700; } section article table.rune td.details{ color: #ffffff; padding-left: 0.5em; border-bottom: 0.2em solid #777777; border-right: 0.2em solid #777777; border-top: 0.2em solid #777777; background-color: #ffffff44; width: 15em; } section article table.rune td.details table.table_details{ font-size: 80%; } section article table.rune td.details table.table_details td.title{ text-align: right; } section article table.rune td.details table.table_details td.value{ text-align: left; padding-left: 1em; } section article table.rune td.details table.table_details span.quality{ border: 0.1em solid #000000; border-radius: 0.2em; font-weight: bold; color: #ffffff; text-shadow: 0 0 0.1em #000000; padding: 0 0.3em; width: 5em; } section article table.rune td.details table.table_details span.quality.quality_normal{ background-color: #cccccc; } section article table.rune td.details table.table_details span.quality.quality_magic{ background-color: #55ff55; } section article table.rune td.details table.table_details span.quality.quality_rare{ background-color: #15c6e1; } section article table.rune td.details table.table_details span.quality.quality_hero{ background-color: #ad7fa8; } section article table.rune td.details table.table_details span.quality.quality_legend{ background-color: #f57900; }