footer.less 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. //
  2. // Forum Footer
  3. // --------------------------------------------------
  4. //== Footer container
  5. //
  6. //**
  7. .main-footer {
  8. margin-top: @line-height-computed * 1.5;
  9. margin-bottom: @line-height-computed * 1.5;
  10. text-align: center;
  11. }
  12. //== Custom footer message
  13. //
  14. //**
  15. .custom-footer {
  16. color: @footer-color;
  17. }
  18. //== Misago branding
  19. //
  20. //**
  21. .misago-branding {
  22. a {
  23. display: inline-block;
  24. color: @text-color;
  25. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  26. font-size: @misago-branding-size;
  27. .brand-border {
  28. background: @text-color;
  29. border-radius: @misago-branding-size * 0.15;
  30. display: inline-block;
  31. margin-right: @misago-branding-size * 0.1;
  32. position: relative;
  33. top: @misago-branding-size * 0.18;
  34. overflow: hidden;
  35. width: @misago-branding-size + 3px;
  36. height: @misago-branding-size + 3px;
  37. &>span {
  38. display: inline-block;
  39. position: absolute;
  40. bottom: -20%;
  41. right: -18%;
  42. .rotate(-45deg);
  43. color: @body-bg;
  44. font-size: @misago-branding-size * 1.2;
  45. font-weight: bold;
  46. }
  47. }
  48. .subscript {
  49. display: inline-block;
  50. position: relative;
  51. bottom: (@misago-branding-size - (@misago-branding-size * 0.6)) / 2 - 1px;
  52. font-size: @misago-branding-size * 0.6;
  53. }
  54. &, &:link, &:visited {
  55. .opacity(0.4);
  56. }
  57. &:active, &:hover {
  58. .opacity(1);
  59. text-decoration: none;
  60. }
  61. }
  62. }