codepen-embed.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. /*
  2. codepen.io Embed Theme
  3. Author: Justin Perry <http://github.com/ourmaninamsterdam>
  4. Original theme - https://github.com/chriskempson/tomorrow-theme
  5. */
  6. .hljs {
  7. display: block;
  8. overflow-x: auto;
  9. padding: 0.5em;
  10. background: #222;
  11. color: #fff;
  12. font-family: Menlo, Monaco, 'Andale Mono', 'Lucida Console', 'Courier New', monospace;
  13. -webkit-text-size-adjust: none;
  14. }
  15. .hljs-comment,
  16. .hljs-title {
  17. color: #777;
  18. }
  19. .hljs-variable,
  20. .hljs-attribute,
  21. .hljs-tag,
  22. .hljs-regexp,
  23. .hljs-name,
  24. .ruby .constant,
  25. .xml .tag .title,
  26. .xml .pi,
  27. .xml .doctype,
  28. .html .doctype {
  29. color: #ab875d;
  30. }
  31. .css .value {
  32. color: #cd6a51;
  33. }
  34. .css .value .function,
  35. .css .value .string {
  36. color: #a67f59;
  37. }
  38. .css .value .number {
  39. color: #9b869c;
  40. }
  41. .css .id,
  42. .css .class,
  43. .css-pseudo,
  44. .css .selector,
  45. .css .tag {
  46. color: #dfc48c;
  47. }
  48. .hljs-number,
  49. .hljs-preprocessor,
  50. .hljs-built_in,
  51. .hljs-literal,
  52. .hljs-params,
  53. .hljs-constant {
  54. color: #ab875d;
  55. }
  56. .ruby .class .title,
  57. .css .rules .attribute {
  58. color: #9b869b;
  59. }
  60. .hljs-string,
  61. .hljs-value,
  62. .hljs-inheritance,
  63. .hljs-header,
  64. .ruby .symbol,
  65. .xml .cdata {
  66. color: #8f9c6c;
  67. }
  68. .css .hexcolor {
  69. color: #cd6a51;
  70. }
  71. .function,
  72. .python .decorator,
  73. .python .title,
  74. .ruby .function .title,
  75. .ruby .title .keyword,
  76. .perl .sub,
  77. .javascript .title,
  78. .coffeescript .title {
  79. color: #fff;
  80. }
  81. .hljs-keyword,
  82. .javascript .function {
  83. color: #8f9c6c;
  84. }