codesample/css/prism.css

0001 /* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript */
0002 /**
0003  * prism.js default theme for JavaScript, CSS and HTML
0004  * Based on dabblet (http://dabblet.com)
0005  * @author Lea Verou
0006  */
0007
0008 code[class*="language-"],
0009 pre[class*="language-"] {
0010   color: black;
0011   text-shadow: 0 1px white;
0012   font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
0013   direction: ltr;
0014   text-align: left;
0015   white-space: pre;
0016   word-spacing: normal;
0017   word-break: normal;
0018   word-wrap: normal;
0019   line-height: 1.5;
0020
0021   -moz-tab-size: 4;
0022   -o-tab-size: 4;
0023   tab-size: 4;
0024
0025   -webkit-hyphens: none;
0026   -moz-hyphens: none;
0027   -ms-hyphens: none;
0028   hyphens: none;
0029 }
0030
0031 pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
0032 code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
0033   text-shadow: none;
0034   background: #b3d4fc;
0035 }
0036
0037 pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
0038 code[class*="language-"]::selection, code[class*="language-"] ::selection {
0039   text-shadow: none;
0040   background: #b3d4fc;
0041 }
0042
0043 @media print {
0044   code[class*="language-"],
0045   pre[class*="language-"] {
0046     text-shadow: none;
0047   }
0048 }
0049
0050 /* Code blocks */
0051 pre[class*="language-"] {
0052   padding: 1em;
0053   margin: .5em 0;
0054   overflow: auto;
0055 }
0056
0057 :not(pre) > code[class*="language-"],
0058 pre[class*="language-"] {
0059   background: #f5f2f0;
0060 }
0061
0062 /* Inline code */
0063 :not(pre) > code[class*="language-"] {
0064   padding: .1em;
0065   border-radius: .3em;
0066 }
0067
0068 .token.comment,
0069 .token.prolog,
0070 .token.doctype,
0071 .token.cdata {
0072   color: slategray;
0073 }
0074
0075 .token.punctuation {
0076   color: #999;
0077 }
0078
0079 .namespace {
0080   opacity: .7;
0081 }
0082
0083 .token.property,
0084 .token.tag,
0085 .token.boolean,
0086 .token.number,
0087 .token.constant,
0088 .token.symbol,
0089 .token.deleted {
0090   color: #905;
0091 }
0092
0093 .token.selector,
0094 .token.attr-name,
0095 .token.string,
0096 .token.char,
0097 .token.builtin,
0098 .token.inserted {
0099   color: #690;
0100 }
0101
0102 .token.operator,
0103 .token.entity,
0104 .token.url,
0105 .language-css .token.string,
0106 .style .token.string {
0107   color: #a67f59;
0108   background: hsla(0, 0%, 100%, .5);
0109 }
0110
0111 .token.atrule,
0112 .token.attr-value,
0113 .token.keyword {
0114   color: #07a;
0115 }
0116
0117 .token.function {
0118   color: #DD4A68;
0119 }
0120
0121 .token.regex,
0122 .token.important,
0123 .token.variable {
0124   color: #e90;
0125 }
0126
0127 .token.important,
0128 .token.bold {
0129   font-weight: bold;
0130 }
0131 .token.italic {
0132   font-style: italic;
0133 }
0134
0135 .token.entity {
0136   cursor: help;
0137 }
0138