1  pre code.hljs {
 2    display: block;
 3    overflow-x: auto;
 4    padding: 1em
 5  }
 6  code.hljs {
 7    padding: 3px 5px
 8  }
 9  /*
10  Monokai style - ported by Luigi Maselli - http://grigio.org
11  */
12  .hljs {
13    background: #272822;
14    color: #ddd
15  }
16  .hljs-tag,
17  .hljs-keyword,
18  .hljs-selector-tag,
19  .hljs-literal,
20  .hljs-strong,
21  .hljs-number,
22  .hljs-name {
23    color: #f92672
24  }
25  .hljs-code {
26    color: #66d9ef
27  }
28  .hljs-attribute,
29  .hljs-attr,
30  .hljs-symbol,
31  .hljs-regexp,
32  .hljs-link {
33    color: #bf79db
34  }
35  .hljs-string,
36  .hljs-bullet,
37  .hljs-subst,
38  .hljs-title,
39  .hljs-section,
40  .hljs-emphasis,
41  .hljs-type,
42  .hljs-built_in,
43  .hljs-selector-attr,
44  .hljs-selector-pseudo,
45  .hljs-addition,
46  .hljs-variable,
47  .hljs-template-tag,
48  .hljs-template-variable {
49    color: #a6e22e
50  }
51  .hljs-title.class_,
52  .hljs-class .hljs-title {
53    color: white
54  }
55  .hljs-comment,
56  .hljs-quote,
57  .hljs-deletion,
58  .hljs-meta {
59    color: #75715e
60  }
61  .hljs-keyword,
62  .hljs-selector-tag,
63  .hljs-literal,
64  .hljs-doctag,
65  .hljs-title,
66  .hljs-section,
67  .hljs-type,
68  .hljs-selector-id {
69    font-weight: bold
70  }