1. /*
  2. |--------------------------------------------------------------------------
  3. | Mweb 可用的 基于 Laravel-china 的样式
  4. |--------------------------------------------------------------------------
  5. |
  6. | Author : Mark (zhaody901@126.com)
  7. |
  8. */
  9. .markdown-body {
  10.     font-family: NotoSansHans-Regular, AvenirNext-Regular, arial,
  11.         Hiragino Sans GB, "Microsoft Yahei", "Hiragino Sans GB",
  12.         "WenQuanYi Micro Hei", sans-serif;
  13.     font-size: 15px;
  14.     -ms-text-size-adjust: 100%;
  15.     -webkit-text-size-adjust: 100%;
  16.     color: #555;
  17.     overflow: hidden;
  18.     line-height: 1.6;
  19.     word-wrap: break-word;
  20.     padding: 0.8em 1.2em;
  21. }
  22. .markdown-body a {
  23.     background: transparent;
  24.     color: #05a1a2;
  25.     text-decoration: none;
  26. }
  27. .markdown-body a:active,
  28. .markdown-body a:hover {
  29.     outline: 0;
  30.     color: #22ddde;
  31. }
  32. .markdown-body ol li {
  33.     margin: 8px 0;
  34. }
  35. .markdown-body pre[class*="language-"] {
  36.     margin: 1.2em 0 !important;
  37. }
  38. .markdown-body strong {
  39.     font-weight: 700;
  40. }
  41. .markdown-body h1 {
  42.     margin: 0.67em 0;
  43.     font-size: 30px;
  44.     padding-bottom: 0.3em;
  45.     line-height: 1.2;
  46.     border-bottom: 2px solid #eee;
  47. }
  48. .markdown-body img {
  49.     border: 0;
  50.     max-width: 100%;
  51.     -moz-box-sizing: border-box;
  52.     box-sizing: border-box;
  53. }
  54. .markdown-body hr {
  55.     -moz-box-sizing: content-box;
  56.     box-sizing: content-box;
  57.     margin: 15px 0;
  58.     overflow: hidden;
  59.     border: 0;
  60.     border-bottom: 1px solid #ddd;
  61.     height: 4px;
  62.     padding: 0;
  63.     background-color: #e7e7e7;
  64. }
  65. .markdown-body table {
  66.     border-collapse: collapse;
  67.     border-spacing: 0;
  68.     display: block;
  69.     width: 100%;
  70.     overflow: auto;
  71.     margin: 25px 0;
  72. }
  73. .markdown-body td,
  74. .markdown-body th {
  75.     padding: 0;
  76. }
  77. .markdown-body * {
  78.     -moz-box-sizing: border-box;
  79.     box-sizing: border-box;
  80. }
  81. .markdown-body a:hover,
  82. .markdown-body a:focus,
  83. .markdown-body a:active {
  84.     text-decoration: none;
  85. }
  86. .markdown-body hr:before,
  87. .markdown-body hr:after {
  88.     display: table;
  89.     content: " ";
  90. }
  91. .markdown-body hr:after {
  92.     clear: both;
  93. }
  94. .markdown-body h1,
  95. .markdown-body h2,
  96. .markdown-body h3,
  97. .markdown-body h4,
  98. .markdown-body h5,
  99. .markdown-body h6 {
  100.     position: relative;
  101.     margin-top: 1em;
  102.     margin-bottom: 1em;
  103.     font-weight: 700;
  104.     line-height: 1.4;
  105. }
  106. .markdown-body h2 {
  107.     padding-bottom: 0.3em;
  108.     font-size: 21px;
  109.     line-height: 1.225;
  110.     border-bottom: 2px solid #eee;
  111. }
  112. .markdown-body h3 {
  113.     font-size: 16px;
  114.     line-height: 1.43;
  115. }
  116. .markdown-body h4 {
  117.     font-size: 14px;
  118. }
  119. .markdown-body h5 {
  120.     font-size: 12px;
  121. }
  122. .markdown-body h6 {
  123.     font-size: 11px;
  124.     color: #777;
  125. }
  126. .markdown-body blockquote {
  127.     font-family: monaco, Consolas, monospace;
  128.     font-size: inherit;
  129.     color: #777;
  130.     border-left: 4px solid #ddd;
  131.     margin: 15px 0 !important;
  132.     background-color: #f7f7f7;
  133.     padding: 6px 8px 6px 12px;
  134. }
  135. .markdown-body ul,
  136. .markdown-body ol {
  137.     margin-top: 0;
  138.     margin-bottom: 0;
  139.     padding-left: 2em;
  140. }
  141. .markdown-body ol ol {
  142.     list-style-type: lower-roman;
  143. }
  144. .markdown-body dd {
  145.     margin-left: 0;
  146. }
  147. .markdown-body code,
  148. .markdown-body pre {
  149.     font-family: monaco, Consolas, "Liberation Mono", Menlo, Courier, monospace;
  150.     font-size: 13px;
  151.     margin-top: 0;
  152.     margin-bottom: 0;
  153.     overflow: auto;
  154.     background: rgba(249, 248, 247, 0.53);
  155.     border: 1px solid #efefef;
  156.     border-radius: 0;
  157. }
  158. .markdown-body .markdown-body > :first-child {
  159.     margin-top: 0 !important;
  160. }
  161. .markdown-body .markdown-body > :last-child {
  162.     margin-bottom: 0 !important;
  163. }
  164. .markdown-body .anchor {
  165.     position: absolute;
  166.     top: 0;
  167.     bottom: 0;
  168.     left: 0;
  169.     display: block;
  170.     padding-right: 6px;
  171.     padding-left: 30px;
  172.     margin-left: -30px;
  173. }
  174. .markdown-body .anchor:focus {
  175.     outline: none;
  176. }
  177. .markdown-body p,
  178. .markdown-body blockquote,
  179. .markdown-body ul,
  180. .markdown-body ol,
  181. .markdown-body dl,
  182. .markdown-body table,
  183. .markdown-body pre {
  184.     margin-top: 0;
  185.     margin-bottom: 12px;
  186. }
  187. .markdown-body ol ol,
  188. .markdown-body ol ul {
  189.     margin-top: 0;
  190.     margin-bottom: 0;
  191. }
  192. .markdown-body li > p {
  193.     margin-top: 16px;
  194. }
  195. .markdown-body dl {
  196.     padding: 0;
  197. }
  198. .markdown-body dl dt {
  199.     padding: 0;
  200.     margin-top: 16px;
  201.     font-size: 1em;
  202.     font-style: italic;
  203.     font-weight: 700;
  204. }
  205. .markdown-body dl dd {
  206.     padding: 0 16px;
  207.     margin-bottom: 16px;
  208. }
  209. .markdown-body blockquote > :first-child {
  210.     margin-top: 12px;
  211. }
  212. .markdown-body blockquote > :last-child {
  213.     margin-bottom: 12px;
  214. }
  215. .markdown-body table th {
  216.     font-weight: 700;
  217. }
  218. .markdown-body table th,
  219. .markdown-body table td {
  220.     padding: 6px 13px;
  221.     border: 1px solid #ddd;
  222. }
  223. .markdown-body table tr {
  224.     background-color: #fff;
  225.     border-top: 1px solid #ccc;
  226. }
  227. .markdown-body table tr:nth-child(2n) {
  228.     background-color: #f8f8f8;
  229. }
  230. .markdown-body img:not(.emoji) {
  231.     border: 1px solid #ddd;
  232.     box-shadow: 0 0 30px #ccc;
  233.     -moz-box-shadow: 0 0 30px #ccc;
  234.     -webkit-box-shadow: 0 0 30px #ccc;
  235.     margin-bottom: 30px;
  236.     margin-top: 10px;
  237. }
  238. .markdown-body code {
  239.     margin: 5px;
  240.     color: #858080;
  241.     border-radius: 4px;
  242.     background-color: #f9fafa;
  243.     border: 1px solid #e4e4e4;
  244.     max-width: 740px;
  245.     overflow-x: auto;
  246.     font-size: 0.9em;
  247.     padding: 1px 2px;
  248. }
  249. .markdown-body code:before,
  250. .markdown-body code:after {
  251.     letter-spacing: -0.2em;
  252.     content: "\00a0";
  253. }
  254. .markdown-body pre > code {
  255.     padding: 0;
  256.     margin: 0;
  257.     font-size: 13px;
  258.     white-space: pre;
  259.     background: transparent;
  260.     border: 0;
  261.     color: #e6e8d3;
  262. }
  263. .markdown-body p > code {
  264.     margin-left: 0;
  265. }
  266. .markdown-body .highlight {
  267.     margin-bottom: 16px;
  268.     background: #fff;
  269. }
  270. .markdown-body .highlight pre,
  271. .markdown-body pre {
  272.     padding: 0.5em;
  273.     font-size: 1.15em;
  274.     color: #2d2d2d;
  275.     background: none;
  276.     font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  277.     text-align: left;
  278.     white-space: pre;
  279.     word-spacing: normal;
  280.     word-break: normal;
  281.     word-wrap: normal;
  282.     line-height: 1.15;
  283.     -moz-tab-size: 4;
  284.     tab-size: 4;
  285.     -webkit-hyphens: none;
  286.     -ms-hyphens: none;
  287.     hyphens: none;
  288.     margin: 0.6em 0 !important;
  289.     overflow: auto;
  290.     background: rgba(249, 248, 247, 0.53);
  291.     border: 1px solid #efefef;
  292.     border-radius: 0;
  293. }
  294. .markdown-body .highlight pre {
  295.     margin-bottom: 0;
  296. }
  297. .markdown-body pre {
  298.     word-wrap: normal;
  299. }
  300. .markdown-body pre code {
  301.     color: #2d2d2d;
  302.     display: inline;
  303.     max-width: initial;
  304.     padding: 0;
  305.     margin: 0;
  306.     overflow: initial;
  307.     line-height: 1.5;
  308.     word-wrap: normal;
  309.     background-color: transparent;
  310.     border: 0;
  311. }
  312. .markdown-body pre code:before,
  313. .markdown-body pre code:after {
  314.     content: normal;
  315. }
  316. .markdown-body > h2:first-child {
  317.     margin-top: 0.4em;
  318. }
  319. .markdown-body blockquote {
  320.     margin: 15px 0;
  321. }
  322. /*
  324. Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
  326. */
  328. .markdown-body .hljs {
  329.     display: block;
  330.     overflow-x: auto;
  331.     padding: 4px;
  332.     color: #657b83;
  333.     -webkit-text-size-adjust: none;
  334. }
  335. .markdown-body .hljs-comment,
  336. .markdown-body .diff .hljs-header,
  337. .markdown-body .hljs-doctype,
  338. .markdown-body .hljs-pi,
  339. .markdown-body .lisp .hljs-string {
  340.     color: #93a1a1;
  341. }
  342. /* Solarized Green */
  343. .markdown-body .hljs-keyword,
  344. .markdown-body .hljs-winutils,
  345. .markdown-body .method,
  346. .markdown-body .hljs-addition,
  347. .markdown-body .css .hljs-tag,
  348. .markdown-body .hljs-request,
  349. .markdown-body .hljs-status,
  350. .markdown-body .nginx .hljs-title {
  351.     color: #859900;
  352. }
  353. /* Solarized Cyan */
  354. .markdown-body .hljs-number,
  355. .markdown-body .hljs-command,
  356. .markdown-body .hljs-string,
  357. .markdown-body .hljs-tag .hljs-value,
  358. .markdown-body .hljs-rule .hljs-value,
  359. .markdown-body .hljs-doctag,
  360. .markdown-body .tex .hljs-formula,
  361. .markdown-body .hljs-regexp,
  362. .markdown-body .hljs-hexcolor,
  363. .markdown-body .hljs-link_url {
  364.     color: #2aa198;
  365. }
  366. /* Solarized Blue */
  367. .markdown-body .hljs-title,
  368. .markdown-body .hljs-localvars,
  369. .markdown-body .hljs-chunk,
  370. .markdown-body .hljs-decorator,
  371. .markdown-body .hljs-built_in,
  372. .markdown-body .hljs-identifier,
  373. .markdown-body .vhdl .hljs-literal,
  374. .markdown-body .hljs-id,
  375. .markdown-body .css .hljs-function,
  376. .markdown-body .hljs-name {
  377.     color: #268bd2;
  378. }
  379. /* Solarized Yellow */
  380. .markdown-body .hljs-attribute,
  381. .markdown-body .hljs-variable,
  382. .markdown-body .lisp .hljs-body,
  383. .markdown-body .smalltalk .hljs-number,
  384. .markdown-body .hljs-constant,
  385. .markdown-body .hljs-class .hljs-title,
  386. .markdown-body .hljs-parent,
  387. .markdown-body .hljs-type,
  388. .markdown-body .hljs-link_reference {
  389.     color: #b58900;
  390. }
  391. /* Solarized Orange */
  392. .markdown-body .hljs-preprocessor,
  393. .markdown-body .hljs-preprocessor .hljs-keyword,
  394. .markdown-body .hljs-pragma,
  395. .markdown-body .hljs-shebang,
  396. .markdown-body .hljs-symbol,
  397. .markdown-body .hljs-symbol .hljs-string,
  398. .markdown-body .diff .hljs-change,
  399. .markdown-body .hljs-special,
  400. .markdown-body .hljs-attr_selector,
  401. .markdown-body .hljs-subst,
  402. .markdown-body .hljs-cdata,
  403. .markdown-body .css .hljs-pseudo,
  404. .markdown-body .hljs-header {
  405.     color: #cb4b16;
  406. }
  407. /* Solarized Red */
  408. .markdown-body .hljs-deletion,
  409. .markdown-body .hljs-important {
  410.     color: #dc322f;
  411. }
  412. /* Solarized Violet */
  413. .markdown-body .hljs-link_label {
  414.     color: #6c71c4;
  415. }
  416. .markdown-body .hljs-formula {
  417.     background: #eee8d5;
  418. }

修改日志

  • 2020-04-01 : 加入 Mono 的默认字体
  • 2017-09-21 (减少 p > code 代码缩进)