syntax.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. /* Documentation licensed under CC BY 4.0 */
  2. /* License available at https://creativecommons.org/licenses/by/4.0/ */
  3. /* Styles for syntax highlighting */
  4. pre {
  5. padding: 6px 10px;
  6. background-color: #FAFAFA;
  7. border: 1px solid #bbb;
  8. font: 1em 'Droid Sans Mono', monospace;
  9. line-height: 1.5;
  10. margin: 1.5em 0;
  11. overflow: auto;
  12. }
  13. .good pre.highlight,
  14. .good pre.highlight code {
  15. background-color: #e8fff6;
  16. }
  17. .bad pre.highlight,
  18. .bad pre.highlight code {
  19. background-color: #ffe8f6;
  20. }
  21. code.highlighter-rouge {
  22. color: #383;
  23. }
  24. /* TODO(sdh): .highlight code, .highlight .hll ??? */
  25. pre.highlight {
  26. background-color: #f8f8f8;
  27. border: 1px solid #ccc;
  28. padding: 6px 10px;
  29. }
  30. .highlight code { color: #333; }
  31. .highlight .c { color: #999988; font-style: italic; }
  32. .highlight .err { color: #a61717; background-color: #e3d2d2; }
  33. .highlight .k { font-weight: bold; }
  34. .highlight .o { font-weight: bold; }
  35. .highlight .cm,
  36. .highlight .c1 { color: #969896; font-style: italic; }
  37. .highlight .cp { color: #999999; font-weight: bold; }
  38. .highlight .cs { color: #999999; font-weight: bold; font-style: italic; }
  39. .highlight .gd { color: #000000; background-color: #ffdddd; }
  40. .highlight .gd .x { color: #000000; background-color: #ffaaaa; }
  41. .highlight .ge { font-style: italic; }
  42. .highlight .gr { color: #aa0000; }
  43. .highlight .gh { color: #999999; }
  44. .highlight .gi { color: #000000; background-color: #ddffdd; }
  45. .highlight .gi .x { color: #000000; background-color: #aaffaa; }
  46. .highlight .go { color: #888888; }
  47. .highlight .gp { color: #555555; }
  48. .highlight .gs { font-weight: bold; }
  49. .highlight .gu { color: #800080; font-weight: bold; }
  50. .highlight .gt { color: #aa0000; }
  51. .highlight .kc,
  52. .highlight .kd,
  53. .highlight .kn,
  54. .highlight .kp,
  55. .highlight .kr,
  56. .highlight .o,
  57. .highlight .ow { color: #a71d5d; }
  58. .highlight .kt { color: #445588; }
  59. .highlight .m { color: #009999; }
  60. .highlight .p { color: #333; }
  61. .highlight .n { color: #333; }
  62. .highlight .na { color: #904a0f; }
  63. .highlight .nb { color: #0086b3; }
  64. .highlight .nc { color: #445588; font-weight: bold; }
  65. .highlight .no { color: teal; }
  66. .highlight .ni { color: purple; }
  67. .highlight .ne,
  68. .highlight .nf { color: #795da3; }
  69. .highlight .nn { color: #333; }
  70. .highlight .nt { color: #772077; }
  71. .highlight .nv { color: teal; }
  72. .highlight .w { color: #bbbbbb; }
  73. .highlight .mf,
  74. .highlight .mh,
  75. .highlight .mi,
  76. .highlight .mo { color: #009999; }
  77. .highlight .s { color: #1e17a4; }
  78. .highlight .sb,
  79. .highlight .sc,
  80. .highlight .sd,
  81. .highlight .s2,
  82. .highlight .se,
  83. .highlight .sh,
  84. .highlight .si,
  85. .highlight .sx,
  86. .highlight .s1 { color: #183691; }
  87. .highlight .sr { color: #009926; }
  88. .highlight .ss { color: #990073; }
  89. .highlight .bp { color: #999999; }
  90. .highlight .vc,
  91. .highlight .vg,
  92. .highlight .vi { color: teal; }
  93. .highlight .il { color: #009999; }
  94. .highlight .gc { color: #999; background-color: #EAF2F5; }
  95. /*****/
  96. .callout-note {
  97. border-color: #9e9e9e;
  98. background-color: #f8f8f8;
  99. }
  100. .callout-tip {
  101. border-color: #0f9d58;
  102. background-color: #e8f5e9;
  103. }
  104. .callout-warning, .callout-fixme {
  105. border-color: #db4437;
  106. background-color: #fbe9e7;
  107. }
  108. .callout-todo {
  109. border-color: #f4b400;
  110. background-color: #fef6e0;
  111. }
  112. .callout-question {
  113. border-color: #4285f4;
  114. background-color: #e8f0fe;
  115. }
  116. .callout-fixme,
  117. .callout-note,
  118. .callout-question,
  119. .callout-tip,
  120. .callout-todo,
  121. .callout-warning {
  122. border-left-width: 2px;
  123. border-left-style: solid;
  124. padding: 10px;
  125. font-style: normal;
  126. font-size: normal;
  127. }