/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 * Ported from PrismJS to HighlightJS
 */

code.hljs,
pre:has(code.hljs) {
	color: #f8f8f2;
	background: none;
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre:has(code.hljs) {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code.hljs,
pre:has(code.hljs) {
	background: #272822;
}

/* Inline code */
:not(pre) > code.hljs {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

/* comment, prolog, doctype, cdata */
.hljs-comment,
.hljs-quote {
	color: #8292a2;
}

/* property, tag, constant, symbol, deleted */
.hljs-property,
.hljs-tag,
.hljs-name,
.hljs-deletion {
	color: #f92672;
}

/* boolean, number */
.hljs-number,
.hljs-literal,
.hljs-symbol {
	color: #ae81ff;
}

/* selector, attr-name, string, char, builtin, inserted */
.hljs-selector-tag,
.hljs-selector-class,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-attr,
.hljs-string,
.hljs-bullet,
.hljs-built_in,
.hljs-addition {
	color: #a6e22e;
}

/* operator, entity, url, variable */
.hljs-operator,
.hljs-link,
.hljs-variable,
.hljs-template-variable {
	color: #f8f8f2;
}

/* atrule, attr-value, function, class-name */
.hljs-meta,
.hljs-title,
.hljs-title.function_,
.hljs-title.class_,
.hljs-section {
	color: #e6db74;
}

/* keyword */
.hljs-keyword {
	color: #66d9ef;
}

/* regex, important */
.hljs-regexp {
	color: #fd971f;
}

/* important, bold */
.hljs-strong {
	font-weight: bold;
}

/* italic */
.hljs-emphasis {
	font-style: italic;
}