avatars.less 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. // Misago avatars sizes
  2. // -------------------------
  3. img{
  4. &.avatar-big {
  5. border-radius: 3px;
  6. width: 180px;
  7. height: 180px;
  8. }
  9. &.avatar-normal {
  10. border-radius: 3px;
  11. width: 64px;
  12. height: 64px;
  13. }
  14. &.avatar-small {
  15. border-radius: 3px;
  16. width: 28px;
  17. height: 28px;
  18. }
  19. &.avatar-tiny {
  20. border-radius: 3px;
  21. width: 16px;
  22. height: 16px;
  23. }
  24. }
  25. // Columns widths
  26. td, th {
  27. &.avatar-big {width: 180px;}
  28. &.avatar-normal {width: 72px;}
  29. &.avatar-small {width: 44px;}
  30. &.avatar-tiny {width: 32px;}
  31. &.avatar-big,
  32. &.avatar-normal,
  33. &.avatar-small,
  34. &.avatar-tiny {
  35. padding-left: 0px;
  36. padding-right: 0px;
  37. text-align: center;
  38. }
  39. }
  40. // Handle small avatar within different places
  41. // -------------------------
  42. .navbar {
  43. img.avatar-small {
  44. margin: -(@baseLineHeight / 2) 0px;
  45. position: relative;
  46. bottom: 1px;
  47. }
  48. }
  49. .page-header {
  50. .avatar-normal {
  51. width: 42px;
  52. height: 42px;
  53. margin: -(@baseLineHeight / 2) 0px;
  54. position: relative;
  55. top: (@baseLineHeight / 2) - 13;
  56. }
  57. }