public.scss 1.8 KB

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