Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Embed Theme Example
<div class="embed-nav group" id="embed-nav">
<a id="html-link" href="#html-box">
<a id="css-link" href="#css-box">
<a id="js-link" href="#js-box">
<a id="result-link" href="#result-box" class="active">
<div class="logo-wrap" id="edit-area">
<a target="_blank" href="<%= url_to_pen_view(@pen, 'pen') %>" title="Edit on CodePen">
<span class="on">on</span>[[[]]]
.cp-embed-logo {
fill: #ccc;
.embed-nav {
background: linear-gradient(#666, black);
Monokai style - ported by Luigi Maselli -
#output pre {
background-color: #263238;
hljs, #output {
display: block;
overflow-x: auto;
padding: 0;
background: #263238;
color: white;
font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
line-height: 1.45;
tab-size: 2;
-webkit-font-smoothing: auto;
-webkit-text-size-adjust: none;
position: relative;
border-radius: 2px;
margin: 0 0 1em;
#output .cm-tag,
.hljs-tag .hljs-title,
.nginx .hljs-title,
.tex .hljs-special {
color: #e91e63;
hljs {
color: #ddd;
hljs .hljs-constant,
.asciidoc .hljs-code,
.markdown .hljs-code {
color: #66d9ef;
.hljs-class .hljs-title,
.hljs-header {
color: white;
#output .cm-attribute,
.hljs-symbol .hljs-string,
.hljs-regexp {
color: #9fa8da;
#output .cm-string,
.hljs-tag .hljs-value,
.ruby .hljs-class .hljs-parent,
.django .hljs-template_tag,
.django .hljs-variable,
.smalltalk .hljs-class,
.django .hljs-filter .hljs-argument,
.smalltalk .hljs-localvars,
.smalltalk .hljs-array,
.apache .hljs-tag,
.apache .hljs-cbracket,
.tex .hljs-command,
.hljs-name {
color: #9ccc65;
#output .cm-comment,
.apache .hljs-sqbracket,
.tex .hljs-formula {
color: #75715e;
.css .hljs-id,
.vbscript .hljs-built_in,
.rsl .hljs-built_in,
.smalltalk .hljs-class,
.diff .hljs-header,
.bash .hljs-variable,
.apache .hljs-tag,
.tex .hljs-special,
.hljs-status {
font-weight: bold;
.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata {
opacity: 0.5;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.