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