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.
 
 
 
 
 

104 lines
2.1 KiB

  1. /**
  2. * Styles for the QC plugin
  3. */
  4. /* + + + + + slideout output + + + + + */
  5. .qc-output {
  6. position: relative;
  7. min-width: 100%;
  8. width: auto;
  9. background-color: @ini_background !important;
  10. font-size: 90%;
  11. box-shadow: @box-shadow-bottom;
  12. border-bottom: solid 1px @ini_border_light;
  13. margin-bottom: 0;
  14. padding-top: 0 !important; // for JS overwrite
  15. @media @screen_min-xxs {
  16. margin-right: -(@margin-default);
  17. margin-left: -(@margin-default);
  18. padding-left: @margin-default;
  19. padding-right: @margin-default;
  20. }
  21. @media @screen_min-md {
  22. top: -(@margin-small);
  23. }
  24. @media @screen_max-md {
  25. top: 0;
  26. margin-top: -(@page_padding-top + 2);
  27. margin-right: -(@margin-default * 1.6);
  28. margin-left: -(@margin-default);
  29. padding-top: @margin-default;
  30. }
  31. @media @screen_max-xxs {
  32. margin-left: -(@margin-small);
  33. padding-left: @margin-small;
  34. padding-right: @margin-default;
  35. }
  36. h1 {
  37. @media @screen_min-md {
  38. padding-top: 0;
  39. }
  40. }
  41. h2 {
  42. font-size: 1.3rem;
  43. }
  44. h3 {
  45. font-size: 1.1rem;
  46. }
  47. h4,
  48. h5,
  49. h6 {
  50. font-size: 1rem;
  51. }
  52. div,
  53. p {
  54. margin-left: 0;
  55. }
  56. dl {
  57. dt,
  58. dd {
  59. padding-bottom: @small-spacing;
  60. @media @screen_max-xxs {
  61. float: none;
  62. display: inline-block;
  63. width: 49%;
  64. max-width: 10em;
  65. vertical-align: top;
  66. margin-left: 0;
  67. }
  68. }
  69. }
  70. .qc_icon {
  71. background-color: #fff;
  72. border-radius: @fix_border-radius;
  73. vertical-align: top;
  74. padding: .1rem;
  75. }
  76. }
  77. /* + + + + + admin settings + + + + + */
  78. .do-admin #dokuwiki__content {
  79. #plugin__qc_admin {
  80. table .centeralign {
  81. .qc_icon svg + span {
  82. min-width: 2em;
  83. padding-left: .2em;
  84. text-align: left;
  85. display: inline-block;
  86. }
  87. }
  88. }
  89. }