person.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. .pear-container {
  2. background-color: whitesmoke;
  3. margin: 10px;
  4. }
  5. .layui-body {
  6. padding: 25px;
  7. }
  8. .text-center {
  9. text-align: center;
  10. }
  11. .user-info-head {
  12. width: 110px;
  13. height: 110px;
  14. line-height: 110px;
  15. position: relative;
  16. display: inline-block;
  17. border-radius: 50%;
  18. overflow: hidden;
  19. cursor: pointer;
  20. margin: 0 auto;
  21. }
  22. .layui-line-dash {
  23. border-bottom: 1px dashed #ccc;
  24. margin: 15px 0;
  25. }
  26. .comment {
  27. position: absolute;
  28. bottom: 3px;
  29. right: 10px;
  30. font-size: 12px;
  31. color: dimgray;
  32. }
  33. .content {
  34. padding-left: 13px;
  35. font-size: 13px;
  36. color: dimgray;
  37. }
  38. .title {
  39. padding-left: 13.5px;
  40. }
  41. .layui-tab-title {
  42. border-bottom: none;
  43. }
  44. .fl-item {
  45. height: 30px;
  46. font-size: 13.5;
  47. }
  48. .dot {
  49. width: 10px;
  50. height: 10px;
  51. border-radius: 50px;
  52. background-color: gray;
  53. display: inline-block;
  54. margin-right: 10px;
  55. }
  56. .list .list-item {
  57. height: 32px;
  58. line-height: 32px;
  59. color: gray;
  60. padding: 5px;
  61. padding-left: 15px;
  62. border-radius: 4px;
  63. margin-top: 5.2px;
  64. }
  65. .list .list-item:hover {
  66. background-color: whitesmoke;
  67. }
  68. .list .list-item .title {
  69. font-size: 13px;
  70. width: 100%;
  71. }
  72. .list .list-item .footer {
  73. position: absolute;
  74. right: 30px;
  75. font-size: 12px;
  76. }