#postsList{width:calc(100% - 50px);max-width:1024px;margin:auto;position:relative;top:-25px;overflow:hidden;border-radius:5px;box-shadow:0 3px 5px 0 rgba(0,0,0,0.3);z-index:20}.listHeader{background-color:#333;padding:20px 25px;box-sizing:border-box;display:none}.listHeader p{color:#ececec;font-size:16px;font-weight:900;display:inline-block}.listHeader .listName{margin-left:50px}.listHeader .listAuthor,.listHeader .listDate{display:none}.listName{width:calc(100% - 60px)}.listAuthor,.listDate{width:calc(15% - 7px);display:none}.blogList{background-color:#ececec;padding:0 25px;display:block;width:100%;margin:auto;box-sizing:border-box}.blogListItem{display:block;height:50px;border-bottom:1px solid #acacac;-webkit-transition:all .2s cubic-bezier(0.2,0.62,0.58,1);-moz-transition:all .2s cubic-bezier(0.2,0.62,0.58,1);-ms-transition:all .2s cubic-bezier(0.2,0.62,0.58,1);-o-transition:all .2s cubic-bezier(0.2,0.62,0.58,1);transition:all .2s cubic-bezier(0.2,0.62,0.58,1)}.blogListItem:hover{background-color:rgba(0,0,0,0.2)}.blogListItem:last-child{border:0}.blogListItem .icon{display:inline-block;width:30px;height:30px;background-color:#fc0;color:white;border-radius:50%;vertical-align:middle;text-align:center;line-height:30px;font-size:12px;margin:0 10px 0 0}.blogListItem p{display:inline-block;font-size:12px;color:#6d6d6d;line-height:50px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blogListItem .listName{font-size:14px;font-weight:700}.blogListItem .listAuthor,.blogListItem .listDate{display:none}#blogPagination{padding:20px 0;background-color:#333;text-align:center;box-sizing:border-box}#blogPagination a,#blogPagination span{color:white;font-size:14px;font-weight:600;display:inline-block;vertical-align:middle;padding:10px}#blogPagination a{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}#blogPagination span{color:#fc0}#blogPagination .numberPagination{display:none}@media screen and (min-width:1025px){.listHeader{display:block}.listHeader .listAuthor,.listHeader .listDate{display:inline-block}.listName{width:calc(70% - 50px)}.blogList .listAuthor,.blogList .listDate{display:inline-block}.blogListItem .icon{margin:0 10px}.blogListItem .listAuthor,.blogListItem .listDate{display:inline-block}#blogPagination a:hover{color:#fc0}#blogPagination .numberPagination{display:inline-block}}