prism.min.css 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347
  1. /* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+ruby+css-extras+git+jade+json+php+php-extras+sass+scss+sql&plugins=line-highlight+line-numbers+show-invisibles+autolinker+file-highlight+show-language+jsonp-highlight+highlight-keywords+remove-initial-line-feed+autoloader+unescaped-markup+command-line+normalize-whitespace+keep-markup */
  2. /**
  3. * prism.js default theme for JavaScript, CSS and HTML
  4. * Based on dabblet (http://dabblet.com)
  5. * @author Lea Verou
  6. */
  7. code[class*="language-"],
  8. pre[class*="language-"] {
  9. color: black;
  10. background: none;
  11. text-shadow: 0 1px white;
  12. font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  13. text-align: left;
  14. white-space: pre;
  15. word-spacing: normal;
  16. word-break: normal;
  17. word-wrap: normal;
  18. font-size: 100%;
  19. line-height: 1.5;
  20. -moz-tab-size: 4;
  21. -o-tab-size: 4;
  22. tab-size: 4;
  23. -webkit-hyphens: none;
  24. -moz-hyphens: none;
  25. -ms-hyphens: none;
  26. hyphens: none;
  27. }
  28. pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
  29. code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
  30. text-shadow: none;
  31. background: #b3d4fc;
  32. }
  33. pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
  34. code[class*="language-"]::selection, code[class*="language-"] ::selection {
  35. text-shadow: none;
  36. background: #b3d4fc;
  37. }
  38. @media print {
  39. code[class*="language-"],
  40. pre[class*="language-"] {
  41. text-shadow: none;
  42. }
  43. }
  44. /* Code blocks */
  45. pre[class*="language-"] {
  46. padding: 1em;
  47. margin: .5em 0;
  48. overflow: auto;
  49. }
  50. :not(pre) > code[class*="language-"],
  51. pre[class*="language-"] {
  52. background: #FFF;
  53. border: 1px solid #F0F0F0;
  54. border-left: 2px solid #3BAFDA;
  55. border-radius: 4px;
  56. }
  57. /* Inline code */
  58. :not(pre) > code[class*="language-"] {
  59. padding: .1em;
  60. border-radius: .3em;
  61. white-space: normal;
  62. }
  63. .token.comment,
  64. .token.prolog,
  65. .token.doctype,
  66. .token.cdata {
  67. color: slategray;
  68. }
  69. .token.punctuation {
  70. color: #999;
  71. }
  72. .namespace {
  73. opacity: .7;
  74. }
  75. .token.property,
  76. .token.tag,
  77. .token.boolean,
  78. .token.number,
  79. .token.constant,
  80. .token.symbol,
  81. .token.deleted {
  82. color: #905;
  83. }
  84. .token.selector,
  85. .token.attr-name,
  86. .token.string,
  87. .token.char,
  88. .token.builtin,
  89. .token.inserted {
  90. color: #690;
  91. }
  92. .token.operator,
  93. .token.entity,
  94. .token.url,
  95. .language-css .token.string,
  96. .style .token.string {
  97. color: #a67f59;
  98. background: hsla(0, 0%, 100%, .5);
  99. }
  100. .token.atrule,
  101. .token.attr-value,
  102. .token.keyword {
  103. color: #07a;
  104. }
  105. .token.function {
  106. color: #DD4A68;
  107. }
  108. .token.regex,
  109. .token.important,
  110. .token.variable {
  111. color: #e90;
  112. }
  113. .token.important,
  114. .token.bold {
  115. font-weight: bold;
  116. }
  117. .token.italic {
  118. font-style: italic;
  119. }
  120. .token.entity {
  121. cursor: help;
  122. }
  123. pre[data-line] {
  124. position: relative;
  125. padding: 1em 0 1em 3em;
  126. }
  127. pre[data-file]::before {
  128. content: attr(data-file);
  129. position: absolute;
  130. top: 0;
  131. right: 0;
  132. }
  133. .line-highlight {
  134. position: absolute;
  135. left: 0;
  136. right: 0;
  137. padding: inherit 0;
  138. margin-top: 1em; /* Same as .prism’s padding-top */
  139. background: hsla(24, 20%, 50%,.08);
  140. background: -moz-linear-gradient(to right, hsla(186, 83%, 68%, 0.11) 70%, hsla(186, 33%, 82%, 0));
  141. background: -webkit-linear-gradient(to right, hsla(186, 83%, 68%, 0.11) 70%, hsla(186, 33%, 82%, 0));
  142. background: -o-linear-gradient(to right, hsla(186, 83%, 68%, 0.11) 70%, hsla(186, 33%, 82%, 0));
  143. background: linear-gradient(to right,hsla(186, 83%, 68%, 0.11) 70%,hsla(186, 33%, 82%, 0));
  144. pointer-events: none;
  145. line-height: inherit;
  146. white-space: pre;
  147. }
  148. .line-highlight:before,
  149. .line-highlight[data-end]:after {
  150. content: attr(data-start);
  151. position: absolute;
  152. top: .4em;
  153. left: .6em;
  154. min-width: 1em;
  155. padding: 0 .5em;
  156. color: #187798;
  157. font: 75%/1.5 sans-serif;
  158. text-align: center;
  159. vertical-align: .3em;
  160. border-radius: 999px;
  161. text-shadow: none;
  162. box-shadow: 0 1px white;
  163. }
  164. .line-highlight[data-end]:after {
  165. content: attr(data-end);
  166. top: auto;
  167. bottom: .4em;
  168. }
  169. pre.line-numbers {
  170. position: relative;
  171. padding-left: 3.8em;
  172. counter-reset: linenumber;
  173. }
  174. pre.line-numbers > code {
  175. position: relative;
  176. }
  177. .line-numbers .line-numbers-rows {
  178. position: absolute;
  179. pointer-events: none;
  180. top: 0;
  181. font-size: 100%;
  182. left: -3.8em;
  183. width: 3em; /* works for line-numbers below 1000 lines */
  184. letter-spacing: -1px;
  185. border-right: 1px solid #999;
  186. -webkit-user-select: none;
  187. -moz-user-select: none;
  188. -ms-user-select: none;
  189. user-select: none;
  190. }
  191. .line-numbers-rows > span {
  192. pointer-events: none;
  193. display: block;
  194. counter-increment: linenumber;
  195. }
  196. .line-numbers-rows > span:before {
  197. content: counter(linenumber);
  198. color: #999;
  199. display: block;
  200. padding-right: 0.8em;
  201. text-align: right;
  202. }
  203. .token.tab:not(:empty),
  204. .token.cr,
  205. .token.lf,
  206. .token.space {
  207. position: relative;
  208. }
  209. .token.tab:not(:empty):before,
  210. .token.cr:before,
  211. .token.lf:before,
  212. .token.space:before {
  213. color: hsl(24, 20%, 85%);
  214. position: absolute;
  215. }
  216. .token.tab:not(:empty):before {
  217. content: '\21E5';
  218. }
  219. .token.cr:before {
  220. content: '\240D';
  221. }
  222. .token.crlf:before {
  223. content: '\240D\240A';
  224. }
  225. .token.lf:before {
  226. content: '\240A';
  227. }
  228. .token.space:before {
  229. content: '\00B7';
  230. }
  231. .token a {
  232. color: inherit;
  233. }
  234. div.prism-show-language {
  235. position: relative;
  236. }
  237. div.prism-show-language > div.prism-show-language-label {
  238. color: #555;
  239. background-color: #E5E5E5;
  240. display: inline-block;
  241. position: absolute;
  242. bottom: auto;
  243. left: auto;
  244. top: 0;
  245. right: 0;
  246. width: auto;
  247. height: auto;
  248. font-size: 0.9em;
  249. border-radius: 0 4px 0 0;
  250. padding: 0 0.5em;
  251. text-shadow: none;
  252. z-index: 1;
  253. -webkit-box-shadow: none;
  254. -moz-box-shadow: none;
  255. box-shadow: none;
  256. -webkit-transform: none;
  257. -moz-transform: none;
  258. -ms-transform: none;
  259. -o-transform: none;
  260. transform: none;
  261. }
  262. /* Fallback, in case JS does not run, to ensure the code is at least visible */
  263. .lang-markup script[type='text/plain'],
  264. .language-markup script[type='text/plain'],
  265. script[type='text/plain'].lang-markup,
  266. script[type='text/plain'].language-markup {
  267. display: block;
  268. font: 100% Consolas, Monaco, monospace;
  269. white-space: pre;
  270. overflow: auto;
  271. }
  272. .command-line-prompt {
  273. border-right: 1px solid #999;
  274. display: block;
  275. float: left;
  276. font-size: 100%;
  277. letter-spacing: -1px;
  278. margin-right: 1em;
  279. pointer-events: none;
  280. -webkit-user-select: none;
  281. -moz-user-select: none;
  282. -ms-user-select: none;
  283. user-select: none;
  284. }
  285. .command-line-prompt > span:before {
  286. color: #999;
  287. content: ' ';
  288. display: block;
  289. padding-right: 0.8em;
  290. }
  291. .command-line-prompt > span[data-user]:before {
  292. content: "[" attr(data-user) "@" attr(data-host) "] $";
  293. }
  294. .command-line-prompt > span[data-user="root"]:before {
  295. content: "[" attr(data-user) "@" attr(data-host) "] #";
  296. }
  297. .command-line-prompt > span[data-prompt]:before {
  298. content: attr(data-prompt);
  299. }