user-profile.less 753 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. //
  2. // Forum Profile
  3. // --------------------------------------------------
  4. // Small displays
  5. @media screen and (max-width: @screen-sm-max) {
  6. .page-user-profile .page-header h1 img {
  7. width: 40px;
  8. height: 40px;
  9. }
  10. h1.pull-left img {
  11. margin-right: 6px;
  12. }
  13. .page-user-profile .page-header .btn-aligned {
  14. position: relative;
  15. top: 8px;
  16. }
  17. .page-user-profile .profile-side-avatar {
  18. display: none;
  19. }
  20. }
  21. // Tabbed on full display
  22. @media screen and (min-width: @screen-md-min) {
  23. .page-user-profile .page-header h1 img {
  24. display: none;
  25. }
  26. .page-user-profile .profile-side-avatar img {
  27. width: 100%;
  28. height: auto;
  29. margin-top: @line-height-computed * -5.5;
  30. margin-bottom: @line-height-computed;
  31. }
  32. }