markdown.less 6.0 KB

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