highlight.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. /* Code, Pre [landscape](http://goo.gl/hnwXeD) */
  2. /* highlight */
  3. pre, .highlight, .gist {
  4. background: #333 !important;
  5. margin: 0.5em 0;
  6. padding: 1em 2%;
  7. overflow: auto;
  8. color: #ccc;
  9. font-size: 14px;
  10. text-shadow: none;
  11. border-radius: 4px;
  12. border-style: solid;
  13. border-color: #ddd;
  14. border-width: 1px 0;
  15. line-height: 20px;
  16. }
  17. code {
  18. background: #eee;
  19. border: 1px solid #d6d6d6;
  20. padding: 0 5px;
  21. margin: 0 2px;
  22. font-size: 90%;
  23. text-shadow: 0 1px #fff;
  24. word-break: break-all;
  25. word-wrap: break-word;
  26. white-space: normal;
  27. }
  28. .highlight .gutter pre{
  29. text-align: left;
  30. padding-right: 20px;
  31. width: 100%;
  32. color: #666;
  33. }
  34. pre,
  35. code {
  36. font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
  37. }
  38. pre code {
  39. background: none;
  40. text-shadow: none;
  41. padding: 0;
  42. }
  43. .highlight pre {
  44. border: none;
  45. margin: 0;
  46. padding: 0;
  47. white-space: pre;
  48. }
  49. .highlight table {
  50. margin: 0;
  51. width: auto;
  52. }
  53. .highlight td {
  54. border: none;
  55. padding: 0;
  56. }
  57. /* gist */
  58. .container .gist .gist-file {
  59. border: none;
  60. font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
  61. margin: 0;
  62. }
  63. .container .gist .gist-file .gist-data {
  64. background: none;
  65. border: none;
  66. }
  67. .container .gist .gist-file .gist-data .line-numbers {
  68. background: none;
  69. border: none;
  70. padding-right: 20px;
  71. color: #666;
  72. text-align: left;
  73. }
  74. .container .gist .gist-file .gist-data .line-data {
  75. padding: 0 !important;
  76. }
  77. .container .gist .gist-file .highlight {
  78. margin: 0;
  79. padding: 0;
  80. border: none;
  81. }
  82. .container .gist .gist-file .gist-meta {
  83. background: #333;
  84. color: #999;
  85. font: 0.85em "Helvetica Neue", Helvetica, Arial, sans-serif;
  86. text-shadow: 0 0;
  87. padding: 0;
  88. margin-top: 1em;
  89. margin-left: 20px;
  90. }
  91. .container .gist .gist-file .gist-meta a {
  92. color: #258fb8;
  93. font-weight: normal;
  94. }
  95. .container .gist .gist-file .gist-meta a:hover {
  96. text-decoration: underline;
  97. }
  98. /* figcaption */
  99. .highlight figcaption {
  100. zoom: 1;
  101. font-size: 0.85em;
  102. color: #999;
  103. line-height: 1em;
  104. margin-bottom: 1em;
  105. }
  106. .highlight figcaption:before,
  107. .highlight figcaption:after {
  108. content: "";
  109. display: table;
  110. }
  111. .highlight figcaption:after {
  112. clear: both;
  113. }
  114. .highlight figcaption a {
  115. float: right;
  116. }
  117. pre .comment,
  118. pre .title {
  119. color: #999;
  120. }
  121. pre .variable,
  122. pre .attribute,
  123. pre .tag,
  124. pre .regexp,
  125. pre .ruby .constant,
  126. pre .xml .tag .title,
  127. pre .xml .pi,
  128. pre .xml .doctype,
  129. pre .html .doctype,
  130. pre .css .id,
  131. pre .css .class,
  132. pre .css .pseudo {
  133. color: #f2777a;
  134. }
  135. pre .number,
  136. pre .preprocessor,
  137. pre .built_in,
  138. pre .literal,
  139. pre .params,
  140. pre .constant {
  141. color: #f99157;
  142. }
  143. pre .class,
  144. pre .ruby .class .title,
  145. pre .css .rules .attribute {
  146. color: #9c9;
  147. }
  148. pre .string,
  149. pre .value,
  150. pre .inheritance,
  151. pre .header,
  152. pre .ruby .symbol,
  153. pre .xml .cdata {
  154. color: #9c9;
  155. }
  156. pre .css .hexcolor {
  157. color: #6cc;
  158. }
  159. pre .function,
  160. pre .python .decorator,
  161. pre .python .title,
  162. pre .ruby .function .title,
  163. pre .ruby .title .keyword,
  164. pre .perl .sub,
  165. pre .javascript .title,
  166. pre .coffeescript .title {
  167. color: #69c;
  168. }
  169. pre .keyword,
  170. pre .javascript .function {
  171. color: #c9c;
  172. }