You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

130 lines
2.9 KiB

  1. /**
  2. * This file provides the design styles for the page footer
  3. */
  4. /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
  5. /* no print */
  6. @media screen {
  7. .page-footer {
  8. min-height: @page-header_height;
  9. background-color: @ini_background_page_header;
  10. border-top: 1px solid @ini_border_light;
  11. border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
  12. color: @ini_background_page_footer;
  13. font-size: @font-size-default;
  14. text-align: right;
  15. padding: @margin-small @margin-default;
  16. *,
  17. a:link,
  18. a:visited {
  19. color: inherit;
  20. }
  21. bdi {
  22. display: inline-block;
  23. max-width: 100%;
  24. overflow-x: auto;
  25. overflow-y: hidden;
  26. font-weight: bold;
  27. vertical-align: bottom;
  28. }
  29. }
  30. #dokuwiki__footer {
  31. .main-footer {
  32. position: relative;
  33. box-sizing: border-box;
  34. background-color: @ini_background_site;
  35. margin-top: 5px; // for box-shadow of content
  36. text-align: center;
  37. }
  38. p {
  39. color: @ini_text_webframe;
  40. font-size: @font-size-default;
  41. margin: 0;
  42. }
  43. a {
  44. color: @ini_nav_menu_color;
  45. }
  46. }
  47. }
  48. /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
  49. /* min-width: 1024px */
  50. @media @screen_min-md {
  51. #dokuwiki__footer {
  52. .col-xs-12 {
  53. float: right;
  54. width: 100%;
  55. }
  56. .main-footer {
  57. padding: @margin-default 0;
  58. }
  59. }
  60. .showSidebar {
  61. #dokuwiki__footer {
  62. .col-xs-12 {
  63. width: @ini_site_width;
  64. }
  65. }
  66. }
  67. .wide-content {
  68. &.showSidebar {
  69. #dokuwiki__footer {
  70. .col-xs-12 {
  71. width: 100%;
  72. padding-left: @toggle-showsidebar_width;
  73. }
  74. }
  75. }
  76. }
  77. }
  78. /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
  79. /* max-width: 1023px */
  80. @media @screen_max-md {
  81. #dokuwiki__footer {
  82. .main-footer {
  83. margin-top: .5rem;
  84. padding: (@margin-default - .5) 0 @margin-default;
  85. }
  86. }
  87. }
  88. /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
  89. /* max-width: 768px */
  90. @media @screen_max-xs {
  91. .page-footer {
  92. padding-left: @margin-small;
  93. padding-right: @margin-small;
  94. }
  95. #dokuwiki__footer {
  96. .main-footer {
  97. > * {
  98. padding-left: 0;
  99. padding-right: 0;
  100. }
  101. }
  102. }
  103. }
  104. /* + + + + + + + + + + + + + + + + + + + + + + + + + + */
  105. /* max-width: 480px */
  106. @media @screen_max-xxs {
  107. #dokuwiki__footer {
  108. .main-footer {
  109. > * {
  110. padding-left: @margin-small;
  111. padding-right: @margin-small;
  112. }
  113. }
  114. }
  115. }