prismjs.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262
  1. /* PrismJS 1.29.0
  2. https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript */
  3. code[class*=language-],
  4. pre[class*=language-] {
  5. color: #ccc;
  6. background: 0 0;
  7. font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  8. font-size: 1em;
  9. text-align: left;
  10. white-space: pre;
  11. word-spacing: normal;
  12. word-break: normal;
  13. word-wrap: normal;
  14. line-height: 1.5;
  15. -moz-tab-size: 4;
  16. -o-tab-size: 4;
  17. tab-size: 4;
  18. -webkit-hyphens: none;
  19. -moz-hyphens: none;
  20. -ms-hyphens: none;
  21. hyphens: none
  22. }
  23. pre[class*=language-] {
  24. padding: 1em;
  25. margin: .5em 0;
  26. overflow: auto
  27. }
  28. code[class*=language-] ::-moz-selection,
  29. code[class*=language-]::-moz-selection,
  30. pre[class*=language-] ::-moz-selection,
  31. pre[class*=language-]::-moz-selection {
  32. text-shadow: none;
  33. background: #b3d4fc
  34. }
  35. code[class*=language-] ::selection,
  36. code[class*=language-]::selection,
  37. pre[class*=language-] ::selection,
  38. pre[class*=language-]::selection {
  39. text-shadow: none;
  40. background: #b3d4fc
  41. }
  42. @media print {
  43. code[class*=language-],
  44. pre[class*=language-] {
  45. text-shadow: none
  46. }
  47. }
  48. :not(pre)>code[class*=language-],
  49. pre[class*=language-] {
  50. background: #2d2d2d
  51. }
  52. :not(pre)>code[class*=language-] {
  53. padding: .1em;
  54. border-radius: .3em;
  55. white-space: normal
  56. }
  57. .token.block-comment,
  58. .token.cdata,
  59. .token.comment,
  60. .token.doctype,
  61. .token.prolog {
  62. color: #999
  63. }
  64. .token.punctuation {
  65. color: #ccc
  66. }
  67. .token.attr-name,
  68. .token.deleted,
  69. .token.namespace,
  70. .token.tag {
  71. color: #e2777a
  72. }
  73. .token.function-name {
  74. color: #6196cc
  75. }
  76. .token.boolean,
  77. .token.function,
  78. .token.number {
  79. color: #f08d49
  80. }
  81. .token.class-name,
  82. .token.constant,
  83. .token.property,
  84. .token.symbol {
  85. color: #f8c555
  86. }
  87. .token.atrule,
  88. .token.builtin,
  89. .token.important,
  90. .token.keyword,
  91. .token.selector {
  92. color: #cc99cd
  93. }
  94. .token.attr-value,
  95. .token.char,
  96. .token.regex,
  97. .token.string,
  98. .token.variable {
  99. color: #7ec699
  100. }
  101. .token.entity,
  102. .token.operator,
  103. .token.url {
  104. color: #67cdcc
  105. }
  106. .token.bold,
  107. .token.important {
  108. font-weight: 700
  109. }
  110. .token.italic {
  111. font-style: italic
  112. }
  113. .token.entity {
  114. cursor: help
  115. }
  116. .token.inserted {
  117. color: green
  118. }
  119. .token.atrule,
  120. .token.attr-value,
  121. .token.keyword {
  122. color: #07a
  123. }
  124. .token.class-name,
  125. .token.function {
  126. color: #dd4a68
  127. }
  128. .token.important,
  129. .token.regex,
  130. .token.variable {
  131. color: #e90
  132. }
  133. pre[class*=language-].line-numbers {
  134. position: relative;
  135. padding-left: 3.8em !important;
  136. counter-reset: linenumber
  137. }
  138. pre[class*=language-].line-numbers>code {
  139. position: relative;
  140. white-space: inherit
  141. }
  142. .line-numbers .line-numbers-rows {
  143. position: absolute;
  144. pointer-events: none;
  145. top: 0;
  146. font-size: 100%;
  147. left: -3.8em;
  148. width: 3em;
  149. letter-spacing: -1px;
  150. border-right: 1px solid #999;
  151. -webkit-user-select: none;
  152. -moz-user-select: none;
  153. -ms-user-select: none;
  154. user-select: none
  155. }
  156. .line-numbers-rows>span {
  157. display: block;
  158. counter-increment: linenumber
  159. }
  160. .line-numbers-rows>span:before {
  161. content: counter(linenumber);
  162. color: #999;
  163. display: block;
  164. padding-right: .8em;
  165. text-align: right
  166. }
  167. div.code-toolbar {
  168. position: relative
  169. }
  170. div.code-toolbar>.toolbar {
  171. position: absolute;
  172. z-index: 10;
  173. top: .1em;
  174. right: .5em;
  175. transition: opacity .3s ease-in-out;
  176. opacity: 0
  177. }
  178. div.code-toolbar:hover>.toolbar {
  179. opacity: 1
  180. }
  181. div.code-toolbar:focus-within>.toolbar {
  182. opacity: 1
  183. }
  184. div.code-toolbar>.toolbar>.toolbar-item {
  185. display: inline-block
  186. }
  187. div.code-toolbar>.toolbar>.toolbar-item>a {
  188. cursor: pointer
  189. }
  190. div.code-toolbar>.toolbar>.toolbar-item>button {
  191. background: 0 0;
  192. border: 0;
  193. color: inherit;
  194. font: inherit;
  195. line-height: normal;
  196. overflow: visible;
  197. padding: 0;
  198. -webkit-user-select: none;
  199. -moz-user-select: none;
  200. -ms-user-select: none
  201. }
  202. div.code-toolbar>.toolbar>.toolbar-item>a,
  203. div.code-toolbar>.toolbar>.toolbar-item>button,
  204. div.code-toolbar>.toolbar>.toolbar-item>span {
  205. color: #bbb;
  206. font-size: .8em;
  207. padding: 0 .5em;
  208. background: #f5f2f0;
  209. box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2);
  210. border-radius: .5em
  211. }
  212. div.code-toolbar>.toolbar>.toolbar-item>a:focus,
  213. div.code-toolbar>.toolbar>.toolbar-item>a:hover,
  214. div.code-toolbar>.toolbar>.toolbar-item>button:focus,
  215. div.code-toolbar>.toolbar>.toolbar-item>button:hover,
  216. div.code-toolbar>.toolbar>.toolbar-item>span:focus,
  217. div.code-toolbar>.toolbar>.toolbar-item>span:hover {
  218. color: inherit;
  219. text-decoration: none
  220. }
  221. .cherry div.code-toolbar>.toolbar>.toolbar-item>button:focus,
  222. div.code-toolbar>.toolbar>.toolbar-item>button:hover {
  223. color: #1fa9e0be !important;
  224. }