cover.css 975 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. @import url(../../../template/css/cover.css);
  2. /**
  3. * Profile Unit Cover
  4. */
  5. .bx-base-pofile-unit-with-cover {
  6. display: inline-block;
  7. overflow: hidden;
  8. }
  9. .bx-base-pofile-unit-cover {
  10. display: -webkit-flex;
  11. display: flex;
  12. -webkit-align-items: center;
  13. align-items: center;
  14. -webkit-justify-content: center;
  15. justify-content: center;
  16. height: 7.5rem;
  17. line-height: 7.5rem;
  18. text-align: center;
  19. background-repeat: no-repeat;
  20. background-position: center center;
  21. -webkit-background-size: cover;
  22. -moz-background-size: cover;
  23. -o-background-size: cover;
  24. background-size: cover;
  25. }
  26. .bx-base-pofile-unit-cover .bx-def-thumb {
  27. display: inline-block;
  28. background-color: #fff;
  29. vertical-align: middle;
  30. }
  31. .bx-base-pofile-unit-info,
  32. .bx-base-pofile-unit-title {
  33. width: 17.5rem;
  34. }
  35. .bx-base-pofile-unit-title {
  36. text-align: center;
  37. white-space: nowrap;
  38. text-overflow: ellipsis;
  39. overflow: hidden;
  40. }