Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | /* http://prismjs.com/download.html?themes=prism&languages=markup+css&plugins=line-highlight+highlight-keywords */ |
| 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 | |||
| 139 | pre[data-line] { |
||
| 140 | position: relative; |
||
| 141 | padding: 1em 0 1em 3em; |
||
| 142 | } |
||
| 143 | |||
| 144 | .line-highlight { |
||
| 145 | position: absolute; |
||
| 146 | left: 0; |
||
| 147 | right: 0; |
||
| 148 | padding: inherit 0; |
||
| 149 | margin-top: 1em; /* Same as .prism’s padding-top */ |
||
| 150 | |||
| 151 | background: hsla(24, 20%, 50%,.08); |
||
| 152 | background: -moz-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0)); |
||
| 153 | background: -webkit-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0)); |
||
| 154 | background: -o-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0)); |
||
| 155 | background: linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0)); |
||
| 156 | |||
| 157 | pointer-events: none; |
||
| 158 | |||
| 159 | line-height: inherit; |
||
| 160 | white-space: pre; |
||
| 161 | } |
||
| 162 | |||
| 163 | .line-highlight:before, |
||
| 164 | .line-highlight[data-end]:after { |
||
| 165 | content: attr(data-start); |
||
| 166 | position: absolute; |
||
| 167 | top: .4em; |
||
| 168 | left: .6em; |
||
| 169 | min-width: 1em; |
||
| 170 | padding: 0 .5em; |
||
| 171 | background-color: hsla(24, 20%, 50%,.4); |
||
| 172 | color: hsl(24, 20%, 95%); |
||
| 173 | font: bold 65%/1.5 sans-serif; |
||
| 174 | text-align: center; |
||
| 175 | vertical-align: .3em; |
||
| 176 | border-radius: 999px; |
||
| 177 | text-shadow: none; |
||
| 178 | box-shadow: 0 1px white; |
||
| 179 | } |
||
| 180 | |||
| 181 | .line-highlight[data-end]:after { |
||
| 182 | content: attr(data-end); |
||
| 183 | top: auto; |
||
| 184 | bottom: .4em; |
||
| 185 | } |