body { margin: 0.5em; } .round_all { border-radius:0.5em; } .round_top { border-radius: 0; border-top-right-radius:0.5em; border-top-left-radius:0.5em; } .round_bottom { border-radius: 0; border-bottom-right-radius:0.5em; border-bottom-left-radius:0.5em; } .media-wrap { text-align:center; margin:0 auto; } .media { position:relative; vertical-align:top; display:inline-block; text-align:center; width:220px; height:319px; margin:0.25em; } .name, .media_type, .airing_status, .user_rating, .completion, .age_rating { text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.45); color: #fff; padding:0.25em; text-align:right; } .media_type, .age_rating { text-align:left; } .media > .media_metadata { position:absolute; bottom:0; right:0; } .media > .medium_metadata { position:absolute; bottom: 0; left:0; } .media > .name { position:absolute; top: 0; } .media:hover > .name, .media:hover > .media_metadata > div, .media:hover > .medium_metadata > div { background:rgba(0,0,0,0.9); } .media > .name > a { text-align:justify; background:none; color:#fff; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.85); } .user_rating::before { content: "Rating: "; } /* ----------------------------------------------------------------------------- Manga-list-specific styles ------------------------------------------------------------------------------*/ .manga .media > .name { padding:0.5em; margin:1em; } .manga .media { border:1px solid #ddd; width:200px; height:290px; margin:0.25em; } .manga .completion::before { content: ""; } .manga .media_metadata { padding: 0.25em; margin: 0.75em; }