/* codepen.io Embed Theme Author: Justin Perry Original theme - https://github.com/chriskempson/tomorrow-theme */ pre code { 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; } pre .comment, pre .title { color: #777; } pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype { color: #ab875d; } pre .css .value { color: #cd6a51; } pre .css .value .function, pre .css .value .string { color: #a67f59; } pre .css .value .number { color: #9b869c; } pre .css .id, pre .css .class, pre .css-pseudo, pre .css .selector, pre .css .tag { color: #dfc48c; } pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant { color: #ab875d; } pre .ruby .class .title, pre .css .rules .attribute { color: #9b869b; } pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata { color: #8f9c6c; } pre .css .hexcolor { color: #cd6a51; } pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title { color: #fff; } pre .keyword, pre .javascript .function { color: #8f9c6c; } pre .coffeescript .javascript, pre .javascript, pre .javascript .xml, pre .tex .formula, pre .xml .javascript, pre .xml .vbscript, pre .xml .css, pre .xml .cdata { background: transparent; opacity: 1; }