Comment.css 1.2 KB

1234567891011121314151617181920
  1. .comment-list {
  2. background-color: #fafafa; padding-left: 80px; margin-left: -80px; padding-right: 20px; margin-right: -20px; margin-bottom: -17px; padding-bottom: 10px;
  3. border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-top: 19px; margin-top: 10px; border-top: 1px solid #E3E3E3; font-size: 85%;
  4. }
  5. .comment-list .body { padding-top: 0px }
  6. .comment-list .body p { padding: 0px }
  7. .comment-create { position: relative; }
  8. .comment-create textarea { width: 100%; margin-bottom: 11px; box-sizing: border-box; padding-right: 90px; }
  9. .comment-create .button-submit { right: 13px; position: absolute; bottom: 23px; }
  10. .comment { padding-top: 10px }
  11. .comment-list .comment .user { padding-bottom: 0px; white-space: nowrap; line-height: 15px; }
  12. .comment .body { padding-top: 4px; padding-bottom: 10px; }
  13. .comment .body.maxheight:before { background: linear-gradient(rgba(0,0,0,0), #fafafa 70%) }
  14. .comment .icon-reply { opacity: 0; transition: all 0.3s }
  15. .comment:hover .icon-reply { opacity: 0.5 }
  16. .comment .icon-reply:hover { opacity: 1; transition: none }
  17. .comment .user .name { line-height: 16px; }
  18. .comment h1, .comment h2, .comment h3, .comment h4, .comment h5, .comment h6 { font-size: inherit; font-weight: bold }