public.css 2.3 KB

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