mdnice自用主题美化代码

mdnice主题,mdnice,MDNICE自建主题

效果图

mdnice自用主题美化代码-度崩网-几度崩溃

自己美化的代码如下,留存。

  1. /* 全局属性
  2. * 页边距 padding: 30px;
  3. * 全文字体 font-family: ptima-Regular;
  4. * 英文换行 word-break: break-all;
  5. */
  6. #nice {
  7. line-height: 1.75;
  8. color: #595959;
  9. letter-spacing: 2px;
  10. font-family: Optima-Regular, Optima, PingFangTC-Light, PingFangSC-light, PingFangTC-light;
  11. background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%);
  12. background-size: 20px 20px;
  13. background-position: center center;
  14. }
  15. /* 段落,下方未标注标签参数均同此处
  16. * 上边距 margin-top: 5px;
  17. * 下边距 margin-bottom: 5px;
  18. * 行高 line-height: 26px;
  19. * 对齐 text-align: left;
  20. * 颜色 color: #3e3e3e;
  21. * 字体大小 font-size: 14px;
  22. * 首行缩进 text-indent: 2em;
  23. */
  24. #nice p {
  25. font-size: 15px;
  26. word-spacing: 3px;
  27. letter-spacing: 2px
  28. }
  29. /* 一级标题 */
  30. #nice h1 {
  31. }
  32. /* 一级标题内容 */
  33. #nice h1 .content {
  34. }
  35. /* 一级标题修饰 请参考有实例的主题 */
  36. #nice h1:after {
  37. }
  38. /* 二级标题 */
  39. #nice h2 {
  40. }
  41. /* 二级标题内容 */
  42. #nice h2 .content {
  43. background-color: #F27979;
  44. color: #FFF;
  45. padding: 5px 15px;
  46. border-radius: 6px;
  47. }
  48. /* 二级标题修饰 请参考有实例的主题 */
  49. #nice h2:after {
  50. }
  51. /* 三级标题 */
  52. #nice h3 {
  53. font-size: 16px;
  54. font-weight: bold;
  55. text-align: center;
  56. }
  57. /* 三级标题内容 */
  58. #nice h3 .content {
  59. border-bottom: 2px solid #F27979;
  60. color: #595959;
  61. }
  62. /* 三级标题修饰 请参考有实例的主题 */
  63. #nice h3:after {}
  64. /* 无序列表整体样式
  65. * list-style-type: square|circle|disc;
  66. */
  67. #nice ul {
  68. }
  69. /* 有序列表整体样式
  70. * list-style-type: upper-roman|lower-greek|lower-alpha;
  71. */
  72. #nice ol {
  73. }
  74. /* 列表内容,不要设置li
  75. */
  76. #nice li section {
  77. }
  78. /* 引用
  79. * 左边缘颜色 border-left-color:black;
  80. * 背景色 background:gray;
  81. */
  82. #nice .multiquote-1 {
  83. font-style: normal;
  84. border-left: none;
  85. padding: 15px 10px;
  86. line-height: 1.75;
  87. border-radius: 13px;
  88. color: #353535;
  89. background: #f5f5f5;
  90. }
  91. #nice .multiquote-1:before {
  92. content: "“";
  93. display: block;
  94. font-size: 2em;
  95. color: rgb(248, 57, 41);
  96. font-family: Arial, serif;
  97. line-height: 1em;
  98. font-weight: 700;
  99. }
  100. /* 引用文字 */
  101. #nice .multiquote-1 p {
  102. color: #353535;
  103. font-size: 16px;
  104. margin: 0 10px;
  105. display: block;
  106. }
  107. #nice .multiquote-1:after {
  108. content: "”";
  109. float: right;
  110. display: block;
  111. font-size: 2em;
  112. color: rgb(248, 57, 41);
  113. font-family: Arial, serif;
  114. line-height: 1em;
  115. font-weight: 700;
  116. }
  117. /* 链接
  118. * border-bottom: 1px solid #009688;
  119. */
  120. #nice a {
  121. }
  122. /* 加粗 */
  123. #nice strong {
  124. color: #3594F7;
  125. font-weight: bold;
  126. }
  127. #nice strong::after {
  128. content: '」';
  129. }
  130. /* 斜体 */
  131. #nice em {
  132. font-style: normal;
  133. color: #3594F7;
  134. font-weight:bold;
  135. }
  136. /* 加粗斜体 */
  137. #nice em strong {
  138. color: #3594F7;
  139. }
  140. /* 删除线 */
  141. #nice del {
  142. color: #3594F7;
  143. }
  144. /* 分隔线
  145. * 粗细、样式和颜色
  146. * border-top: 1px solid #3e3e3e;
  147. */
  148. #nice hr {
  149. border-top: 1px dashed #dddddd;
  150. }
  151. /* 图片
  152. * 宽度 width: 80%;
  153. * 居中 margin: 0 auto;
  154. * 居左 margin: 0 0;
  155. */
  156. #nice img {
  157. border-radius: 10px;
  158. border: 1px solid #F27979;
  159. }
  160. /* 图片描述文字 */
  161. #nice figcaption {
  162. }
  163. /* 行内代码 */
  164. #nice p code, #nice li code {
  165. }
  166. /* 非微信代码块
  167. * 代码块不换行 display: -webkit-box !important;
  168. * 代码块换行 display: block;
  169. */
  170. #nice pre code {
  171. }
  172. /*
  173. * 表格内的单元格
  174. * 字体大小 font-size: 16px;
  175. * 边框 border: 1px solid #ccc;
  176. * 内边距 padding: 5px 10px;
  177. */
  178. #nice table tr th,
  179. #nice table tr td {
  180. font-size: 16px;
  181. color: #645647;
  182. }
  183. #nice table tr th {
  184. color: #353535;
  185. background-color: #dbd9d8;
  186. }
  187. #nice .footnotes {
  188. font-size: 16px;
  189. }
  190. /* 脚注文字 */
  191. #nice .footnote-word {
  192. }
  193. /* 脚注上标 */
  194. #nice .footnote-ref {
  195. }
  196. /* "参考资料"四个字
  197. * 内容 content: "参考资料";
  198. */
  199. #nice .footnotes-sep:before {
  200. }
  201. /* 参考资料编号 */
  202. #nice .footnote-num {
  203. }
  204. /* 参考资料文字 */
  205. #nice .footnote-item p {
  206. }
  207. /* 参考资料解释 */
  208. #nice .footnote-item p em {
  209. }
  210. /* 行间公式
  211. * 最大宽度 max-width: 300% !important;
  212. */
  213. #nice .block-equation svg {
  214. }
  215. /* 行内公式
  216. */

新版请参考:

mdnice自用主题美化代码-度崩网-几度崩溃
mdnice自用主题美化代码-度崩网-几度崩溃

mdnice主题CSS代码(二)

精品源码

PHP在线扫雷游戏HTML源码

2022-2-16 22:15:30

精品源码

mdnice主题CSS代码(二)

2022-2-21 17:21:48

本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策。若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
⚠️
本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策
若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索