OLD | NEW |
(Empty) | |
| 1 /** |
| 2 * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML |
| 3 * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://worksh
op.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category
/sessions/basics); |
| 4 * @author Tim Shedor |
| 5 */ |
| 6 |
| 7 code[class*="language-"], |
| 8 pre[class*="language-"] { |
| 9 color: black; |
| 10 font-family: Consolas, Monaco, 'Andale Mono', monospace; |
| 11 direction: ltr; |
| 12 text-align: left; |
| 13 white-space: pre; |
| 14 word-spacing: normal; |
| 15 word-break: normal; |
| 16 line-height: 1.5; |
| 17 |
| 18 -moz-tab-size: 4; |
| 19 -o-tab-size: 4; |
| 20 tab-size: 4; |
| 21 |
| 22 -webkit-hyphens: none; |
| 23 -moz-hyphens: none; |
| 24 -ms-hyphens: none; |
| 25 hyphens: none; |
| 26 } |
| 27 |
| 28 /* Code blocks */ |
| 29 pre[class*="language-"] { |
| 30 position: relative; |
| 31 margin: .5em 0; |
| 32 -webkit-box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; |
| 33 -moz-box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; |
| 34 box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; |
| 35 border-left: 10px solid #358ccb; |
| 36 background-color: #fdfdfd; |
| 37 background-image: -webkit-linear-gradient(transparent 50%, rgba(69, 142,
209, 0.04) 50%); |
| 38 background-image: -moz-linear-gradient(transparent 50%, rgba(69, 142, 20
9, 0.04) 50%); |
| 39 background-image: -ms-linear-gradient(transparent 50%, rgba(69, 142, 209
, 0.04) 50%); |
| 40 background-image: -o-linear-gradient(transparent 50%, rgba(69, 142, 209,
0.04) 50%); |
| 41 background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.
04) 50%); |
| 42 background-size: 3em 3em; |
| 43 background-origin: content-box; |
| 44 overflow: visible; |
| 45 max-height: 30em; |
| 46 } |
| 47 |
| 48 code[class*="language"] { |
| 49 max-height: inherit; |
| 50 height: 100%; |
| 51 padding: 0 1em; |
| 52 display: block; |
| 53 overflow: auto; |
| 54 } |
| 55 |
| 56 /* Margin bottom to accomodate shadow */ |
| 57 :not(pre) > code[class*="language-"], |
| 58 pre[class*="language-"] { |
| 59 background-color: #fdfdfd; |
| 60 -webkit-box-sizing: border-box; |
| 61 -moz-box-sizing: border-box; |
| 62 box-sizing: border-box; |
| 63 margin-bottom: 1em; |
| 64 } |
| 65 |
| 66 /* Inline code */ |
| 67 :not(pre) > code[class*="language-"] { |
| 68 position: relative; |
| 69 padding: .2em; |
| 70 -webkit-border-radius: 0.3em; |
| 71 -moz-border-radius: 0.3em; |
| 72 -ms-border-radius: 0.3em; |
| 73 -o-border-radius: 0.3em; |
| 74 border-radius: 0.3em; |
| 75 color: #c92c2c; |
| 76 border: 1px solid rgba(0, 0, 0, 0.1); |
| 77 } |
| 78 |
| 79 pre[class*="language-"]:before, |
| 80 pre[class*="language-"]:after { |
| 81 content: ''; |
| 82 z-index: -2; |
| 83 display: block; |
| 84 position: absolute; |
| 85 bottom: 0.75em; |
| 86 left: 0.18em; |
| 87 width: 40%; |
| 88 height: 20%; |
| 89 -webkit-box-shadow: 0px 13px 8px #979797; |
| 90 -moz-box-shadow: 0px 13px 8px #979797; |
| 91 box-shadow: 0px 13px 8px #979797; |
| 92 -webkit-transform: rotate(-2deg); |
| 93 -moz-transform: rotate(-2deg); |
| 94 -ms-transform: rotate(-2deg); |
| 95 -o-transform: rotate(-2deg); |
| 96 transform: rotate(-2deg); |
| 97 } |
| 98 |
| 99 :not(pre) > code[class*="language-"]:after, |
| 100 pre[class*="language-"]:after { |
| 101 right: 0.75em; |
| 102 left: auto; |
| 103 -webkit-transform: rotate(2deg); |
| 104 -moz-transform: rotate(2deg); |
| 105 -ms-transform: rotate(2deg); |
| 106 -o-transform: rotate(2deg); |
| 107 transform: rotate(2deg); |
| 108 } |
| 109 |
| 110 .token.comment, |
| 111 .token.block-comment, |
| 112 .token.prolog, |
| 113 .token.doctype, |
| 114 .token.cdata { |
| 115 color: #7D8B99; |
| 116 } |
| 117 |
| 118 .token.punctuation { |
| 119 color: #5F6364; |
| 120 } |
| 121 |
| 122 .token.property, |
| 123 .token.tag, |
| 124 .token.boolean, |
| 125 .token.number, |
| 126 .token.function-name, |
| 127 .token.constant, |
| 128 .token.symbol, |
| 129 .token.deleted { |
| 130 color: #c92c2c; |
| 131 } |
| 132 |
| 133 .token.selector, |
| 134 .token.attr-name, |
| 135 .token.string, |
| 136 .token.char, |
| 137 .token.function, |
| 138 .token.builtin, |
| 139 .token.inserted { |
| 140 color: #2f9c0a; |
| 141 } |
| 142 |
| 143 .token.operator, |
| 144 .token.entity, |
| 145 .token.url, |
| 146 .token.variable { |
| 147 color: #a67f59; |
| 148 background: rgba(255, 255, 255, 0.5); |
| 149 } |
| 150 |
| 151 .token.atrule, |
| 152 .token.attr-value, |
| 153 .token.keyword, |
| 154 .token.class-name { |
| 155 color: #1990b8; |
| 156 } |
| 157 |
| 158 .token.regex, |
| 159 .token.important { |
| 160 color: #e90; |
| 161 } |
| 162 |
| 163 .language-css .token.string, |
| 164 .style .token.string { |
| 165 color: #a67f59; |
| 166 background: rgba(255, 255, 255, 0.5); |
| 167 } |
| 168 |
| 169 .token.important { |
| 170 font-weight: normal; |
| 171 } |
| 172 |
| 173 .token.bold { |
| 174 font-weight: bold; |
| 175 } |
| 176 .token.italic { |
| 177 font-style: italic; |
| 178 } |
| 179 |
| 180 .token.entity { |
| 181 cursor: help; |
| 182 } |
| 183 |
| 184 .namespace { |
| 185 opacity: .7; |
| 186 } |
| 187 |
| 188 @media screen and (max-width: 767px) { |
| 189 pre[class*="language-"]:before, |
| 190 pre[class*="language-"]:after { |
| 191 bottom: 14px; |
| 192 -webkit-box-shadow: none; |
| 193 -moz-box-shadow: none; |
| 194 box-shadow: none; |
| 195 } |
| 196 |
| 197 } |
| 198 |
| 199 /* Plugin styles */ |
| 200 .token.tab:not(:empty):before, |
| 201 .token.cr:before, |
| 202 .token.lf:before { |
| 203 color: #e0d7d1; |
| 204 } |
| 205 |
| 206 /* Plugin styles: Line Numbers */ |
| 207 pre[class*="language-"].line-numbers { |
| 208 padding-left: 0; |
| 209 } |
| 210 |
| 211 pre[class*="language-"].line-numbers code { |
| 212 padding-left: 3.8em; |
| 213 } |
| 214 |
| 215 pre[class*="language-"].line-numbers .line-numbers-rows { |
| 216 left: 0; |
| 217 } |
| 218 |
| 219 /* Plugin styles: Line Highlight */ |
| 220 pre[class*="language-"][data-line] { |
| 221 padding-top: 0; |
| 222 padding-bottom: 0; |
| 223 padding-left: 0; |
| 224 } |
| 225 pre[data-line] code { |
| 226 position: relative; |
| 227 padding-left: 4em; |
| 228 } |
| 229 pre .line-highlight { |
| 230 margin-top: 0; |
| 231 } |
OLD | NEW |