OLD | NEW |
(Empty) | |
| 1 /** |
| 2 * prism.js Funky theme |
| 3 * Based on “Polyfilling the gaps” talk slides http://lea.verou.me/polyfilling-t
he-gaps/ |
| 4 * @author Lea Verou |
| 5 */ |
| 6 |
| 7 code[class*="language-"], |
| 8 pre[class*="language-"] { |
| 9 font-family: Consolas, Monaco, 'Andale Mono', monospace; |
| 10 direction: ltr; |
| 11 text-align: left; |
| 12 white-space: pre; |
| 13 word-spacing: normal; |
| 14 word-break: normal; |
| 15 line-height: 1.5; |
| 16 |
| 17 -moz-tab-size: 4; |
| 18 -o-tab-size: 4; |
| 19 tab-size: 4; |
| 20 |
| 21 -webkit-hyphens: none; |
| 22 -moz-hyphens: none; |
| 23 -ms-hyphens: none; |
| 24 hyphens: none; |
| 25 } |
| 26 |
| 27 /* Code blocks */ |
| 28 pre[class*="language-"] { |
| 29 padding: .4em .8em; |
| 30 margin: .5em 0; |
| 31 overflow: auto; |
| 32 background: url('data:image/svg+xml;charset=utf-8,<svg%20version%3D"1.1"
%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"100"%20height%3D"10
0"%20fill%3D"rgba(0%2C0%2C0%2C.2)">%0D%0A<polygon%20points%3D"0%2C50%2050%2C0%20
0%2C0"%20%2F>%0D%0A<polygon%20points%3D"0%2C100%2050%2C100%20100%2C50%20100%2C0"
%20%2F>%0D%0A<%2Fsvg>'); |
| 33 background-size: 1em 1em; |
| 34 } |
| 35 |
| 36 code[class*="language-"] { |
| 37 background: black; |
| 38 color: white; |
| 39 box-shadow: -.3em 0 0 .3em black, .3em 0 0 .3em black; |
| 40 } |
| 41 |
| 42 /* Inline code */ |
| 43 :not(pre) > code[class*="language-"] { |
| 44 padding: .2em; |
| 45 border-radius: .3em; |
| 46 box-shadow: none; |
| 47 } |
| 48 |
| 49 .token.comment, |
| 50 .token.prolog, |
| 51 .token.doctype, |
| 52 .token.cdata { |
| 53 color: #aaa; |
| 54 } |
| 55 |
| 56 .token.punctuation { |
| 57 color: #999; |
| 58 } |
| 59 |
| 60 .namespace { |
| 61 opacity: .7; |
| 62 } |
| 63 |
| 64 .token.property, |
| 65 .token.tag, |
| 66 .token.boolean, |
| 67 .token.number, |
| 68 .token.constant, |
| 69 .token.symbol { |
| 70 color: #0cf; |
| 71 } |
| 72 |
| 73 .token.selector, |
| 74 .token.attr-name, |
| 75 .token.string, |
| 76 .token.char, |
| 77 .token.builtin { |
| 78 color: yellow; |
| 79 } |
| 80 |
| 81 .token.operator, |
| 82 .token.entity, |
| 83 .token.url, |
| 84 .language-css .token.string, |
| 85 .toke.variable, |
| 86 .token.inserted { |
| 87 color: yellowgreen; |
| 88 } |
| 89 |
| 90 .token.atrule, |
| 91 .token.attr-value, |
| 92 .token.keyword { |
| 93 color: deeppink; |
| 94 } |
| 95 |
| 96 .token.regex, |
| 97 .token.important { |
| 98 color: orange; |
| 99 } |
| 100 |
| 101 .token.important, |
| 102 .token.bold { |
| 103 font-weight: bold; |
| 104 } |
| 105 .token.italic { |
| 106 font-style: italic; |
| 107 } |
| 108 |
| 109 .token.entity { |
| 110 cursor: help; |
| 111 } |
| 112 |
| 113 .token.deleted { |
| 114 color: red; |
| 115 } |
OLD | NEW |