public.scss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. $footer-height: 65px;
  2. #body-public {
  3. .header-right {
  4. #header-primary-action a {
  5. color: var(--color-primary-text);
  6. }
  7. #header-secondary-action {
  8. ul li {
  9. min-width: 270px;
  10. }
  11. #header-actions-toggle {
  12. background-color: transparent;
  13. border-color: transparent;
  14. &:hover,
  15. &:focus,
  16. &:active {
  17. opacity: 1;
  18. }
  19. }
  20. #external-share-menu-item {
  21. form {
  22. display: flex;
  23. }
  24. .hidden {
  25. display: none;
  26. }
  27. #save-button-confirm {
  28. flex-grow: 0;
  29. }
  30. }
  31. }
  32. }
  33. #content {
  34. // 100% - footer
  35. min-height: calc(100% - #{$footer-height});
  36. }
  37. /** don't apply content header padding on the base layout */
  38. &.layout-base #content {
  39. padding-top: 0;
  40. }
  41. /* force layout to make sure the content element's height matches its contents' height */
  42. .ie #content {
  43. display: inline-block;
  44. }
  45. p.info {
  46. margin: 20px auto;
  47. text-shadow: 0 0 2px rgba(0, 0, 0, .4);
  48. -moz-user-select: none;
  49. -ms-user-select: none;
  50. user-select: none;
  51. }
  52. p.info, form fieldset legend,
  53. #datadirContent label,
  54. form fieldset .warning-info,
  55. form input[type='checkbox']+label {
  56. text-align: center;
  57. }
  58. /* public footer */
  59. footer {
  60. position: relative;
  61. display: flex;
  62. align-items: center;
  63. justify-content: center;
  64. height: $footer-height;
  65. flex-direction: column;
  66. p {
  67. text-align: center;
  68. color: var(--color-text-lighter);
  69. a {
  70. color: var(--color-text-lighter);
  71. font-weight: bold;
  72. white-space: nowrap;
  73. /* increasing clickability to more than the text height */
  74. padding: 10px;
  75. margin: -10px;
  76. line-height: 200%;
  77. }
  78. }
  79. }
  80. }