通用评论

index.css 842B

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