You are here

readmehelp.page.css in README Help 8

/*!
 * Primer-product
 * http://primercss.io
 *
 * Released under MIT license. Copyright 2015 GitHub, Inc.
 */

.readmehelp-error {
  color: red;
}
.readmehelp-100-width {
  max-width: 100px;
}
.readmehelp-200-width {
  max-width: 200px;
}
.readmehelp-300-width {
  max-width: 300px;
}
.readmehelp-400-width {
  max-width: 400px;
}
.readmehelp-500-width {
  max-width: 500px;
}
.readmenelp-heading {
  display: block;
  padding: 9px 10px 10px;
  margin: 0;
  font-size: 14px;
  line-height: 17px;
  background-color: #f6f8fa;
  border: 1px solid rgba(27,31,35,0.15);
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
}
.markdown-body .markdown-image,
.markdown-body .highlighted-snippet {
  box-shadow: 1px 2px 5px 3px grey;
}
.markdown-body .highlighted-snippet {
  display: table-row;
}
.markdown-body {
  padding: 45px;
  word-wrap: break-word;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.markdown-body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}
.markdown-body::before {
  display: table;
  content: "";
}
.markdown-body::after {
  display: table;
  clear: both;
  content: "";
}
.markdown-body>*:first-child {
  margin-top: 0;
}
.markdown-body>*:last-child {
  margin-bottom: 0;
}
.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}
.markdown-body .absent {
  color: #cb2431;
}
.markdown-body .anchor {
  float: left;
  padding-right: 4px;
  /* margin-left:-20px; */
  line-height: 1;
}
.markdown-body p,
.markdown-body blockquote,
.markdown-body cite,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre {
  margin-top: 0;
  margin-bottom: 16px;
}
.markdown-body hr {
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0;
}
.hr-underscore {
  height: 0.25em;
}
.hr-asterisk {
  height: 0.5em;
}
.hr-dash {
  height: 0.75em;
}
.markdown-body blockquote,
.markdown-body cite {
  padding: 0 1em;
  color: #6a737d;
  border-left: 0.25em solid #dfe2e5;
}
.markdown-body blockquote>:first-child,
.markdown-body cite>:first-child {
  margin-top: 0;
}
.markdown-body blockquote>:last-child,
.markdown-body cite>:last-child {
  margin-bottom: 0;
}
.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: solid 1px #c6cbd1;
  border-bottom-color: #959da5;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #959da5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #eaecef;
}
.h-1 {
  font-size: 2em;
}
.h-2 {
  font-size: 1.5em;
}
.h-3 {
  font-size: 1.25em;
}
.h-4 {
  font-size: 1em;
}
.h-5 {
  font-size: 0.875em;
}
.h-6 {
  font-size: 0.85em;
  color: #6a737d;
}
h1 .octicon-link,
h2 .octicon-link,
h3 .octicon-link,
h4 .octicon-link,
h5 .octicon-link,
h6 .octicon-link {
  color: #1b1f23;
  vertical-align: middle;
  visibility: hidden;
}
h1:hover .anchor,
h2:hover .anchor,
h3:hover .anchor,
h4:hover .anchor,
h5:hover .anchor,
h6:hover .anchor {
  text-decoration: none;
}
h1:hover .anchor .octicon-link,
h2:hover .anchor .octicon-link,
h3:hover .anchor .octicon-link,
h4:hover .anchor .octicon-link,
h5:hover .anchor .octicon-link,
h6:hover .anchor .octicon-link {
  visibility: visible;
}
h1 tt,
h1 code,
h2 tt,
h2 code,
h3 tt,
h3 code,
h4 tt,
h4 code,
h5 tt,
h5 code,
h6 tt,
h6 code {
  font-size: inherit;
}
.markdown-body ul,
.markdown-body ol {
  padding-left: 2em;
}
.markdown-body ul.no-list,
.markdown-body ol.no-list {
  padding: 0;
  list-style-type: none;
}
.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.markdown-body li>p {
  margin-top: 16px;
}
.markdown-body li+li {
  margin-top: 0.25em;
}
.markdown-body dl {
  padding: 0;
}
.markdown-body dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}
.markdown-body dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}
.markdown-body table {
  display: block;
  width: 100%;
  overflow: auto;
}
.markdown-body table th {
  font-weight: 600;
}
.markdown-body table th,
.markdown-body table td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}
.markdown-body table tr {
  background-color: #fff;
  border-top: 1px solid #c6cbd1;
}
.markdown-body table tr:nth-child(2n) {
  background-color: #f6f8fa;
}
.markdown-body table img {
  background-color: transparent;
}
.markdown-body img {
  max-width: 100%;
  box-sizing: content-box;
  background-color: #fff;
}
.markdown-body img[align=right] {
  padding-left: 20px;
}
.markdown-body img[align=left] {
  padding-right: 20px;
}
.markdown-body .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}
.markdown-body span.frame {
  display: block;
  overflow: hidden;
}
.markdown-body span.frame>span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid #dfe2e5;
}
.markdown-body span.frame span img {
  display: block;
  float: left;
}
.markdown-body span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: #24292e;
}
.markdown-body span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown-body span.align-center>span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}
.markdown-body span.align-center span img {
  margin: 0 auto;
  text-align: center;
}
.markdown-body span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown-body span.align-right>span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}
.markdown-body span.align-right span img {
  margin: 0;
  text-align: right;
}
.markdown-body span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}
.markdown-body span.float-left span {
  margin: 13px 0 0;
}
.markdown-body span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}
.markdown-body span.float-right>span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}
.markdown-body code,
.markdown-body tt {
  padding: 0;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin: 0;
  font-size: 85%;
  background-color: rgba(27,31,35,0.05);
  border-radius: 3px;
}
.markdown-body code::before,
.markdown-body code::after,
.markdown-body tt::before,
.markdown-body tt::after {
  letter-spacing: -0.2em;
  content: "\00a0";
}
.markdown-body code br,
.markdown-body tt br {
  display: none;
}
.markdown-body del code {
  text-decoration: inherit;
}
.markdown-body pre {
  word-wrap: normal;
}
.markdown-body pre>code {
  padding: 0;
  margin: 0;
  font-size: 100%;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}
