#serialstoryContainer > h1{text-shadow:0 2px 0 #fff;margin-bottom:10px}.serialstoryList{margin:0 -7px;box-sizing:border-box;}.serialstoryList .serialstory{float:left;margin:7px;position:relative;display:inline-block;padding:5px;overflow:hidden;}.serialstoryList .serialstory a{display:block;width:300px;background-color:#fff;-webkit-box-shadow:1px 1px 0 0 rgba(0,0,0,0.15);-moz-box-shadow:1px 1px 0 0 rgba(0,0,0,0.15);-o-box-shadow:1px 1px 0 0 rgba(0,0,0,0.15);box-shadow:1px 1px 0 0 rgba(0,0,0,0.15);}.serialstoryList .serialstory a:hover .bookTitle{color:#1c74d1}.serialstoryList .serialstory a:hover .readit{background-color:rgba(28,116,209,0.25);}.serialstoryList .serialstory a:hover .readit:after{top:120px}.serialstoryList .serialstoryBox .bookImage{position:relative;z-index:0;width:300px;height:360px;overflow:hidden;}.serialstoryList .serialstoryBox .bookImage .readit{position:absolute;width:300px;height:360px;top:0;left:0;background-color:rgba(28,116,13,0);-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease;}.serialstoryList .serialstoryBox .bookImage .readit:after{content:"Read";position:absolute;width:120px;height:120px;-webkit-border-radius:60px;-moz-border-radius:60px;-o-border-radius:60px;border-radius:60px;background-color:#1c74d1;color:#fff;text-align:center;line-height:120px;font-size:20px;left:90px;top:360px;-webkit-transition:top .2s ease;-moz-transition:top .2s ease;-o-transition:top .2s ease;transition:top .2s ease}.serialstoryList .serialstoryBox .bookMeta{padding:8px}.serialstoryList .serialstoryBox .bookTitle{color:#333}.serialstoryList .serialstoryBox .bookTags .tag{display:inline-block;font-size:12px;padding:2px 4px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;background-color:#666;color:#fff;margin-right:4px;}.serialstoryList .serialstoryBox .bookTags .tag.novel{background-color:#6e9518}.serialstoryList .serialstoryBox .bookTags .tag.manga{background-color:#be9c00}.serialstoryList .serialstoryBox p.ribbontag{display:inline;}.serialstoryList .serialstoryBox p.ribbontag span{position:absolute;z-index:1;display:inline-block;left:-26px;color:#fff;font-size:12px;font-weight:bold;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2),inset 0 5px 30px rgba(255,255,255,0.2);-moz-box-shadow:0 0 10px rgba(0,0,0,0.2),inset 0 5px 30px rgba(255,255,255,0.2);-o-box-shadow:0 0 10px rgba(0,0,0,0.2),inset 0 5px 30px rgba(255,255,255,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2),inset 0 5px 30px rgba(255,255,255,0.2);text-align:center;text-transform:uppercase;top:21px;background-color:#333;width:100px;padding:3px 10px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.serialstoryList .serialstoryBox p.ribbontag:before,.serialstoryList .serialstoryBox p.ribbontag:after{content:"";width:0;height:0;position:absolute;z-index:-1;border:5px solid}.serialstoryList .serialstoryBox p.ribbontag:before{top:0;left:70px;border-color:transparent #2b2b2b transparent transparent}.serialstoryList .serialstoryBox p.ribbontag:after{top:70px;left:0;border-color:transparent transparent #2b2b2b transparent}.serialstoryList .serialstoryBox.new p.ribbontag span{background-color:#ea0012}.serialstoryList .serialstoryBox.new:before{border-color:transparent #c7000f transparent transparent}.serialstoryList .serialstoryBox.new:after{border-color:transparent transparent #c7000f transparent}.serialstoryList .serialstoryBox.update p.ribbontag span{background-color:#00a4ee}.serialstoryList .serialstoryBox.update:before{border-color:transparent #008bca transparent transparent}.serialstoryList .serialstoryBox.update:after{border-color:transparent transparent #008bca transparent}