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.

85 lines
1.5 KiB

  1. /**
  2. * This file provides style changes for small screens.
  3. *
  4. * @author Anika Henke <anika@selfthinker.org>
  5. */
  6. @media only screen and (max-width: 42em) {
  7. .mode_show #dokuwiki__aside {
  8. width: 100%;
  9. float: none;
  10. margin-bottom: 1.4em;
  11. }
  12. #dokuwiki__aside > .pad {
  13. margin: 0;
  14. }
  15. .mode_show #dokuwiki__content {
  16. float: none;
  17. margin-left: 0;
  18. margin-right: 0;
  19. }
  20. .mode_show #dokuwiki__content > .pad {
  21. margin-left: 0;
  22. }
  23. [dir=rtl] .mode_show #dokuwiki__content > .pad {
  24. margin-right: 0;
  25. }
  26. #dokuwiki__header .headings {
  27. margin: 2.1em 0 0;
  28. }
  29. #dokuwiki__header .tools {
  30. margin-bottom: .7em;
  31. }
  32. #dokuwiki__header .headings,
  33. #dokuwiki__header .tools,
  34. #dokuwiki__header .tools li {
  35. float: none;
  36. text-align: left;
  37. }
  38. [dir=rtl] #dokuwiki__header .tools,
  39. [dir=rtl] #dokuwiki__header .tools li {
  40. float: none;
  41. text-align: right;
  42. }
  43. [dir=rtl] #dokuwiki__header .headings {
  44. float: none;
  45. text-align: right;
  46. }
  47. #dokuwiki__sitetools ul {
  48. padding: 0;
  49. }
  50. #dokuwiki__sitetools li {
  51. margin: 0 1.5em 0 0;
  52. }
  53. [dir=rtl] #dokuwiki__sitetools li {
  54. margin: 0 0 0 1.5em;
  55. }
  56. #dokuwiki__header div.breadcrumbs {
  57. margin-bottom: .7em;
  58. }
  59. #dokuwiki__header ul.a11y.skip {
  60. left: auto !important;
  61. right: 1em !important;
  62. top: 3.1em !important;
  63. width: auto !important;
  64. height: auto !important;
  65. list-style: none;
  66. padding: 0;
  67. margin: 0;
  68. }
  69. [dir=rtl] #dokuwiki__header ul.a11y.skip {
  70. right: auto !important;
  71. left: 1em !important;
  72. }
  73. } /* /@media */