/* codepen.io Embed Theme Author: Justin Perry <http://github.com/ourmaninamsterdam> Original theme - https://github.com/chriskempson/tomorrow-theme */ .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #222; color: #fff; font-family: Menlo, Monaco, 'Andale Mono', 'Lucida Console', 'Courier New', monospace; -webkit-text-size-adjust: none; } .hljs-comment, .hljs-title { color: #777; } .hljs-variable, .hljs-attribute, .hljs-tag, .hljs-regexp, .ruby .constant, .xml .tag .title, .xml .pi, .xml .doctype, .html .doctype { color: #ab875d; } .css .value { color: #cd6a51; } .css .value .function, .css .value .string { color: #a67f59; } .css .value .number { color: #9b869c; } .css .id, .css .class, .css-pseudo, .css .selector, .css .tag { color: #dfc48c; } .hljs-number, .hljs-preprocessor, .hljs-built_in, .hljs-literal, .hljs-params, .hljs-constant { color: #ab875d; } .ruby .class .title, .css .rules .attribute { color: #9b869b; } .hljs-string, .hljs-value, .hljs-inheritance, .hljs-header, .ruby .symbol, .xml .cdata { color: #8f9c6c; } .css .hexcolor { color: #cd6a51; } .function, .python .decorator, .python .title, .ruby .function .title, .ruby .title .keyword, .perl .sub, .javascript .title, .coffeescript .title { color: #fff; } .hljs-keyword, .javascript .function { color: #8f9c6c; } .coffeescript .javascript, .javascript, .javascript .xml, .tex .formula, .xml .javascript, .xml .vbscript, .xml .css, .xml .cdata { background: transparent; opacity: 1; }