通用评论

index.css 1.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .comment-item-box {
  2. margin: 10px 0 0 0;
  3. padding: 15px 5px 0 5px;
  4. border-top: 1px solid #eee;
  5. }
  6. .comment-item-left {
  7. display: inline-block;
  8. vertical-align: top;
  9. width: 40px;
  10. }
  11. .comment-item-right {
  12. display: inline-block;
  13. width: 90%;
  14. margin-left: 10px;
  15. margin-bottom: 20px;
  16. }
  17. .comment-item-content {
  18. margin: 10px 0;
  19. word-break: break-all;
  20. }
  21. .comment-item-bottom {
  22. margin: 20px auto;
  23. }
  24. .comment-item-bottom-left {
  25. float: left;
  26. user-select: none;
  27. }
  28. .comment-item-bottom-right {
  29. float: right;
  30. margin-left: 5px;
  31. cursor: pointer;
  32. }
  33. .comment-favor {
  34. font-size: 20px;
  35. }
  36. .comment-favored {
  37. color: #4a90e2;
  38. }
  39. @media screen and (max-width: 616px) and (min-width: 449px) {
  40. .comment-item-right {
  41. display: inline-block;
  42. width: 85%;
  43. margin-left: 10px;
  44. }
  45. }
  46. @media screen and (max-width: 449px) and (min-width: 365px) {
  47. .comment-item-right {
  48. display: inline-block;
  49. width: 80%;
  50. margin-left: 10px;
  51. }
  52. }
  53. @media screen and (max-width: 365px) {
  54. .comment-item-right {
  55. display: inline-block;
  56. width: 75%;
  57. margin-left: 10px;
  58. }
  59. }