通用评论

index.css 1.0KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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-favor {
  33. font-size: 20px;
  34. }
  35. .comment-favored {
  36. color: #4a90e2;
  37. }
  38. @media screen and (max-width: 616px) and (min-width: 449px) {
  39. .comment-item-right {
  40. display: inline-block;
  41. width: 85%;
  42. margin-left: 10px;
  43. }
  44. }
  45. @media screen and (max-width: 449px) and (min-width: 365px) {
  46. .comment-item-right {
  47. display: inline-block;
  48. width: 80%;
  49. margin-left: 10px;
  50. }
  51. }
  52. @media screen and (max-width: 365px) {
  53. .comment-item-right {
  54. display: inline-block;
  55. width: 75%;
  56. margin-left: 10px;
  57. }
  58. }