theme_extra.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. /*
  2. * Wrap inline code samples otherwise they shoot of the side and
  3. * can't be read at all.
  4. *
  5. * https://github.com/mkdocs/mkdocs/issues/313
  6. * https://github.com/mkdocs/mkdocs/issues/233
  7. * https://github.com/mkdocs/mkdocs/issues/834
  8. */
  9. .rst-content code {
  10. white-space: pre-wrap;
  11. word-wrap: break-word;
  12. padding: 2px 5px;
  13. }
  14. /**
  15. * Make code blocks display as blocks and give them the appropriate
  16. * font size and padding.
  17. *
  18. * https://github.com/mkdocs/mkdocs/issues/855
  19. * https://github.com/mkdocs/mkdocs/issues/834
  20. * https://github.com/mkdocs/mkdocs/issues/233
  21. */
  22. .rst-content pre code {
  23. white-space: pre;
  24. word-wrap: normal;
  25. display: block;
  26. padding: 12px;
  27. font-size: 12px;
  28. }
  29. /**
  30. * Fix code colors
  31. *
  32. * https://github.com/mkdocs/mkdocs/issues/2027
  33. */
  34. .rst-content code {
  35. color: #E74C3C;
  36. }
  37. .rst-content pre code {
  38. color: #000;
  39. background: #f8f8f8;
  40. }
  41. /*
  42. * Fix link colors when the link text is inline code.
  43. *
  44. * https://github.com/mkdocs/mkdocs/issues/718
  45. */
  46. a code {
  47. color: #2980B9;
  48. }
  49. a:hover code {
  50. color: #3091d1;
  51. }
  52. a:visited code {
  53. color: #9B59B6;
  54. }
  55. /*
  56. * The CSS classes from highlight.js seem to clash with the
  57. * ReadTheDocs theme causing some code to be incorrectly made
  58. * bold and italic.
  59. *
  60. * https://github.com/mkdocs/mkdocs/issues/411
  61. */
  62. pre .cs, pre .c {
  63. font-weight: inherit;
  64. font-style: inherit;
  65. }
  66. /*
  67. * Fix some issues with the theme and non-highlighted code
  68. * samples. Without and highlighting styles attached the
  69. * formatting is broken.
  70. *
  71. * https://github.com/mkdocs/mkdocs/issues/319
  72. */
  73. .rst-content .no-highlight {
  74. display: block;
  75. padding: 0.5em;
  76. color: #333;
  77. }
  78. /*
  79. * Additions specific to the search functionality provided by MkDocs
  80. */
  81. .search-results {
  82. margin-top: 23px;
  83. }
  84. .search-results article {
  85. border-top: 1px solid #E1E4E5;
  86. padding-top: 24px;
  87. }
  88. .search-results article:first-child {
  89. border-top: none;
  90. }
  91. form .search-query {
  92. width: 100%;
  93. border-radius: 50px;
  94. padding: 6px 12px; /* csslint allow: box-model */
  95. border-color: #D1D4D5;
  96. }
  97. /*
  98. * Improve inline code blocks within admonitions.
  99. *
  100. * https://github.com/mkdocs/mkdocs/issues/656
  101. */
  102. .rst-content .admonition code {
  103. color: #404040;
  104. border: 1px solid #c7c9cb;
  105. border: 1px solid rgba(0, 0, 0, 0.2);
  106. background: #f8fbfd;
  107. background: rgba(255, 255, 255, 0.7);
  108. }
  109. /*
  110. * Account for wide tables which go off the side.
  111. * Override borders to avoid wierdness on narrow tables.
  112. *
  113. * https://github.com/mkdocs/mkdocs/issues/834
  114. * https://github.com/mkdocs/mkdocs/pull/1034
  115. */
  116. .rst-content .section .docutils {
  117. width: 100%;
  118. overflow: auto;
  119. display: block;
  120. border: none;
  121. }
  122. td, th {
  123. border: 1px solid #e1e4e5 !important; /* csslint allow: important */
  124. border-collapse: collapse;
  125. }