| 1 | /* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript */
|
|---|
| 2 | /**
|
|---|
| 3 | * prism.js default theme for JavaScript, CSS and HTML
|
|---|
| 4 | * Based on dabblet (http://dabblet.com)
|
|---|
| 5 | * @author Lea Verou
|
|---|
| 6 | */
|
|---|
| 7 |
|
|---|
| 8 | code[class*="language-"],
|
|---|
| 9 | pre[class*="language-"] {
|
|---|
| 10 | color: black;
|
|---|
| 11 | text-shadow: 0 1px white;
|
|---|
| 12 | font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
|---|
| 13 | direction: ltr;
|
|---|
| 14 | text-align: left;
|
|---|
| 15 | white-space: pre;
|
|---|
| 16 | word-spacing: normal;
|
|---|
| 17 | word-break: normal;
|
|---|
| 18 | word-wrap: normal;
|
|---|
| 19 | line-height: 1.5;
|
|---|
| 20 |
|
|---|
| 21 | -moz-tab-size: 4;
|
|---|
| 22 | -o-tab-size: 4;
|
|---|
| 23 | tab-size: 4;
|
|---|
| 24 |
|
|---|
| 25 | -webkit-hyphens: none;
|
|---|
| 26 | -moz-hyphens: none;
|
|---|
| 27 | -ms-hyphens: none;
|
|---|
| 28 | hyphens: none;
|
|---|
| 29 | }
|
|---|
| 30 |
|
|---|
| 31 | pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
|---|
| 32 | code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
|---|
| 33 | text-shadow: none;
|
|---|
| 34 | background: #b3d4fc;
|
|---|
| 35 | }
|
|---|
| 36 |
|
|---|
| 37 | pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
|---|
| 38 | code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
|---|
| 39 | text-shadow: none;
|
|---|
| 40 | background: #b3d4fc;
|
|---|
| 41 | }
|
|---|
| 42 |
|
|---|
| 43 | @media print {
|
|---|
| 44 | code[class*="language-"],
|
|---|
| 45 | pre[class*="language-"] {
|
|---|
| 46 | text-shadow: none;
|
|---|
| 47 | }
|
|---|
| 48 | }
|
|---|
| 49 |
|
|---|
| 50 | /* Code blocks */
|
|---|
| 51 | pre[class*="language-"] {
|
|---|
| 52 | padding: 1em;
|
|---|
| 53 | margin: .5em 0;
|
|---|
| 54 | overflow: auto;
|
|---|
| 55 | }
|
|---|
| 56 |
|
|---|
| 57 | :not(pre) > code[class*="language-"],
|
|---|
| 58 | pre[class*="language-"] {
|
|---|
| 59 | background: #f5f2f0;
|
|---|
| 60 | }
|
|---|
| 61 |
|
|---|
| 62 | /* Inline code */
|
|---|
| 63 | :not(pre) > code[class*="language-"] {
|
|---|
| 64 | padding: .1em;
|
|---|
| 65 | border-radius: .3em;
|
|---|
| 66 | }
|
|---|
| 67 |
|
|---|
| 68 | .token.comment,
|
|---|
| 69 | .token.prolog,
|
|---|
| 70 | .token.doctype,
|
|---|
| 71 | .token.cdata {
|
|---|
| 72 | color: slategray;
|
|---|
| 73 | }
|
|---|
| 74 |
|
|---|
| 75 | .token.punctuation {
|
|---|
| 76 | color: #999;
|
|---|
| 77 | }
|
|---|
| 78 |
|
|---|
| 79 | .namespace {
|
|---|
| 80 | opacity: .7;
|
|---|
| 81 | }
|
|---|
| 82 |
|
|---|
| 83 | .token.property,
|
|---|
| 84 | .token.tag,
|
|---|
| 85 | .token.boolean,
|
|---|
| 86 | .token.number,
|
|---|
| 87 | .token.constant,
|
|---|
| 88 | .token.symbol,
|
|---|
| 89 | .token.deleted {
|
|---|
| 90 | color: #905;
|
|---|
| 91 | }
|
|---|
| 92 |
|
|---|
| 93 | .token.selector,
|
|---|
| 94 | .token.attr-name,
|
|---|
| 95 | .token.string,
|
|---|
| 96 | .token.char,
|
|---|
| 97 | .token.builtin,
|
|---|
| 98 | .token.inserted {
|
|---|
| 99 | color: #690;
|
|---|
| 100 | }
|
|---|
| 101 |
|
|---|
| 102 | .token.operator,
|
|---|
| 103 | .token.entity,
|
|---|
| 104 | .token.url,
|
|---|
| 105 | .language-css .token.string,
|
|---|
| 106 | .style .token.string {
|
|---|
| 107 | color: #a67f59;
|
|---|
| 108 | background: hsla(0, 0%, 100%, .5);
|
|---|
| 109 | }
|
|---|
| 110 |
|
|---|
| 111 | .token.atrule,
|
|---|
| 112 | .token.attr-value,
|
|---|
| 113 | .token.keyword {
|
|---|
| 114 | color: #07a;
|
|---|
| 115 | }
|
|---|
| 116 |
|
|---|
| 117 | .token.function {
|
|---|
| 118 | color: #DD4A68;
|
|---|
| 119 | }
|
|---|
| 120 |
|
|---|
| 121 | .token.regex,
|
|---|
| 122 | .token.important,
|
|---|
| 123 | .token.variable {
|
|---|
| 124 | color: #e90;
|
|---|
| 125 | }
|
|---|
| 126 |
|
|---|
| 127 | .token.important,
|
|---|
| 128 | .token.bold {
|
|---|
| 129 | font-weight: bold;
|
|---|
| 130 | }
|
|---|
| 131 | .token.italic {
|
|---|
| 132 | font-style: italic;
|
|---|
| 133 | }
|
|---|
| 134 |
|
|---|
| 135 | .token.entity {
|
|---|
| 136 | cursor: help;
|
|---|
| 137 | }
|
|---|
| 138 |
|
|---|