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.

132 lines
2.7 KiB

1 year ago
1 year ago
1 year ago
  1. @import (reference) "./tools.less";
  2. .markdown_main() {
  3. blockquote {
  4. background: #e5e5e5;
  5. background: rgba(128,128,128,0.5);
  6. padding: 10px;
  7. border-left: 3px solid #999;
  8. padding-right: 0;
  9. p { margin: 0; }
  10. blockquote { margin: 0; }
  11. }
  12. // todo ul, ol
  13. // TOC
  14. div.cp-md-toc {
  15. background: #f3f3f3;
  16. padding: 20px;
  17. //float: right;
  18. margin: 5px;
  19. margin-right: 0;
  20. max-width: 100%;
  21. min-width: 200px;
  22. white-space: nowrap;
  23. & > p {
  24. &.cp-md-toc-1 {
  25. margin-left: 0;
  26. }
  27. &.cp-md-toc-2 {
  28. margin-left: 25px;
  29. }
  30. &.cp-md-toc-3 {
  31. margin-left: 50px;
  32. }
  33. &.cp-md-toc-4 {
  34. margin-left: 75px;
  35. }
  36. &.cp-md-toc-5 {
  37. margin-left: 100px;
  38. }
  39. &.cp-md-toc-6 {
  40. margin-left: 125px;
  41. }
  42. margin: 0;
  43. overflow-x: hidden;
  44. text-overflow: ellipsis;
  45. }
  46. }
  47. div.plain-text-reader {
  48. background: #f3f3f3;
  49. padding: 10px;
  50. color: black;
  51. text-align: left;
  52. }
  53. }
  54. .markdown_cryptpad() {
  55. word-wrap: break-word;
  56. h1, h2, h3, h4, h5, h6 {
  57. font-weight: bold;
  58. padding-bottom: 0.3em;
  59. border-bottom: 1px solid #eee;
  60. }
  61. li {
  62. min-height: 22px;
  63. }
  64. .todo-list-item {
  65. list-style: none;
  66. position: relative;
  67. .fa {
  68. position: absolute;
  69. margin-left: -17px;
  70. margin-top: 4px;
  71. }
  72. }
  73. media-tag {
  74. cursor: pointer;
  75. * {
  76. max-width: 100%;
  77. }
  78. iframe[src$=".pdf"] {
  79. width: 100%;
  80. height: 80vh;
  81. max-height: 90vh;
  82. }
  83. }
  84. media-tag:empty {
  85. width: 100px;
  86. height: 100px;
  87. display: inline-block;
  88. border: 1px solid #BBB;
  89. }
  90. pre.mermaid {
  91. svg {
  92. max-width: 100%;
  93. cursor: pointer;
  94. .tools_unselectable();
  95. }
  96. }
  97. }
  98. .markdown_preformatted-code (@color: #333) {
  99. pre > code {
  100. display: block;
  101. position: relative;
  102. border: 1px solid @color;
  103. width: 90%;
  104. margin: auto;
  105. padding-left: .25vw;
  106. overflow-x: auto;
  107. overflow-y: hidden;
  108. }
  109. }
  110. .markdown_gfm-table (@color: black) {
  111. table {
  112. border-collapse: collapse;
  113. tr {
  114. th {
  115. border: 1px solid @color;
  116. padding: 15px;
  117. }
  118. td {
  119. border: 1px solid @color;
  120. }
  121. }
  122. }
  123. }