article.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. .pcd_article h1,
  2. .pcd_article h2,
  3. .pcd_article h3,
  4. .pcd_article h4,
  5. .pcd_article h5,
  6. .pcd_article h6 {
  7. font-weight: 700;
  8. }
  9. /*重置文章容器的计数器*/
  10. .pcd_article {
  11. counter-reset: h1 h2 h3 h4;
  12. }
  13. /*重置文章导航容器的计数器*/
  14. .article_anchor {
  15. counter-reset: h1 h2 h3 h4 !important;
  16. }
  17. /*统一文章导航容器的字体*/
  18. .article_anchor h1,
  19. .article_anchor h2,
  20. .article_anchor h3,
  21. .article_anchor h4,
  22. .article_anchor h5,
  23. .article_anchor h6 {
  24. font-size: 14px !important;
  25. font-weight: 500 !important;
  26. }
  27. .article_anchor div:has(> a > h1) {
  28. counter-reset: h2;
  29. counter-increment: h1;
  30. }
  31. .paper_zh h1::before {
  32. content: counter(h1, trad-chinese-informal) "、";
  33. }
  34. .paper_en h1::before {
  35. content: counter(h1) ".";
  36. }
  37. .article_anchor div:has(> a > h2) {
  38. counter-reset: h3;
  39. counter-increment: h2;
  40. }
  41. .paper_zh h2::before {
  42. content: "(" counter(h2, trad-chinese-informal) ")";
  43. }
  44. .paper_en h2::before {
  45. content: counter(h1) "." counter(h2);
  46. }
  47. .article_anchor div:has(> a > h3) {
  48. counter-increment: h3;
  49. counter-reset: h4;
  50. }
  51. .paper_zh h3::before {
  52. content: counter(h3) ".";
  53. }
  54. .paper_en h3::before {
  55. content: counter(h1) "." counter(h2) "." counter(h3);
  56. }
  57. .article_anchor div:has(> a > h4) {
  58. counter-increment: h4;
  59. /*counter-reset: h5;*/
  60. }
  61. .paper_zh h4::before {
  62. content: "(" counter(h4) ")";
  63. }
  64. .paper_en h4::before {
  65. content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4);
  66. }
  67. .pcd_md_editor h1,
  68. .pcd_article h1 {
  69. margin-top: 1em;
  70. font-size: 27px !important;
  71. border-bottom: 1px solid gray;
  72. counter-increment: h1;
  73. }
  74. .pcd_md_editor h1 + h2,
  75. .pcd_article h1 + h2 {
  76. counter-set: h2 1;
  77. }
  78. .pcd_md_editor h2,
  79. .pcd_article h2 {
  80. margin-top: 1em;
  81. font-size: 24px !important;
  82. border-bottom: 1px solid gray;
  83. counter-reset: h3;
  84. counter-increment: h2;
  85. }
  86. .pcd_md_editor h2 + h3,
  87. .pcd_article h2 + h3 {
  88. counter-set: h3 1;
  89. }
  90. .pcd_md_editor h3,
  91. .pcd_article h3 {
  92. margin-top: 0.5em;
  93. font-size: 22px !important;
  94. counter-increment: h3;
  95. counter-reset: h4;
  96. }
  97. .pcd_md_editor h3 + h4,
  98. .pcd_article h3 + h4 {
  99. counter-set: h4 1;
  100. }
  101. .pcd_md_editor h4,
  102. .pcd_article h4 {
  103. font-size: 20px !important;
  104. counter-increment: h4;
  105. counter-reset: h5;
  106. }
  107. .pcd_article h5 {
  108. font-size: 18px !important;
  109. }
  110. .pcd_article h6 {
  111. font-size: 16px !important;
  112. font-weight: 700;
  113. }
  114. .pcd_article blockquote {
  115. margin-left: 1em;
  116. border-left: 4px solid #dad9d9;
  117. padding-left: 0.5em;
  118. color: gray;
  119. }
  120. .pcd_article img {
  121. max-width: 100%;
  122. }
  123. .pcd_article table {
  124. border-spacing: 0;
  125. border-collapse: collapse;
  126. display: block;
  127. /*width: -webkit-max-content;*/
  128. /*width: max-content;*/
  129. max-width: 100%;
  130. }
  131. .pcd_article td,
  132. .pcd_article th {
  133. padding: 0;
  134. }
  135. .pcd_article table th {
  136. font-weight: 600;
  137. }
  138. .pcd_article table th,
  139. .pcd_article table td {
  140. padding: 6px 13px;
  141. border: 1px solid #d0d7de;
  142. }
  143. .pcd_article table tr {
  144. background-color: #ffffff;
  145. border-top: 1px solid hsl(210, 18%, 87%);
  146. }
  147. .pcd_article table tr:nth-child(2n) {
  148. background-color: #f6f8fa;
  149. }
  150. .pcd_article table img {
  151. background-color: transparent;
  152. }
  153. .pcd_article video {
  154. max-width: 90%;
  155. }
  156. .video-js video {
  157. max-width: 100%;
  158. }