mdnice主题CSS代码(二)

mdnice主题,mdnice,MDNICE自建主题

MDNICE自建主题,修改了字体为霞鹜文楷,调整了 # 一级标题 ### 三级标题

效果图

mdnice主题CSS代码(二)-度崩网-几度崩溃

CSS代码

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

老版本请参考:

mdnice主题CSS代码(二)-度崩网-几度崩溃
mdnice主题CSS代码(二)-度崩网-几度崩溃

mdnice自用主题美化代码

如有问题,请在评论区留言!

精品源码

mdnice自用主题美化代码

2022-2-21 17:20:44

精品源码

电脑模拟车牌生成器免安装网页在线版[精品源码]

2022-2-25 10:10:18

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