markdown.less 6.1 KB

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