BookStack Code Mirror - bookstack/blob - public/libs/tinymce/plugins/codesample/css/prism.css

   1 /* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript */
   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