清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>
html { background: rgb(229,229,229); } /* blogs */ #blogs { width: 760px; margin: 0 auto; overflow: auto; } /* blog */ .blog { width: 360px; margin: 0 10px 20px; background: rgb(248,248,248); border-color: rgb(216,216,216); border-style: solid; border-width: 0px 1px 2px; border-radius: 3px; overflow: hidden; } .blog-content { position: relative; padding: 20px 20px 60px; background: rgb(255,255,255); border-bottom: 1px solid rgb(216,216,216); } .blog-header { position: relative; padding-left: 50px; margin-bottom: 20px; min-height: 40px; } .blog-author { display: block; } .blog-author-name { color: rgb(68,68,68); font-size: 14px; font-weight: bold; } .blog-author-photo { position: absolute; left: 0; top: 0; width: 40px; height: 40px; } .blog-infor, .blog-infor-dir, .blog-infor-datetime { color: rgb(153,153,153); font-size: 12px; } .blog-flash { width: 350px; margin-left: -15px; } /* comment */ .comment { position: relative; padding-left: 40px; } .comment-author { display: block; } .comment-author-name { color: rgb(68,68,68); font-size: 12px; font-weight: bold; } .comment-author-photo { position: absolute; left: 0; top: 0; width: 30px; height: 30px; } .comment-infor-datetime { color: rgb(153,153,153); font-size: 12px; } /* votebar */ .votebar { position: absolute; left: 0; bottom: 10px; margin-bottom: 10px; width:100%; height: 30px; } .votebar-menu, .votebar-user { position: absolute; top: 0; } .votebar-menu { left: 20px; } .votebar-user { right: 20px; } .votebar-menu-vote, .votebar-menu-share { display: inline-block; padding: 8px 9px; margin-right: 10px; background: rgb(255,255,255); color: rgb(116,116,116); font-size: 14px; line-height: 100%; font-weight: bold; border: 1px solid rgb(216,216,216); border-radius: 4px; text-decoration: none; cursor:pointer; } .votebar-user-photo { width: 30px; height: 30px; } /* comments */ .comments { } .comments-title { margin: 20px; } .comments-title:hover { color: rgb(64, 131, 169); cursor: pointer; } .comments-content { padding: 0 20px; overflow: auto; max-height: 500px; border-bottom: 1px solid rgb(216,216,216); } .comments-content-item { margin-bottom: 10px; } /* replybar */ .replybar { padding:20px; } .replybar-cover { } .replybar-cover-input { padding: 5px; width: 310px; color: rgb(166,166,166); border: 1px solid rgb(216,216,216); } .replybar-sub { position: relative; padding-left: 40px; } .replybar-sub-photo { position: absolute; left: 0; top: 0; width: 30px; height: 30px; } .replybar-sub-msg { margin-bottom: 10px; width: 280px; height: 50px; background: rgb(255,255,255); border: 1px solid rgb(216,216,216); } .replybar-sub-pub { margin-right: 20px; padding: 5px 10px; background: rgb(166, 209, 156); color: rgb(250,250,250); font-weight: bold; border: none; border-radius:3px; } .replybar-sub-pub:hover { background: rgb(126, 189, 126); color: rgb(255,255,255); } .replybar-sub-cancel { padding: 5px 10px; background: rgb(255, 255, 255); font-weight: bold; border: 1px solid rgb(216,216,216); border-radius:3px; } .replybar-sub-cancel:hover { background: rgb(250, 250, 250); border: 1px solid rgb(206,206,206); }