CSS Anime List
Blog Tutor
by Dandy Wahyu
HTML
<div class="row-cells">
<div class="title-cell">
<a class="series" href=" ... URL Animenya ... ">Judul Anime</a> ( <a href=" ... URL Status Anime ... ">Status Anime</a> )
</div>
</div>
<!-- End row-cells -->CSS
/* CSS Anime List Nukohime-Anime by Nukodezign */
#animelist {width: 100%;float: left;padding-right: 9px;font-family: sans-serif;}
.nav_apb {padding: 1px 0;text-align: center;margin: 0 0 5px;}
.nav_apb a:visited {color: #FFF;}
.nav_apb a {display: block;font-weight: 700;font-size: 12px;float: left;margin: 1px;background: #6AB2F2 none repeat scroll 0 0;color: #FFF;border: 1px solid #54A6ED;width: 31.5px;border-radius: 5px;}
.nav_apb a:hover {color: #fff;text-decoration: underline;}
#a-z {overflow: hidden;-moz-column-gap: 15px;margin-top: 25px;width: 100%;}
.letter-group {margin-bottom: 10px;border-radius: 5px;display: inline-block;width: 100%;background: #f9f9f9 none repeat scroll 0 0;}
.letter-cell {font-weight: 700;color: #4D4D4D;overflow: hidden;text-transform: uppercase;position: relative;margin-bottom: 10px;background: #1581BC none repeat scroll 0 0;font-size: 15px;}
.row-cells {float: left;color: #727272;line-height: 25px;list-style: outside none none;width: 302px;border-left: 2px solid #D7D7D7;}
.letter-cell a {color: #FFF;display: block;background: #19A3EA none repeat scroll 0 0;float: left;margin-left: -10px;margin-top: -5px;margin-bottom: -8px;padding: 12px 30px;border-top-right-radius: 50px;}
.title-cell {line-height: 24px;color: #3F3F3F;padding-right: 10px;text-overflow: ellipsis;overflow: hidden;font-weight: 100;white-space: nowrap;padding-left: 10px;}
.title-cell a {font-size: 13px;color: #7A7A7A;font-family: Open Sans;}