LookForm.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .form-warp {
  2. position:relative;
  3. width:100%;
  4. height:100%;
  5. }
  6. .user-list {
  7. position:relative;
  8. height:100%;
  9. width:100%;
  10. }
  11. .card-box {
  12. position:relative;
  13. float: left;
  14. width: 185px;
  15. height: 60px;
  16. border: 1px solid #ccc;
  17. background-color: #fff;
  18. border-radius: 3px;
  19. margin: 10px 0 0 10px;
  20. padding-left:65px;
  21. padding-top:4px;
  22. overflow: hidden;
  23. -moz-user-select: none;
  24. -webkit-user-select: none;
  25. -ms-user-select: none;
  26. -khtml-user-select: none;
  27. user-select: none;
  28. cursor: pointer;
  29. }
  30. .card-box.active {
  31. border: 2px solid #ff5d5b;
  32. background: url(/Content/images/selected_red.png) right top no-repeat;
  33. }
  34. .card-box-img {
  35. position: absolute;
  36. left:0;
  37. top:0;
  38. width: 59px;
  39. height: 58px;
  40. line-height:58px;
  41. padding-left:9px;
  42. background-color: #ebebeb;
  43. border-right: 1px solid #ccc;
  44. }
  45. .card-box-img img {
  46. border-radius: 45px;
  47. }
  48. .card-box-content p {
  49. overflow: hidden;
  50. white-space: nowrap;
  51. text-overflow: ellipsis;
  52. margin:0;
  53. }