user-profile.less 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. //
  2. // Forum Profile
  3. // --------------------------------------------------
  4. // Small displays
  5. @media screen and (max-width: @screen-sm-max) {
  6. .page-user-profile .page-header {
  7. h1 img {
  8. width: 40px;
  9. height: 40px;
  10. }
  11. h1.pull-left img {
  12. margin-right: 6px;
  13. }
  14. h1 .user-name {
  15. position: relative;
  16. top: 2px;
  17. }
  18. .btn-aligned {
  19. position: relative;
  20. top: 8px;
  21. }
  22. .header-stats ul {
  23. text-align: center;
  24. li {
  25. display: inline-block;
  26. white-space: nowrap;
  27. }
  28. }
  29. }
  30. .page-user-profile .profile-side-avatar {
  31. display: none;
  32. }
  33. }
  34. // Tabbed on full display
  35. @media screen and (min-width: @screen-md-min) {
  36. .page-user-profile .page-header h1 img {
  37. display: none;
  38. }
  39. .header-stats ul {
  40. li {
  41. display: block;
  42. float: left;
  43. }
  44. }
  45. .page-user-profile .profile-side-avatar img {
  46. width: 100%;
  47. height: auto;
  48. margin-top: @line-height-computed * -5.5;
  49. margin-bottom: @line-height-computed;
  50. }
  51. }