markdown.less 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326
  1. .markdown {
  2. background-color: white;
  3. font-size: 16px;
  4. line-height: 24px;
  5. .markdown-body {
  6. padding-left: 24px;
  7. padding-right: 16px;
  8. }
  9. h5,
  10. h6 {
  11. font-size: 1em;
  12. }
  13. ul {
  14. padding: 10px 0 0 15px;
  15. li {
  16. list-style: inside;
  17. }
  18. }
  19. ol li {
  20. list-style: decimal inside;
  21. }
  22. li {
  23. line-height: 1.6;
  24. margin-top: 6px;
  25. &:first-child {
  26. margin-top: 0;
  27. }
  28. }
  29. > pre {
  30. font-size: 14px;
  31. line-height: 1.6;
  32. overflow: auto;
  33. border: 1px solid #ddd;
  34. border-radius: .25em;
  35. margin: 5px 0;
  36. padding: 10px;
  37. background-color: #f8f8f8;
  38. }
  39. img {
  40. padding: 10px 0;
  41. max-width: 100%;
  42. }
  43. blockquote {
  44. border-left: 4px solid #ddd;
  45. margin-bottom: 16px;
  46. p {
  47. font-size: 14px;
  48. padding: 5px 15px;
  49. color: #777;
  50. }
  51. }
  52. }
  53. .markdown a {
  54. color: #428BCA;
  55. }
  56. .markdown h1,
  57. .markdown h2,
  58. .markdown h3,
  59. .markdown h4,
  60. .markdown h5,
  61. .markdown h6 {
  62. line-height: 1.7;
  63. padding: 15px 0 0;
  64. margin: 0 0 15px;
  65. color: #444;
  66. font-weight: bold;
  67. }
  68. .markdown h1,
  69. .markdown h2 {
  70. border-bottom: 1px solid #E0E0E0;
  71. }
  72. .markdown h2 {
  73. border-bottom: 1px solid #E0E0E0;
  74. }
  75. .markdown h1 {
  76. color: #000;
  77. font-size: 33px
  78. }
  79. .markdown h2 {
  80. color: #333;
  81. font-size: 28px
  82. }
  83. .markdown h3 {
  84. font-size: 22px
  85. }
  86. .markdown h4 {
  87. font-size: 18px
  88. }
  89. .markdown table {
  90. border-collapse: collapse;
  91. border-spacing: 0;
  92. display: block;
  93. overflow: auto;
  94. width: 100%;
  95. margin: 0 0 9px;
  96. }
  97. .markdown table th {
  98. font-weight: 700
  99. }
  100. .markdown table th,
  101. .markdown table td {
  102. border: 1px solid #DDD;
  103. padding: 6px 13px;
  104. }
  105. .markdown table tr {
  106. background-color: #FFF;
  107. border-top: 1px solid #CCC;
  108. }
  109. .markdown table tr:nth-child(2n) {
  110. background-color: #F8F8F8
  111. }
  112. .markdown dl dt {
  113. font-style: italic;
  114. margin-top: 9px;
  115. }
  116. .markdown dl dd {
  117. margin: 0 0 9px;
  118. padding: 0 9px;
  119. }
  120. .markdown > pre.linenums {
  121. padding: 0;
  122. }
  123. .markdown > pre > ol.linenums {
  124. list-style: none;
  125. padding: 0;
  126. }
  127. .markdown > pre > ol.linenums > li {
  128. margin-top: 2px;
  129. }
  130. .markdown > pre.nums-style > ol.linenums {
  131. list-style-type: decimal;
  132. padding: 0 0 0 40px;
  133. -webkit-box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc;
  134. box-shadow: inset 40px 0 0 #f5f5f5, inset 41px 0 0 #ccc;
  135. }
  136. .markdown > pre > code {
  137. white-space: pre;
  138. word-wrap: normal;
  139. }
  140. .markdown > pre > ol.linenums > li {
  141. padding: 0 10px;
  142. }
  143. .markdown > pre > ol.linenums > li:first-child {
  144. padding-top: 12px;
  145. }
  146. .markdown > pre > ol.linenums > li:last-child {
  147. padding-bottom: 12px;
  148. }
  149. .markdown > pre.nums-style > ol.linenums > li {
  150. border-left: 1px solid #ddd;
  151. }
  152. .markdown hr {
  153. border: none;
  154. color: #ccc;
  155. height: 4px;
  156. padding: 0;
  157. margin: 15px 0;
  158. border-bottom: 2px solid #EEE;
  159. }
  160. .markdown blockquote:last-child,
  161. .markdown ul:last-child,
  162. .markdown ol:last-child,
  163. .markdown > pre:last-child,
  164. .markdown > pre:last-child,
  165. .markdown p:last-child {
  166. margin-bottom: 0;
  167. }
  168. .markdown .btn {
  169. color: #fff;
  170. }
  171. .markdown h1 a,
  172. .markdown h2 a,
  173. .markdown h3 a {
  174. text-decoration: none;
  175. }
  176. .markdown h1 a.anchor,
  177. .markdown h2 a.anchor,
  178. .markdown h3 a.anchor,
  179. .markdown h4 a.anchor,
  180. .markdown h5 a.anchor,
  181. .markdown h6 a.anchor {
  182. text-decoration: none;
  183. line-height: 1;
  184. padding-left: 0;
  185. margin-left: -24px;
  186. top: 15%;
  187. }
  188. .markdown a span.octicon {
  189. font-size: 16px;
  190. line-height: 1;
  191. display: inline-block;
  192. text-decoration: none;
  193. -webkit-font-smoothing: antialiased;
  194. margin-left: 30px;
  195. }
  196. .markdown a span.octicon-link {
  197. opacity: 0;
  198. color: #444;
  199. }
  200. .markdown h1:hover .octicon-link,
  201. .markdown h2:hover .octicon-link,
  202. .markdown h3:hover .octicon-link,
  203. .markdown h4:hover .octicon-link,
  204. .markdown h5:hover .octicon-link,
  205. .markdown h6:hover .octicon-link {
  206. display: inline-block;
  207. opacity: 1;
  208. }
  209. /* Author: jmblog */
  210. /* Project: https://github.com/jmblog/color-themes-for-google-code-prettify */
  211. /* GitHub Theme */
  212. /* Pretty printing styles. Used with prettify.js. */
  213. /* SPAN elements with the classes below are added by prettyprint. */
  214. /* plain text */
  215. .pln {
  216. color: #333333;
  217. }
  218. @media screen {
  219. /* string content */
  220. .str {
  221. color: #dd1144;
  222. }
  223. /* a keyword */
  224. .kwd {
  225. color: #333333;
  226. }
  227. /* a comment */
  228. .com {
  229. color: #999988;
  230. font-style: italic;
  231. }
  232. /* a type name */
  233. .typ {
  234. color: #445588;
  235. }
  236. /* a literal value */
  237. .lit {
  238. color: #445588;
  239. }
  240. /* punctuation */
  241. .pun {
  242. color: #333333;
  243. }
  244. /* lisp open bracket */
  245. .opn {
  246. color: #333333;
  247. }
  248. /* lisp close bracket */
  249. .clo {
  250. color: #333333;
  251. }
  252. /* a markup tag name */
  253. .tag {
  254. color: navy;
  255. }
  256. /* a markup attribute name */
  257. .atn {
  258. color: teal;
  259. }
  260. /* a markup attribute value */
  261. .atv {
  262. color: #dd1144;
  263. }
  264. /* a declaration */
  265. .dec {
  266. color: #333333;
  267. }
  268. /* a variable name */
  269. .var {
  270. color: teal;
  271. }
  272. /* a function name */
  273. .fun {
  274. color: #990000;
  275. }
  276. }
  277. /* Use higher contrast and text-weight for printable form. */
  278. @media print,
  279. projection {
  280. .str {
  281. color: #006600;
  282. }
  283. .kwd {
  284. color: #006;
  285. font-weight: bold;
  286. }
  287. .com {
  288. color: #600;
  289. font-style: italic;
  290. }
  291. .typ {
  292. color: #404;
  293. font-weight: bold;
  294. }
  295. .lit {
  296. color: #004444;
  297. }
  298. .pun,
  299. .opn,
  300. .clo {
  301. color: #444400;
  302. }
  303. .tag {
  304. color: #006;
  305. font-weight: bold;
  306. }
  307. .atn {
  308. color: #440044;
  309. }
  310. .atv {
  311. color: #006600;
  312. }
  313. }
  314. /* Specify class=linenums on a pre to get line numbering */
  315. ol.linenums {
  316. margin-top: 0;
  317. margin-bottom: 0;
  318. }