OLD | NEW |
(Empty) | |
| 1 /** |
| 2 * okaidia theme for JavaScript, CSS and HTML |
| 3 * Loosely based on Monokai textmate theme by http://www.monokai.nl/ |
| 4 * @author ocodia |
| 5 */ |
| 6 |
| 7 code[class*="language-"], |
| 8 pre[class*="language-"] { |
| 9 color: #f8f8f2; |
| 10 text-shadow: 0 1px rgba(0, 0, 0, 0.3); |
| 11 font-family: Consolas, Monaco, 'Andale Mono', monospace; |
| 12 direction: ltr; |
| 13 text-align: left; |
| 14 white-space: pre; |
| 15 word-spacing: normal; |
| 16 word-break: normal; |
| 17 line-height: 1.5; |
| 18 |
| 19 -moz-tab-size: 4; |
| 20 -o-tab-size: 4; |
| 21 tab-size: 4; |
| 22 |
| 23 -webkit-hyphens: none; |
| 24 -moz-hyphens: none; |
| 25 -ms-hyphens: none; |
| 26 hyphens: none; |
| 27 } |
| 28 |
| 29 /* Code blocks */ |
| 30 pre[class*="language-"] { |
| 31 padding: 1em; |
| 32 margin: .5em 0; |
| 33 overflow: auto; |
| 34 border-radius: 0.3em; |
| 35 } |
| 36 |
| 37 :not(pre) > code[class*="language-"], |
| 38 pre[class*="language-"] { |
| 39 background: #272822; |
| 40 } |
| 41 |
| 42 /* Inline code */ |
| 43 :not(pre) > code[class*="language-"] { |
| 44 padding: .1em; |
| 45 border-radius: .3em; |
| 46 } |
| 47 |
| 48 .token.comment, |
| 49 .token.prolog, |
| 50 .token.doctype, |
| 51 .token.cdata { |
| 52 color: slategray; |
| 53 } |
| 54 |
| 55 .token.punctuation { |
| 56 color: #f8f8f2; |
| 57 } |
| 58 |
| 59 .namespace { |
| 60 opacity: .7; |
| 61 } |
| 62 |
| 63 .token.property, |
| 64 .token.tag, |
| 65 .token.constant, |
| 66 .token.symbol, |
| 67 .token.deleted { |
| 68 color: #f92672; |
| 69 } |
| 70 |
| 71 .token.boolean, |
| 72 .token.number { |
| 73 color: #ae81ff; |
| 74 } |
| 75 |
| 76 .token.selector, |
| 77 .token.attr-name, |
| 78 .token.string, |
| 79 .token.char, |
| 80 .token.builtin, |
| 81 .token.inserted { |
| 82 color: #a6e22e; |
| 83 } |
| 84 |
| 85 .token.operator, |
| 86 .token.entity, |
| 87 .token.url, |
| 88 .language-css .token.string, |
| 89 .style .token.string, |
| 90 .token.variable { |
| 91 color: #f8f8f2; |
| 92 } |
| 93 |
| 94 .token.atrule, |
| 95 .token.attr-value, |
| 96 .token.function { |
| 97 color: #e6db74; |
| 98 } |
| 99 |
| 100 .token.keyword { |
| 101 color: #66d9ef; |
| 102 } |
| 103 |
| 104 .token.regex, |
| 105 .token.important { |
| 106 color: #fd971f; |
| 107 } |
| 108 |
| 109 .token.important, |
| 110 .token.bold { |
| 111 font-weight: bold; |
| 112 } |
| 113 .token.italic { |
| 114 font-style: italic; |
| 115 } |
| 116 |
| 117 .token.entity { |
| 118 cursor: help; |
| 119 } |
OLD | NEW |