通用评论

index.css 1.0KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  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. }
  20. .comment-item-bottom {
  21. margin: 20px auto;
  22. }
  23. .comment-item-bottom-left {
  24. float: left;
  25. user-select: none;
  26. }
  27. .comment-item-bottom-right {
  28. float: right;
  29. margin-left: 5px;
  30. cursor: pointer;
  31. }
  32. .comment-favored {
  33. color: #4a90e2;
  34. }
  35. @media screen and (max-width: 616px) and (min-width: 449px) {
  36. .comment-item-right {
  37. display: inline-block;
  38. width: 85%;
  39. margin-left: 10px;
  40. }
  41. }
  42. @media screen and (max-width: 449px) and (min-width: 365px) {
  43. .comment-item-right {
  44. display: inline-block;
  45. width: 80%;
  46. margin-left: 10px;
  47. }
  48. }
  49. @media screen and (max-width: 365px) {
  50. .comment-item-right {
  51. display: inline-block;
  52. width: 75%;
  53. margin-left: 10px;
  54. }
  55. }