.markdown-body .highlight {
  margin-bottom: 16px;
}
.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}
.markdown-body .highlight pre,
.markdown-body pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f6f8fa;
  border-radius: 3px;
}
.markdown-body pre code,
.markdown-body pre tt {
  display: inline;
  max-width: 100%;
  padding: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}
.markdown-body pre code::before,
.markdown-body pre code::after,
.markdown-body pre tt::before,
.markdown-body pre tt::after {
  content: normal;
}
.markdown-body .csv-data td,
.markdown-body .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}
.markdown-body .csv-data .blob-num {
  padding: 10px 8px 9px;
  text-align: right;
  background: #fff;
  border: 0;
}
.markdown-body .csv-data tr {
  border-top: 0;
}
.markdown-body .csv-data th {
  font-weight: 600;
  background: #f6f8fa;
  border-top: 0;
}

File

css/readmehelp.page.css
View source
  1. /*!
  2. * Primer-product
  3. * http://primercss.io
  4. *
  5. * Released under MIT license. Copyright 2015 GitHub, Inc.
  6. */
  7. .readmehelp-error {
  8. color: red;
  9. }
  10. .readmehelp-100-width {
  11. max-width: 100px;
  12. }
  13. .readmehelp-200-width {
  14. max-width: 200px;
  15. }
  16. .readmehelp-300-width {
  17. max-width: 300px;
  18. }
  19. .readmehelp-400-width {
  20. max-width: 400px;
  21. }
  22. .readmehelp-500-width {
  23. max-width: 500px;
  24. }
  25. .readmenelp-heading {
  26. display: block;
  27. padding: 9px 10px 10px;
  28. margin: 0;
  29. font-size: 14px;
  30. line-height: 17px;
  31. background-color: #f6f8fa;
  32. border: 1px solid rgba(27,31,35,0.15);
  33. border-bottom: 0;
  34. border-radius: 3px 3px 0 0;
  35. }
  36. .markdown-body .markdown-image,
  37. .markdown-body .highlighted-snippet {
  38. box-shadow: 1px 2px 5px 3px grey;
  39. }
  40. .markdown-body .highlighted-snippet {
  41. display: table-row;
  42. }
  43. .markdown-body {
  44. padding: 45px;
  45. word-wrap: break-word;
  46. background-color: #fff;
  47. border: 1px solid #ddd;
  48. border-bottom-right-radius: 3px;
  49. border-bottom-left-radius: 3px;
  50. }
  51. .markdown-body {
  52. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  53. font-size: 16px;
  54. line-height: 1.5;
  55. word-wrap: break-word;
  56. }
  57. .markdown-body::before {
  58. display: table;
  59. content: "";
  60. }
  61. .markdown-body::after {
  62. display: table;
  63. clear: both;
  64. content: "";
  65. }
  66. .markdown-body>*:first-child {
  67. margin-top: 0;
  68. }
  69. .markdown-body>*:last-child {
  70. margin-bottom: 0;
  71. }
  72. .markdown-body a:not([href]) {
  73. color: inherit;
  74. text-decoration: none;
  75. }
  76. .markdown-body .absent {
  77. color: #cb2431;
  78. }
  79. .markdown-body .anchor {
  80. float: left;
  81. padding-right: 4px;
  82. /* margin-left:-20px; */
  83. line-height: 1;
  84. }
  85. .markdown-body p,
  86. .markdown-body blockquote,
  87. .markdown-body cite,
  88. .markdown-body ul,
  89. .markdown-body ol,
  90. .markdown-body dl,
  91. .markdown-body table,
  92. .markdown-body pre {
  93. margin-top: 0;
  94. margin-bottom: 16px;
  95. }
  96. .markdown-body hr {
  97. padding: 0;
  98. margin: 24px 0;
  99. background-color: #e1e4e8;
  100. border: 0;
  101. }
  102. .hr-underscore {
  103. height: 0.25em;
  104. }
  105. .hr-asterisk {
  106. height: 0.5em;
  107. }
  108. .hr-dash {
  109. height: 0.75em;
  110. }
  111. .markdown-body blockquote,
  112. .markdown-body cite {
  113. padding: 0 1em;
  114. color: #6a737d;
  115. border-left: 0.25em solid #dfe2e5;
  116. }
  117. .markdown-body blockquote>:first-child,
  118. .markdown-body cite>:first-child {
  119. margin-top: 0;
  120. }
  121. .markdown-body blockquote>:last-child,
  122. .markdown-body cite>:last-child {
  123. margin-bottom: 0;
  124. }
  125. .markdown-body kbd {
  126. display: inline-block;
  127. padding: 3px 5px;
  128. font-size: 11px;
  129. line-height: 10px;
  130. color: #444d56;
  131. vertical-align: middle;
  132. background-color: #fafbfc;
  133. border: solid 1px #c6cbd1;
  134. border-bottom-color: #959da5;
  135. border-radius: 3px;
  136. box-shadow: inset 0 -1px 0 #959da5;
  137. }
  138. h1,
  139. h2,
  140. h3,
  141. h4,
  142. h5,
  143. h6 {
  144. margin-top: 24px;
  145. margin-bottom: 16px;
  146. font-weight: 600;
  147. line-height: 1.25;
  148. padding-bottom: 0.3em;
  149. border-bottom: 1px solid #eaecef;
  150. }
  151. .h-1 {
  152. font-size: 2em;
  153. }
  154. .h-2 {
  155. font-size: 1.5em;
  156. }
  157. .h-3 {
  158. font-size: 1.25em;
  159. }
  160. .h-4 {
  161. font-size: 1em;
  162. }
  163. .h-5 {
  164. font-size: 0.875em;
  165. }
  166. .h-6 {
  167. font-size: 0.85em;
  168. color: #6a737d;
  169. }
  170. h1 .octicon-link,
  171. h2 .octicon-link,
  172. h3 .octicon-link,
  173. h4 .octicon-link,
  174. h5 .octicon-link,
  175. h6 .octicon-link {
  176. color: #1b1f23;
  177. vertical-align: middle;
  178. visibility: hidden;
  179. }
  180. h1:hover .anchor,
  181. h2:hover .anchor,
  182. h3:hover .anchor,
  183. h4:hover .anchor,
  184. h5:hover .anchor,
  185. h6:hover .anchor {
  186. text-decoration: none;
  187. }
  188. h1:hover .anchor .octicon-link,
  189. h2:hover .anchor .octicon-link,
  190. h3:hover .anchor .octicon-link,
  191. h4:hover .anchor .octicon-link,
  192. h5:hover .anchor .octicon-link,
  193. h6:hover .anchor .octicon-link {
  194. visibility: visible;
  195. }
  196. h1 tt,
  197. h1 code,
  198. h2 tt,
  199. h2 code,
  200. h3 tt,
  201. h3 code,
  202. h4 tt,
  203. h4 code,
  204. h5 tt,
  205. h5 code,
  206. h6 tt,
  207. h6 code {
  208. font-size: inherit;
  209. }
  210. .markdown-body ul,
  211. .markdown-body ol {
  212. padding-left: 2em;
  213. }
  214. .markdown-body ul.no-list,
  215. .markdown-body ol.no-list {
  216. padding: 0;
  217. list-style-type: none;
  218. }
  219. .markdown-body ul ul,
  220. .markdown-body ul ol,
  221. .markdown-body ol ol,
  222. .markdown-body ol ul {
  223. margin-top: 0;
  224. margin-bottom: 0;
  225. }
  226. .markdown-body li>p {
  227. margin-top: 16px;
  228. }
  229. .markdown-body li+li {
  230. margin-top: 0.25em;
  231. }
  232. .markdown-body dl {
  233. padding: 0;
  234. }
  235. .markdown-body dl dt {
  236. padding: 0;
  237. margin-top: 16px;
  238. font-size: 1em;
  239. font-style: italic;
  240. font-weight: 600;
  241. }
  242. .markdown-body dl dd {
  243. padding: 0 16px;
  244. margin-bottom: 16px;
  245. }
  246. .markdown-body table {
  247. display: block;
  248. width: 100%;
  249. overflow: auto;
  250. }
  251. .markdown-body table th {
  252. font-weight: 600;
  253. }
  254. .markdown-body table th,
  255. .markdown-body table td {
  256. padding: 6px 13px;
  257. border: 1px solid #dfe2e5;
  258. }
  259. .markdown-body table tr {
  260. background-color: #fff;
  261. border-top: 1px solid #c6cbd1;
  262. }
  263. .markdown-body table tr:nth-child(2n) {
  264. background-color: #f6f8fa;
  265. }
  266. .markdown-body table img {
  267. background-color: transparent;
  268. }
  269. .markdown-body img {
  270. max-width: 100%;
  271. box-sizing: content-box;
  272. background-color: #fff;
  273. }
  274. .markdown-body img[align=right] {
  275. padding-left: 20px;
  276. }
  277. .markdown-body img[align=left] {
  278. padding-right: 20px;
  279. }
  280. .markdown-body .emoji {
  281. max-width: none;
  282. vertical-align: text-top;
  283. background-color: transparent;
  284. }
  285. .markdown-body span.frame {
  286. display: block;
  287. overflow: hidden;
  288. }
  289. .markdown-body span.frame>span {
  290. display: block;
  291. float: left;
  292. width: auto;
  293. padding: 7px;
  294. margin: 13px 0 0;
  295. overflow: hidden;
  296. border: 1px solid #dfe2e5;
  297. }
  298. .markdown-body span.frame span img {
  299. display: block;
  300. float: left;
  301. }
  302. .markdown-body span.frame span span {
  303. display: block;
  304. padding: 5px 0 0;
  305. clear: both;
  306. color: #24292e;
  307. }
  308. .markdown-body span.align-center {
  309. display: block;
  310. overflow: hidden;
  311. clear: both;
  312. }
  313. .markdown-body span.align-center>span {
  314. display: block;
  315. margin: 13px auto 0;
  316. overflow: hidden;
  317. text-align: center;
  318. }
  319. .markdown-body span.align-center span img {
  320. margin: 0 auto;
  321. text-align: center;
  322. }
  323. .markdown-body span.align-right {
  324. display: block;
  325. overflow: hidden;
  326. clear: both;
  327. }
  328. .markdown-body span.align-right>span {
  329. display: block;
  330. margin: 13px 0 0;
  331. overflow: hidden;
  332. text-align: right;
  333. }
  334. .markdown-body span.align-right span img {
  335. margin: 0;
  336. text-align: right;
  337. }
  338. .markdown-body span.float-left {
  339. display: block;
  340. float: left;
  341. margin-right: 13px;
  342. overflow: hidden;
  343. }
  344. .markdown-body span.float-left span {
  345. margin: 13px 0 0;
  346. }
  347. .markdown-body span.float-right {
  348. display: block;
  349. float: right;
  350. margin-left: 13px;
  351. overflow: hidden;
  352. }
  353. .markdown-body span.float-right>span {
  354. display: block;
  355. margin: 13px auto 0;
  356. overflow: hidden;
  357. text-align: right;
  358. }
  359. .markdown-body code,
  360. .markdown-body tt {
  361. padding: 0;
  362. padding-top: 0.2em;
  363. padding-bottom: 0.2em;
  364. margin: 0;
  365. font-size: 85%;
  366. background-color: rgba(27,31,35,0.05);
  367. border-radius: 3px;
  368. }
  369. .markdown-body code::before,
  370. .markdown-body code::after,
  371. .markdown-body tt::before,
  372. .markdown-body tt::after {
  373. letter-spacing: -0.2em;
  374. content: "\00a0";
  375. }
  376. .markdown-body code br,
  377. .markdown-body tt br {
  378. display: none;
  379. }
  380. .markdown-body del code {
  381. text-decoration: inherit;
  382. }
  383. .markdown-body pre {
  384. word-wrap: normal;
  385. }
  386. .markdown-body pre>code {
  387. padding: 0;
  388. margin: 0;
  389. font-size: 100%;
  390. word-break: normal;
  391. white-space: pre;
  392. background: transparent;
  393. border: 0;
  394. }
  395. .markdown-body .highlight {
  396. margin-bottom: 16px;
  397. }
  398. .markdown-body .highlight pre {
  399. margin-bottom: 0;
  400. word-break: normal;
  401. }
  402. .markdown-body .highlight pre,
  403. .markdown-body pre {
  404. padding: 16px;
  405. overflow: auto;
  406. font-size: 85%;
  407. line-height: 1.45;
  408. background-color: #f6f8fa;
  409. border-radius: 3px;
  410. }
  411. .markdown-body pre code,
  412. .markdown-body pre tt {
  413. display: inline;
  414. max-width: 100%;
  415. padding: 0;
  416. overflow: visible;
  417. line-height: inherit;
  418. word-wrap: normal;
  419. background-color: transparent;
  420. border: 0;
  421. }
  422. .markdown-body pre code::before,
  423. .markdown-body pre code::after,
  424. .markdown-body pre tt::before,
  425. .markdown-body pre tt::after {
  426. content: normal;
  427. }
  428. .markdown-body .csv-data td,
  429. .markdown-body .csv-data th {
  430. padding: 5px;
  431. overflow: hidden;
  432. font-size: 12px;
  433. line-height: 1;
  434. text-align: left;
  435. white-space: nowrap;
  436. }
  437. .markdown-body .csv-data .blob-num {
  438. padding: 10px 8px 9px;
  439. text-align: right;
  440. background: #fff;
  441. border: 0;
  442. }
  443. .markdown-body .csv-data tr {
  444. border-top: 0;
  445. }
  446. .markdown-body .csv-data th {
  447. font-weight: 600;
  448. background: #f6f8fa;
  449. border-top: 0;
  450. }