public.css 2.1 KB

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