trees.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. /* 在这里引入自定义样式 */
  2. /* 链接和图片效果 */
  3. ._a {
  4. display: inline;
  5. padding: 1.5px 0 1.5px 0;
  6. color: #366092;
  7. word-break: break-all;
  8. }
  9. ._hover {
  10. text-decoration: underline;
  11. opacity: 0.7;
  12. }
  13. ._visited {
  14. color: #551a8b;
  15. }
  16. ._img {
  17. position: relative;
  18. display: inline-block;
  19. max-width: 100%;
  20. }
  21. /* 内部样式 */
  22. :host {
  23. display: inline;
  24. }
  25. ._blockquote,
  26. ._div,
  27. ._p,
  28. ._ul,
  29. ._ol,
  30. ._li {
  31. display: block;
  32. }
  33. ._b,
  34. ._strong {
  35. font-weight: bold;
  36. }
  37. ._code {
  38. font-family: monospace;
  39. }
  40. ._del {
  41. text-decoration: line-through;
  42. }
  43. ._em,
  44. ._i {
  45. font-style: italic;
  46. }
  47. ._h1 {
  48. font-size: 2em;
  49. }
  50. ._h2 {
  51. font-size: 1.5em;
  52. }
  53. ._h3 {
  54. font-size: 1.17em;
  55. }
  56. ._h5 {
  57. font-size: 0.83em;
  58. }
  59. ._h6 {
  60. font-size: 0.67em;
  61. }
  62. ._h1,
  63. ._h2,
  64. ._h3,
  65. ._h4,
  66. ._h5,
  67. ._h6 {
  68. display: block;
  69. font-weight: bold;
  70. }
  71. ._image {
  72. position: absolute;
  73. top: 0;
  74. left: 0;
  75. width: 100%;
  76. height: 100%;
  77. opacity: 0;
  78. }
  79. ._ins {
  80. text-decoration: underline;
  81. }
  82. ._li {
  83. flex: 1;
  84. width: 0;
  85. }
  86. ._ol-bef {
  87. width: 36px;
  88. margin-right: 5px;
  89. text-align: right;
  90. }
  91. ._ul-bef {
  92. margin: 0 12px 0 23px;
  93. line-height: normal;
  94. }
  95. ._ol-bef,
  96. ._ul_bef {
  97. flex: none;
  98. user-select: none;
  99. }
  100. ._ul-p1 {
  101. display: inline-block;
  102. width: 0.3em;
  103. height: 0.3em;
  104. overflow: hidden;
  105. line-height: 0.3em;
  106. }
  107. ._ul-p2 {
  108. display: inline-block;
  109. width: 0.23em;
  110. height: 0.23em;
  111. border: 0.05em solid black;
  112. border-radius: 50%;
  113. }
  114. ._q::before {
  115. content: '"';
  116. }
  117. ._q::after {
  118. content: '"';
  119. }
  120. ._sub {
  121. font-size: smaller;
  122. vertical-align: sub;
  123. }
  124. ._sup {
  125. font-size: smaller;
  126. vertical-align: super;
  127. }
  128. .__bdi,
  129. .__bdo,
  130. .__ruby,
  131. .__rt {
  132. display: inline-block;
  133. }
  134. ._video {
  135. position: relative;
  136. display: inline-block;
  137. width: 300px;
  138. height: 225px;
  139. background-color: black;
  140. }
  141. ._video::after {
  142. position: absolute;
  143. top: 50%;
  144. left: 50%;
  145. margin: -15px 0 0 -15px;
  146. content: '';
  147. border-color: transparent transparent transparent white;
  148. border-style: solid;
  149. border-width: 15px 0 15px 30px;
  150. }
  151. ._img {
  152. vertical-align: top;
  153. }