Commit adf0f7b4 authored by John's avatar John

Site updated: 2018-04-29 21:32:24

parent ef939e9f
<!DOCTYPE html>
<html lang=en>
<head>
<!-- so meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta property="og:type" content="website">
<meta property="og:title" content="about">
<meta property="og:url" content="http://blog.thebestjohn.com/about/index.html">
<meta property="og:site_name" content="TheBestJohn">
<meta property="og:locale" content="en">
<meta property="og:updated_time" content="2018-04-26T19:29:04.164Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="about">
<link rel="shortcut icon" href="/images/favicon.ico">
<link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<!-- title -->
<title>about</title>
<!-- styles -->
<link rel="stylesheet" href="/css/style.css">
<!-- persian styles -->
<link rel="stylesheet" href="/css/rtl.css">
<!-- rss -->
</head>
<body class="max-width mx-auto px3 ltr">
<div class="content index my4">
<header id="header">
<a href="/">
<div id="logo" style="background-image: url(/images/logo.png);"></div>
<div id="title">
<h1>TheBestJohn</h1>
</div>
</a>
<div id="nav">
<ul>
<li class="icon">
<a href="#"><i class="fas fa-bars fa-2x"></i></a>
</li>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Writing</a></li>
</ul>
</div>
</header>
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<div class="content" itemprop="articleBody">
</div>
</article>
</div>
<footer id="footer">
<div class="footer-left">
Copyright &copy; 2018 TheBestJohn
</div>
<div class="footer-right">
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Writing</a></li>
</ul>
</nav>
</div>
</footer>
</body>
</html>
<!-- styles -->
<link rel="stylesheet" href="/lib/font-awesome/css/fontawesome-all.min.css">
<link rel="stylesheet" href="/lib/justified-gallery/css/justifiedGallery.min.css">
<!-- jquery -->
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/justified-gallery/js/jquery.justifiedGallery.min.js"></script>
<script src="/js/main.js"></script>
<!-- search -->
<!-- Google Analytics -->
<!-- Baidu Analytics -->
<!-- Disqus Comments -->
<script type="text/javascript">
var disqus_shortname = 'thebestjohn';
(function(){
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}());
</script>
extends includes/layout
block content
include includes/article
<!DOCTYPE html>
<html lang=en>
<head>
<!-- so meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta property="og:type" content="website">
<meta property="og:title" content="TheBestJohn">
<meta property="og:url" content="http://blog.thebestjohn.com/archives/2018/04/index.html">
<meta property="og:site_name" content="TheBestJohn">
<meta property="og:locale" content="en">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn">
<link rel="shortcut icon" href="/images/favicon.ico">
<link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<!-- title -->
<title>TheBestJohn</title>
<!-- styles -->
<link rel="stylesheet" href="/css/style.css">
<!-- persian styles -->
<link rel="stylesheet" href="/css/rtl.css">
<!-- rss -->
</head>
<body class="max-width mx-auto px3 ltr">
<div class="content index my4">
<header id="header">
<a href="/">
<div id="logo" style="background-image: url(/images/logo.png);"></div>
<div id="title">
<h1>TheBestJohn</h1>
</div>
</a>
<div id="nav">
<ul>
<li class="icon">
<a href="#"><i class="fas fa-bars fa-2x"></i></a>
</li>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Writing</a></li>
</ul>
</div>
</header>
<div id="archive">
<ul class="post-list">
<h2>2018</h2>
<li class="post-item">
<div class="meta">
<time datetime="2018-04-27T17:40:00.000Z" itemprop="datePublished">2018-04-27</time>
</div>
<span>
<a class="" href="/posts/static-site-what/">Static Site what?!</a>
</span>
</li>
</ul>
</div>
</div>
<footer id="footer">
<div class="footer-left">
Copyright &copy; 2018 TheBestJohn
</div>
<div class="footer-right">
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Writing</a></li>
</ul>
</nav>
</div>
</footer>
</body>
</html>
<!-- styles -->
<link rel="stylesheet" href="/lib/font-awesome/css/fontawesome-all.min.css">
<link rel="stylesheet" href="/lib/justified-gallery/css/justifiedGallery.min.css">
<!-- jquery -->
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/justified-gallery/js/jquery.justifiedGallery.min.js"></script>
<script src="/js/main.js"></script>
<!-- search -->
<!-- Google Analytics -->
<!-- Baidu Analytics -->
<!-- Disqus Comments -->
<script type="text/javascript">
var disqus_shortname = 'thebestjohn';
(function(){
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}());
</script>
extends includes/layout
block content
include includes/post-list
include includes/pagination
<!DOCTYPE html>
<html lang=en>
<head>
<!-- so meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta property="og:type" content="website">
<meta property="og:title" content="TheBestJohn">
<meta property="og:url" content="http://blog.thebestjohn.com/archives/2018/index.html">
<meta property="og:site_name" content="TheBestJohn">
<meta property="og:locale" content="en">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn">
<link rel="shortcut icon" href="/images/favicon.ico">
<link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<!-- title -->
<title>TheBestJohn</title>
<!-- styles -->
<link rel="stylesheet" href="/css/style.css">
<!-- persian styles -->
<link rel="stylesheet" href="/css/rtl.css">
<!-- rss -->
</head>
<body class="max-width mx-auto px3 ltr">
<div class="content index my4">
<header id="header">
<a href="/">
<div id="logo" style="background-image: url(/images/logo.png);"></div>
<div id="title">
<h1>TheBestJohn</h1>
</div>
</a>
<div id="nav">
<ul>
<li class="icon">
<a href="#"><i class="fas fa-bars fa-2x"></i></a>
</li>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Writing</a></li>
</ul>
</div>
</header>
<div id="archive">
<ul class="post-list">
<h2>2018</h2>
<li class="post-item">
<div class="meta">
<time datetime="2018-04-27T17:40:00.000Z" itemprop="datePublished">2018-04-27</time>
</div>
<span>
<a class="" href="/posts/static-site-what/">Static Site what?!</a>
</span>
</li>
</ul>
</div>
</div>
<footer id="footer">
<div class="footer-left">
Copyright &copy; 2018 TheBestJohn
</div>
<div class="footer-right">
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Writing</a></li>
</ul>
</nav>
</div>
</footer>
</body>
</html>
<!-- styles -->
<link rel="stylesheet" href="/lib/font-awesome/css/fontawesome-all.min.css">
<link rel="stylesheet" href="/lib/justified-gallery/css/justifiedGallery.min.css">
<!-- jquery -->
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/justified-gallery/js/jquery.justifiedGallery.min.js"></script>
<script src="/js/main.js"></script>
<!-- search -->
<!-- Google Analytics -->
<!-- Baidu Analytics -->
<!-- Disqus Comments -->
<script type="text/javascript">
var disqus_shortname = 'thebestjohn';
(function(){
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}());
</script>
extends includes/layout
block content
include includes/post-list
include includes/pagination
<!DOCTYPE html>
<html lang=en>
<head>
<!-- so meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta property="og:type" content="website">
<meta property="og:title" content="TheBestJohn">
<meta property="og:url" content="http://blog.thebestjohn.com/archives/index.html">
<meta property="og:site_name" content="TheBestJohn">
<meta property="og:locale" content="en">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn">
<link rel="shortcut icon" href="/images/favicon.ico">
<link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<!-- title -->
<title>TheBestJohn</title>
<!-- styles -->
<link rel="stylesheet" href="/css/style.css">
<!-- persian styles -->
<link rel="stylesheet" href="/css/rtl.css">
<!-- rss -->
</head>
<body class="max-width mx-auto px3 ltr">
<div class="content index my4">
<header id="header">
<a href="/">
<div id="logo" style="background-image: url(/images/logo.png);"></div>
<div id="title">
<h1>TheBestJohn</h1>
</div>
</a>
<div id="nav">
<ul>
<li class="icon">
<a href="#"><i class="fas fa-bars fa-2x"></i></a>
</li>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Writing</a></li>
</ul>
</div>
</header>
<div id="archive">
<ul class="post-list">
<h2>2018</h2>
<li class="post-item">
<div class="meta">
<time datetime="2018-04-27T17:40:00.000Z" itemprop="datePublished">2018-04-27</time>
</div>
<span>
<a class="" href="/posts/static-site-what/">Static Site what?!</a>
</span>
</li>
</ul>
</div>
</div>
<footer id="footer">
<div class="footer-left">
Copyright &copy; 2018 TheBestJohn
</div>
<div class="footer-right">
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Writing</a></li>
</ul>
</nav>
</div>
</footer>
</body>
</html>
<!-- styles -->
<link rel="stylesheet" href="/lib/font-awesome/css/fontawesome-all.min.css">
<link rel="stylesheet" href="/lib/justified-gallery/css/justifiedGallery.min.css">
<!-- jquery -->
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/justified-gallery/js/jquery.justifiedGallery.min.js"></script>
<script src="/js/main.js"></script>
<!-- search -->
<!-- Google Analytics -->
<!-- Baidu Analytics -->
<!-- Disqus Comments -->
<script type="text/javascript">
var disqus_shortname = 'thebestjohn';
(function(){
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}());
</script>
extends includes/layout
block content
include includes/post-list
include includes/pagination
<!DOCTYPE html>
<html lang=en>
<head>
<!-- so meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta property="og:type" content="website">
<meta property="og:title" content="TheBestJohn">
<meta property="og:url" content="http://blog.thebestjohn.com/categories/Web-Dev/index.html">
<meta property="og:site_name" content="TheBestJohn">
<meta property="og:locale" content="en">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn">
<link rel="shortcut icon" href="/images/favicon.ico">
<link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<!-- title -->
<title>TheBestJohn</title>
<!-- styles -->
<link rel="stylesheet" href="/css/style.css">
<!-- persian styles -->
<link rel="stylesheet" href="/css/rtl.css">
<!-- rss -->
</head>
<body class="max-width mx-auto px3 ltr">
<div class="content index my4">
<header id="header">
<a href="/">
<div id="logo" style="background-image: url(/images/logo.png);"></div>
<div id="title">
<h1>TheBestJohn</h1>
</div>
</a>
<div id="nav">
<ul>
<li class="icon">
<a href="#"><i class="fas fa-bars fa-2x"></i></a>
</li>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Writing</a></li>
</ul>
</div>
</header>
<div id="archive">
<ul class="post-list">
<h2>2018</h2>
<li class="post-item">
<div class="meta">
<time datetime="2018-04-27T17:40:00.000Z" itemprop="datePublished">2018-04-27</time>
</div>
<span>
<a class="" href="/posts/static-site-what/">Static Site what?!</a>
</span>
</li>
</ul>
</div>
</div>
<footer id="footer">
<div class="footer-left">
Copyright &copy; 2018 TheBestJohn
</div>
<div class="footer-right">
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Writing</a></li>
</ul>
</nav>
</div>
</footer>
</body>
</html>
<!-- styles -->
<link rel="stylesheet" href="/lib/font-awesome/css/fontawesome-all.min.css">
<link rel="stylesheet" href="/lib/justified-gallery/css/justifiedGallery.min.css">
<!-- jquery -->
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/justified-gallery/js/jquery.justifiedGallery.min.js"></script>
<script src="/js/main.js"></script>
<!-- search -->
<!-- Google Analytics -->
<!-- Baidu Analytics -->
<!-- Disqus Comments -->
<script type="text/javascript">
var disqus_shortname = 'thebestjohn';
(function(){
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}());
</script>
extends includes/layout
block content
include includes/post-list
include includes/pagination
/*
* Agate by Taufik Nurrohman <https://github.com/tovic>
* ----------------------------------------------------
*
* #ade5fc
* #a2fca2
* #c6b4f0
* #d36363
* #fcc28c
* #fc9b9b
* #ffa
* #fff
* #333
* #62c8f3
* #888
*
*/
.highlight {
color: #fff;
background: #333; }
.highlight .code .name, .highlight .code .strong {
font-weight: bold; }
.highlight .code .code, .highlight .code .emphasis {
font-style: italic; }
.highlight .code .tag {
color: #62c8f3; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .selector-id, .highlight .code .selector-class {
color: #ade5fc; }
.highlight .code .string, .highlight .code .bullet {
color: #a2fca2; }
.highlight .code .type, .highlight .code .title, .highlight .code .section, .highlight .code .attribute, .highlight .code .quote, .highlight .code .built_in, .highlight .code .builtin-name {
color: #ffa; }
.highlight .code .number, .highlight .code .symbol, .highlight .code .bullet {
color: #d36363; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal {
color: #fcc28c; }
.highlight .code .comment, .highlight .code .deletion, .highlight .code .code {
color: #888; }
.highlight .code .regexp, .highlight .code .link {
color: #c6b4f0; }
.highlight .code .meta {
color: #fc9b9b; }
.highlight .code .deletion {
background-color: #fc9b9b;
color: #333; }
.highlight .code .addition {
background-color: #a2fca2;
color: #333; }
.highlight .code .highlight a {
color: inherit; }
.highlight .code .highlight a:focus, .highlight .code .highlight a:hover {
color: inherit;
text-decoration: underline; }
/*
Date: 24 Fev 2015
Author: Pedro Oliveira <kanytu@gmail . com>
*/
.highlight {
color: #a9b7c6;
background: #282b2e; }
.highlight .code .number, .highlight .code .literal, .highlight .code .symbol, .highlight .code .bullet {
color: #6897bb; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .deletion {
color: #cc7832; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .link {
color: #629755; }
.highlight .code .comment, .highlight .code .quote {
color: #808080; }
.highlight .code .meta {
color: #bbb529; }
.highlight .code .string, .highlight .code .attribute, .highlight .code .addition {
color: #6a8759; }
.highlight .code .section, .highlight .code .title, .highlight .code .type {
color: #ffc66d; }
.highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class {
color: #e8bf6a; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
@charset "UTF-8";
/*
Arduino® Light Theme - Stefania Mellai <[email protected]>
*/
.highlight {
color: #434f54;
background: #fff; }
.highlight .code .subst {
color: #434f54; }
.highlight .code .keyword, .highlight .code .attribute, .highlight .code .selector-tag, .highlight .code .doctag, .highlight .code .name {
color: #00979d; }
.highlight .code .built_in, .highlight .code .literal, .highlight .code .bullet, .highlight .code .code, .highlight .code .addition {
color: #d35400; }
.highlight .code .regexp, .highlight .code .symbol, .highlight .code .variable, .highlight .code .template-variable, .highlight .code .link, .highlight .code .selector-attr, .highlight .code .selector-pseudo {
color: #00979d; }
.highlight .code .type, .highlight .code .string, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .quote, .highlight .code .template-tag, .highlight .code .deletion {
color: #005c5f; }
.highlight .code .title, .highlight .code .section {
color: #800;
font-weight: bold; }
.highlight .code .comment {
color: rgba(149, 165, 166, 0.8); }
.highlight .code .meta-keyword {
color: #728e00; }
.highlight .code .meta {
color: #728e00;
color: #434f54; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
.highlight .code .function {
color: #728e00; }
.highlight .code .number {
color: #8a7b52; }
/*
Date: 17.V.2011
Author: pumbur <[email protected]>
*/
.highlight {
color: #aaa;
background: #222; }
.highlight .code .subst {
color: #aaa; }
.highlight .code .section {
color: #fff; }
.highlight .code .comment, .highlight .code .quote, .highlight .code .meta {
color: #444; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .regexp {
color: #fc3; }
.highlight .code .number, .highlight .code .addition {
color: #0c6; }
.highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .link {
color: #32aaee; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class {
color: #64a; }
.highlight .code .title, .highlight .code .variable, .highlight .code .deletion, .highlight .code .template-tag {
color: #b16; }
.highlight .code .section, .highlight .code .doctag, .highlight .code .strong {
font-weight: bold; }
.highlight .code .emphasis {
font-style: italic; }
/*
Original style from softwaremaniacs.org (c) Ivan Sagalaev <[email protected]>
*/
.highlight {
color: #000;
background: #fff; }
.highlight .code .string, .highlight .code .variable, .highlight .code .template-variable, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .section, .highlight .code .addition, .highlight .code .attribute, .highlight .code .link {
color: #888; }
.highlight .code .comment, .highlight .code .quote, .highlight .code .meta, .highlight .code .deletion {
color: #ccc; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .section, .highlight .code .name, .highlight .code .type, .highlight .code .strong {
font-weight: bold; }
.highlight .code .emphasis {
font-style: italic; }
/* Base16 Atelier Cave Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #8b8792;
background: #19171c; }
.highlight .code .comment, .highlight .code .quote {
color: #7e7887; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .regexp, .highlight .code .link, .highlight .code .tag, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class {
color: #be4678; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #aa573c; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #2a9292; }
.highlight .code .title, .highlight .code .section {
color: #576ddb; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #955ae7; }
.highlight .code .deletion, .highlight .code .addition {
color: #19171c;
display: inline-block;
width: 100%; }
.highlight .code .deletion {
background-color: #be4678; }
.highlight .code .addition {
background-color: #2a9292; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Cave Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/cave) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #585260;
background: #efecf4; }
.highlight .code .comment, .highlight .code .quote {
color: #655f6d; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #be4678; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #aa573c; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #2a9292; }
.highlight .code .title, .highlight .code .section {
color: #576ddb; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #955ae7; }
.highlight .code .deletion, .highlight .code .addition {
color: #19171c;
display: inline-block;
width: 100%; }
.highlight .code .deletion {
background-color: #be4678; }
.highlight .code .addition {
background-color: #2a9292; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Dune Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #a6a28c;
background: #20201d; }
.highlight .code .comment, .highlight .code .quote {
color: #999580; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #d73737; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #b65611; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #60ac39; }
.highlight .code .title, .highlight .code .section {
color: #6684e1; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #b854d4; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Dune Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #6e6b5e;
background: #fefbec; }
.highlight .code .comment, .highlight .code .quote {
color: #7d7a68; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #d73737; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #b65611; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #60ac39; }
.highlight .code .title, .highlight .code .section {
color: #6684e1; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #b854d4; }
.highlight .code .highlight {
display: block;
overflow-x: auto;
background: #fefbec;
color: #6e6b5e;
padding: 0.5em; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Estuary Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #929181;
background: #22221b; }
.highlight .code .comment, .highlight .code .quote {
color: #878573; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #ba6236; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #ae7313; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #7d9726; }
.highlight .code .title, .highlight .code .section {
color: #36a166; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #5f9182; }
.highlight .code .deletion, .highlight .code .addition {
color: #22221b;
display: inline-block;
width: 100%; }
.highlight .code .deletion {
background-color: #ba6236; }
.highlight .code .addition {
background-color: #7d9726; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Estuary Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/estuary) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #5f5e4e;
background: #f4f3ec; }
.highlight .code .comment, .highlight .code .quote {
color: #6c6b5a; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #ba6236; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #ae7313; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #7d9726; }
.highlight .code .title, .highlight .code .section {
color: #36a166; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #5f9182; }
.highlight .code .deletion, .highlight .code .addition {
color: #22221b;
display: inline-block;
width: 100%; }
.highlight .code .deletion {
background-color: #ba6236; }
.highlight .code .addition {
background-color: #7d9726; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Forest Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #a8a19f;
background: #1b1918; }
.highlight .code .comment, .highlight .code .quote {
color: #9c9491; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #f22c40; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #df5320; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #7b9726; }
.highlight .code .title, .highlight .code .section {
color: #407ee7; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #6666ea; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Forest Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/forest) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #68615e;
background: #f1efee; }
.highlight .code .comment, .highlight .code .quote {
color: #766e6b; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #f22c40; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #df5320; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #7b9726; }
.highlight .code .title, .highlight .code .section {
color: #407ee7; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #6666ea; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Heath Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #ab9bab;
background: #1b181b; }
.highlight .code .comment, .highlight .code .quote {
color: #9e8f9e; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #ca402b; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #a65926; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #918b3b; }
.highlight .code .title, .highlight .code .section {
color: #516aec; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #7b59c0; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Heath Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/heath) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #695d69;
background: #f7f3f7; }
.highlight .code .comment, .highlight .code .quote {
color: #776977; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #ca402b; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #a65926; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #918b3b; }
.highlight .code .title, .highlight .code .section {
color: #516aec; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #7b59c0; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Lakeside Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #7ea2b4;
background: #161b1d; }
.highlight .code .comment, .highlight .code .quote {
color: #7195a8; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #d22d72; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #935c25; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #568c3b; }
.highlight .code .title, .highlight .code .section {
color: #257fad; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #6b6bb8; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Lakeside Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/lakeside) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #516d7b;
background: #ebf8ff; }
.highlight .code .comment, .highlight .code .quote {
color: #5a7b8c; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #d22d72; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #935c25; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #568c3b; }
.highlight .code .title, .highlight .code .section {
color: #257fad; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #6b6bb8; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Plateau Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #8a8585;
background: #1b1818; }
.highlight .code .comment, .highlight .code .quote {
color: #7e7777; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #ca4949; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #b45a3c; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #4b8b8b; }
.highlight .code .title, .highlight .code .section {
color: #7272ca; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #8464c4; }
.highlight .code .deletion, .highlight .code .addition {
color: #1b1818;
display: inline-block;
width: 100%; }
.highlight .code .deletion {
background-color: #ca4949; }
.highlight .code .addition {
background-color: #4b8b8b; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Plateau Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/plateau) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #585050;
background: #f4ecec; }
.highlight .code .comment, .highlight .code .quote {
color: #655d5d; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #ca4949; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #b45a3c; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #4b8b8b; }
.highlight .code .title, .highlight .code .section {
color: #7272ca; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #8464c4; }
.highlight .code .deletion, .highlight .code .addition {
color: #1b1818;
display: inline-block;
width: 100%; }
.highlight .code .deletion {
background-color: #ca4949; }
.highlight .code .addition {
background-color: #4b8b8b; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Savanna Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #87928a;
background: #171c19; }
.highlight .code .comment, .highlight .code .quote {
color: #78877d; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #b16139; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #9f713c; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #489963; }
.highlight .code .title, .highlight .code .section {
color: #478c90; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #55859b; }
.highlight .code .deletion, .highlight .code .addition {
color: #171c19;
display: inline-block;
width: 100%; }
.highlight .code .deletion {
background-color: #b16139; }
.highlight .code .addition {
background-color: #489963; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Savanna Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/savanna) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #526057;
background: #ecf4ee; }
.highlight .code .comment, .highlight .code .quote {
color: #5f6d64; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #b16139; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #9f713c; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #489963; }
.highlight .code .title, .highlight .code .section {
color: #478c90; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #55859b; }
.highlight .code .deletion, .highlight .code .addition {
color: #171c19;
display: inline-block;
width: 100%; }
.highlight .code .deletion {
background-color: #b16139; }
.highlight .code .addition {
background-color: #489963; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Seaside Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #8ca68c;
background: #131513; }
.highlight .code .comment, .highlight .code .quote {
color: #809980; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #e6193c; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #87711d; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #29a329; }
.highlight .code .title, .highlight .code .section {
color: #3d62f5; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #ad2bee; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Seaside Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/seaside) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #5e6e5e;
background: #f4fbf4; }
.highlight .code .comment, .highlight .code .quote {
color: #687d68; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #e6193c; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #87711d; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #29a329; }
.highlight .code .title, .highlight .code .section {
color: #3d62f5; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #ad2bee; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Sulphurpool Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #979db4;
background: #202746; }
.highlight .code .comment, .highlight .code .quote {
color: #898ea4; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #c94922; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #c76b29; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #ac9739; }
.highlight .code .title, .highlight .code .section {
color: #3d8fd1; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #6679cc; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Base16 Atelier Sulphurpool Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
.highlight {
color: #5e6687;
background: #f5f7ff; }
.highlight .code .comment, .highlight .code .quote {
color: #6b7394; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .regexp, .highlight .code .link, .highlight .code .selector-id, .highlight .code .selector-class {
color: #c94922; }
.highlight .code .number, .highlight .code .meta, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #c76b29; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet {
color: #ac9739; }
.highlight .code .title, .highlight .code .section {
color: #3d8fd1; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #6679cc; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
* converted by ProNomad(github.com/SungYeolWoo) from highlightjs
*/
.highlight {
display: block;
overflow-x: auto;
padding: 0.5em;
color: #abb2bf;
background: #282c34; }
.comment, .quote {
color: #5c6370;
font-style: italic; }
.doctag, .keyword, .formula {
color: #c678dd; }
.section, .name, .selector-tag, .deletion, .subst {
color: #e06c75; }
.literal {
color: #56b6c2; }
.string, .regexp, .addition, .attribute, .meta-string {
color: #98c379; }
.built_in, .class .title {
color: #e6c07b; }
.attr, .variable, .template-variable, .type, .selector-class, .selector-attr, .selector-pseudo, .number {
color: #d19a66; }
.symbol, .bullet, .link, .meta, .selector-id, .title {
color: #61aeee; }
.emphasis {
font-style: italic; }
.strong {
font-weight: bold; }
.link {
text-decoration: underline; }
/*
* converted by ProNomad(github.com/SungYeolWoo) from highlightjs
*/
.highlight {
display: block;
overflow-x: auto;
padding: 0.5em;
color: #383a42;
background: #fafafa; }
.comment, .quote {
color: #a0a1a7;
font-style: italic; }
.doctag, .keyword, .formula {
color: #a626a4; }
.section, .name, .selector-tag, .deletion, .subst {
color: #e45649; }
.literal {
color: #0184bb; }
.string, .regexp, .addition, .attribute, .meta-string {
color: #50a14f; }
.built_in, .class .title {
color: #c18401; }
.attr, .variable, .template-variable, .type, .selector-class, .selector-attr, .selector-pseudo, .number {
color: #986801; }
.symbol, .bullet, .link, .meta, .selector-id, .title {
color: #4078f2; }
.emphasis {
font-style: italic; }
.strong {
font-weight: bold; }
.link {
text-decoration: underline; }
/*
Brown Paper style from goldblog.com.ua (c) Zaripov Yura <[email protected]>
*/
.highlight {
color: #363c69;
background: #b7a68e url("brown-papersq.png"); }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal {
color: #059;
font-weight: bold; }
.highlight .code .highlight, .highlight .code .subst {
color: #363c69; }
.highlight .code .string, .highlight .code .title, .highlight .code .section, .highlight .code .type, .highlight .code .attribute, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .built_in, .highlight .code .addition, .highlight .code .variable, .highlight .code .template-tag, .highlight .code .template-variable, .highlight .code .link, .highlight .code .name {
color: #2c009f; }
.highlight .code .comment, .highlight .code .quote, .highlight .code .meta, .highlight .code .deletion {
color: #802022; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal, .highlight .code .doctag, .highlight .code .title, .highlight .code .section, .highlight .code .type, .highlight .code .name, .highlight .code .strong {
font-weight: bold; }
.highlight .code .emphasis {
font-style: italic; }
/*
codepen.io Embed Theme
Author: Justin Perry <http://github.com/ourmaninamsterdam>
Original theme - https://github.com/chriskempson/tomorrow-theme
*/
.highlight {
color: #fff;
background: #222; }
.highlight .code .comment, .highlight .code .quote {
color: #777; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .tag, .highlight .code .regexp, .highlight .code .meta, .highlight .code .number, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .params, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .link, .highlight .code .deletion {
color: #ab875d; }
.highlight .code .section, .highlight .code .title, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .type, .highlight .code .attribute {
color: #9b869b; }
.highlight .code .string, .highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .addition {
color: #8f9c6c; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
@charset "UTF-8";
/*
Colorbrewer theme
Original: https://github.com/mbostock/colorbrewer-theme (c) Mike Bostock <[email protected]>
Ported by Fabrício Tavares de Oliveira
*/
.highlight {
color: #000;
background: #fff; }
.highlight .code .subst {
color: #000; }
.highlight .code .string, .highlight .code .meta, .highlight .code .symbol, .highlight .code .template-tag, .highlight .code .template-variable, .highlight .code .addition {
color: #756bb1; }
.highlight .code .comment, .highlight .code .quote {
color: #636363; }
.highlight .code .number, .highlight .code .regexp, .highlight .code .literal, .highlight .code .bullet, .highlight .code .link {
color: #31a354; }
.highlight .code .deletion, .highlight .code .variable {
color: #88f; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .title, .highlight .code .section, .highlight .code .built_in, .highlight .code .doctag, .highlight .code .type, .highlight .code .tag, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .strong {
color: #3182bd; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .attribute {
color: #e6550d; }
/*
Dark style from softwaremaniacs.org (c) Ivan Sagalaev <[email protected]>
*/
.highlight {
color: #ddd;
background: #444; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal, .highlight .code .section, .highlight .code .link {
color: #fff; }
.highlight .code .subst {
color: #ddd; }
.highlight .code .string, .highlight .code .title, .highlight .code .name, .highlight .code .type, .highlight .code .attribute, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .built_in, .highlight .code .addition, .highlight .code .variable, .highlight .code .template-tag, .highlight .code .template-variable {
color: #d88; }
.highlight .code .comment, .highlight .code .quote, .highlight .code .deletion, .highlight .code .meta {
color: #777; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal, .highlight .code .title, .highlight .code .section, .highlight .code .doctag, .highlight .code .type, .highlight .code .name, .highlight .code .strong {
font-weight: bold; }
.highlight .code .emphasis {
font-style: italic; }
/*
Darkula color scheme from the JetBrains family of IDEs
*/
.highlight {
color: #bababa;
background: #2b2b2b; }
.highlight .code .strong, .highlight .code .emphasis {
color: #a8a8a2; }
.highlight .code .bullet, .highlight .code .quote, .highlight .code .link, .highlight .code .number, .highlight .code .regexp, .highlight .code .literal {
color: #6896ba; }
.highlight .code .code, .highlight .code .selector-class {
color: #a6e22e; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .section, .highlight .code .attribute, .highlight .code .name, .highlight .code .variable {
color: #cb7832; }
.highlight .code .params {
color: #b9b9b9; }
.highlight .code .string, .highlight .code .subst, .highlight .code .type, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .symbol, .highlight .code .selector-id, .highlight .code .selector-attr, .highlight .code .selector-pseudo, .highlight .code .template-tag, .highlight .code .template-variable, .highlight .code .addition {
color: #e0c46c; }
.highlight .code .comment, .highlight .code .deletion, .highlight .code .meta {
color: #7f7f7f; }
/*
Docco style used in http://jashkenas.github.com/docco/ converted by Simon Madine (@thingsinjars)
*/
.highlight {
color: #000;
background: #f8f8ff; }
.highlight .code .comment, .highlight .code .quote {
color: #408080;
font-style: italic; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal, .highlight .code .subst {
color: #954121; }
.highlight .code .number {
color: #40a070; }
.highlight .code .string, .highlight .code .doctag {
color: #219161; }
.highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .section, .highlight .code .type {
color: #19469d; }
.highlight .code .params {
color: #00f; }
.highlight .code .title {
color: #458;
font-weight: bold; }
.highlight .code .tag, .highlight .code .name, .highlight .code .attribute {
color: #000080;
font-weight: normal; }
.highlight .code .variable, .highlight .code .template-variable {
color: #008080; }
.highlight .code .regexp, .highlight .code .link {
color: #b68; }
.highlight .code .symbol, .highlight .code .bullet {
color: #990073; }
.highlight .code .built_in, .highlight .code .builtin-name {
color: #0086b3; }
.highlight .code .meta {
color: #999;
font-weight: bold; }
.highlight .code .deletion {
background: #fdd; }
.highlight .code .addition {
background: #dfd; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
.highlight {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #282a36;
color: #f8f8f2; }
.highlight .line {
min-height: 1.5em; }
.highlight .subst {
color: #f8f8f2; }
.highlight .keyword,
.highlight .selector-tag,
.highlight .section,
.highlight .link {
color: #ff79c6; }
.highlight .literal,
.highlight .number {
color: #bd93f9; }
.highlight .function .keyword {
color: #8be9fd; }
.highlight .title {
color: #50fa7b; }
.highlight .params {
color: #ffb86c; }
.highlight .string,
.highlight .name,
.highlight .type,
.highlight .symbol,
.highlight .bullet,
.highlight .addition,
.highlight .variable,
.highlight .template-tag,
.highlight .template-variable {
color: #f1fa8c; }
.highlight .string .subst {
color: #ff79c6; }
.highlight .comment,
.highlight .quote,
.highlight .deletion,
.highlight .meta {
color: #6272a4; }
.highlight .keyword,
.highlight .selector-tag,
.highlight .literal,
.highlight .title,
.highlight .section,
.highlight .doctag,
.highlight .type,
.highlight .name,
.highlight .strong {
font-weight: bold; }
.highlight .emphasis, .highlight .built_in {
font-style: italic; }
.highlight .built_in {
color: #8be9fd; }
.highlight .tag .name {
color: #ff79c6; }
.highlight .tag .attr {
color: #50fa7b; }
.highlight .selector-id,
.highlight .selector-class {
color: #50fa7b; }
.highlight .attribute {
color: #8be9fd; }
/*
FAR Style (c) MajestiC <[email protected]>
*/
.highlight {
color: #0ff;
background: #000080; }
.highlight .code .subst {
color: #0ff; }
.highlight .code .string, .highlight .code .attribute, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .template-tag, .highlight .code .template-variable, .highlight .code .addition {
color: #ff0; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .section, .highlight .code .type, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .variable {
color: #fff; }
.highlight .code .comment, .highlight .code .quote, .highlight .code .doctag, .highlight .code .deletion {
color: #888; }
.highlight .code .number, .highlight .code .regexp, .highlight .code .literal, .highlight .code .link {
color: #0f0; }
.highlight .code .meta {
color: #008080; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .title, .highlight .code .section, .highlight .code .name, .highlight .code .strong {
font-weight: bold; }
.highlight .code .emphasis {
font-style: italic; }
/*
Description: Foundation 4 docs style for highlight.js
Author: Dan Allen <[email protected]>
Website: http://foundation.zurb.com/docs/
Version: 1.0
Date: 2013-04-02
*/
.highlight {
color: #000;
background: #eee; }
.highlight .code .link, .highlight .code .emphasis, .highlight .code .attribute, .highlight .code .addition {
color: #070; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong, .highlight .code .string, .highlight .code .deletion {
color: #d14; }
.highlight .code .strong {
font-weight: bold; }
.highlight .code .quote, .highlight .code .comment {
color: #998;
font-style: italic; }
.highlight .code .section, .highlight .code .title {
color: #900; }
.highlight .code .class .title, .highlight .code .type {
color: #458; }
.highlight .code .variable, .highlight .code .template-variable {
color: #369; }
.highlight .code .bullet {
color: #970; }
.highlight .code .meta {
color: #34b; }
.highlight .code .code, .highlight .code .number, .highlight .code .literal, .highlight .code .keyword, .highlight .code .selector-tag {
color: #099; }
.highlight .code .regexp {
background-color: #fff0ff;
color: #808; }
.highlight .code .symbol {
color: #990073; }
.highlight .code .tag, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class {
color: #070; }
/**
* GitHub Gist Theme
* Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
*/
.highlight {
padding: 0.5em;
color: #333; }
.highlight .code .comment, .highlight .code .meta {
color: #969896; }
.highlight .code .string, .highlight .code .variable, .highlight .code .template-variable, .highlight .code .strong, .highlight .code .emphasis, .highlight .code .quote {
color: #df5000; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .type {
color: #a71d5d; }
.highlight .code .literal, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .attribute {
color: #0086b3; }
.highlight .code .section, .highlight .code .name {
color: #63a35c; }
.highlight .code .tag {
color: #333; }
.highlight .code .title, .highlight .code .attr, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .selector-attr, .highlight .code .selector-pseudo {
color: #795da3; }
.highlight .code .addition {
color: #55a532;
background-color: #eaffea; }
.highlight .code .deletion {
color: #bd2c00;
background-color: #ffecec; }
.highlight .code .link {
text-decoration: underline; }
/*
github.com style (c) Vasily Polovnyov <[email protected]>
*/
.highlight {
color: #333;
background: #f8f8f8; }
.highlight .code .comment, .highlight .code .quote {
color: #998;
font-style: italic; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .subst {
color: #333;
font-weight: bold; }
.highlight .code .number, .highlight .code .literal, .highlight .code .variable, .highlight .code .template-variable, .highlight .code .tag .attr {
color: #008080; }
.highlight .code .string, .highlight .code .doctag {
color: #d14; }
.highlight .code .title, .highlight .code .section, .highlight .code .selector-id {
color: #900;
font-weight: bold; }
.highlight .code .subst {
font-weight: normal; }
.highlight .code .type, .highlight .code .class .title {
color: #458;
font-weight: bold; }
.highlight .code .tag, .highlight .code .name, .highlight .code .attribute {
color: #000080;
font-weight: normal; }
.highlight .code .regexp, .highlight .code .link {
color: #009926; }
.highlight .code .symbol, .highlight .code .bullet {
color: #990073; }
.highlight .code .built_in, .highlight .code .builtin-name {
color: #0086b3; }
.highlight .code .meta {
color: #999;
font-weight: bold; }
.highlight .code .deletion {
background: #fdd; }
.highlight .code .addition {
background: #dfd; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
Google Code style (c) Aahan Krish <[email protected]>
*/
.highlight {
color: #000;
background: #fff; }
.highlight .code .comment, .highlight .code .quote {
color: #800; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .section, .highlight .code .title, .highlight .code .name {
color: #008; }
.highlight .code .variable, .highlight .code .template-variable {
color: #660; }
.highlight .code .string, .highlight .code .selector-attr, .highlight .code .selector-pseudo, .highlight .code .regexp {
color: #080; }
.highlight .code .literal, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .meta, .highlight .code .number, .highlight .code .link {
color: #066; }
.highlight .code .title, .highlight .code .doctag, .highlight .code .type, .highlight .code .attr, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .params {
color: #606; }
.highlight .code .attribute, .highlight .code .subst {
color: #000; }
.highlight .code .formula {
background-color: #eee;
font-style: italic; }
.highlight .code .selector-id, .highlight .code .selector-class {
color: #9b703f; }
.highlight .code .addition {
background-color: #baeeba; }
.highlight .code .deletion {
background-color: #ffc8bd; }
.highlight .code .doctag, .highlight .code .strong {
font-weight: bold; }
.highlight .code .emphasis {
font-style: italic; }
/*
grayscale style (c) MY Sun <[email protected]>
*/
.highlight {
color: #333;
background: #fff; }
.highlight .code .comment, .highlight .code .quote {
color: #777;
font-style: italic; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .subst {
color: #333;
font-weight: bold; }
.highlight .code .number, .highlight .code .literal {
color: #777; }
.highlight .code .string, .highlight .code .doctag, .highlight .code .formula {
color: #333;
background: url("data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJ0lEQVQIW2O8e/fufwYGBgZBQUEQxcCIIfDu3Tuwivfv30NUoAsAALHpFMMLqZlPAAAAAElFTkSuQmCC") repeat; }
.highlight .code .title, .highlight .code .section, .highlight .code .selector-id {
color: #000;
font-weight: bold; }
.highlight .code .subst {
font-weight: normal; }
.highlight .code .class .title, .highlight .code .type, .highlight .code .name {
color: #333;
font-weight: bold; }
.highlight .code .tag {
color: #333; }
.highlight .code .regexp {
color: #333;
background: url("data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAN37979r6yszIgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQDexSef15DBCwAAAABJRU5ErkJggg==") repeat; }
.highlight .code .symbol, .highlight .code .bullet, .highlight .code .link {
color: #000;
background: url("data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAO7d+/+z4gsBhJwdXVlhAvCBECKwIIwAbhKZBUwBQA6hBpm5efZsgAAAABJRU5ErkJggg==") repeat; }
.highlight .code .built_in, .highlight .code .builtin-name {
color: #000;
text-decoration: underline; }
.highlight .code .meta {
color: #999;
font-weight: bold; }
.highlight .code .deletion {
color: #fff;
background: url("data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAE0lEQVQIW2MMDQ39zzhz5kwIAQAyxweWgUHd1AAAAABJRU5ErkJggg==") repeat; }
.highlight .code .addition {
color: #000;
background: url("data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAALUlEQVQYV2N89+7dfwYk8P79ewZBQUFkIQZGOiu6e/cuiptQHAPl0NtNxAQBAM97Oejj3Dg7AAAAAElFTkSuQmCC") repeat; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
Original highlight.js style (c) Ivan Sagalaev <[email protected]>
*/
.highlight {
color: #444;
background: #f0f0f0; }
.highlight .code .subst {
color: #444; }
.highlight .code .keyword, .highlight .code .attribute, .highlight .code .selector-tag, .highlight .code .meta-keyword, .highlight .code .doctag, .highlight .code .name {
font-weight: bold; }
.highlight .code .built_in, .highlight .code .literal, .highlight .code .bullet, .highlight .code .code, .highlight .code .addition {
color: #1f811f; }
.highlight .code .regexp, .highlight .code .symbol, .highlight .code .variable, .highlight .code .template-variable, .highlight .code .link, .highlight .code .selector-attr, .highlight .code .selector-pseudo {
color: #bc6060; }
.highlight .code .type, .highlight .code .string, .highlight .code .number, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .quote, .highlight .code .template-tag, .highlight .code .deletion {
color: #800; }
.highlight .code .title, .highlight .code .section {
color: #800;
font-weight: bold; }
.highlight .code .comment {
color: #888; }
.highlight .code .meta {
color: #2b6ea1; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
* Hopscotch
* by Jan T. Sott
* https://github.com/idleberg/Hopscotch
*
* This work is licensed under the Creative Commons CC0 1.0 Universal License
*/
.highlight {
color: #b9b5b8;
background: #322931; }
.highlight .code .comment, .highlight .code .quote {
color: #989498; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute, .highlight .code .tag, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .regexp, .highlight .code .link, .highlight .code .deletion {
color: #dd464c; }
.highlight .code .number, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params {
color: #fd8b19; }
.highlight .code .class .title {
color: #fdcc59; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .addition {
color: #8fc13e; }
.highlight .code .meta {
color: #149b93; }
.highlight .code .function, .highlight .code .section, .highlight .code .title {
color: #1290bf; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #c85e7c; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
vim-hybrid theme by w0ng (https://github.com/w0ng/vim-hybrid)
*/
/*background color*/
.highlight {
color: #c5c8c6;
background: #1d1f21;
/*selection color*/ }
.highlight::selection, .highlight span::selection, .highlight::-moz-selection, .highlight span::-moz-selection {
background: #373b41; }
.highlight .code .title, .highlight .code .name {
color: #f0c674; }
.highlight .code .comment {
color: #707880; }
.highlight .code .meta {
color: #707880; }
.highlight .code .meta .keyword {
color: #707880; }
.highlight .code .number, .highlight .code .symbol, .highlight .code .literal, .highlight .code .deletion, .highlight .code .link {
color: #c66; }
.highlight .code .string, .highlight .code .doctag, .highlight .code .addition, .highlight .code .regexp, .highlight .code .selector-attr, .highlight .code .selector-pseudo {
color: #b5bd68; }
.highlight .code .attribute, .highlight .code .code, .highlight .code .selector-id {
color: #b294bb; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .bullet, .highlight .code .tag {
color: #81a2be; }
.highlight .code .subst, .highlight .code .variable, .highlight .code .template-tag, .highlight .code .template-variable {
color: #8abeb7; }
.highlight .code .type, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .quote, .highlight .code .section, .highlight .code .selector-class {
color: #de935f; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
Intellij Idea-like styling (c) Vasily Polovnyov <[email protected]>
*/
.highlight {
color: #000;
background: #fff; }
.highlight .code .subst, .highlight .code .title {
font-weight: normal;
color: #000; }
.highlight .code .comment, .highlight .code .quote {
color: #808080;
font-style: italic; }
.highlight .code .meta {
color: #808000; }
.highlight .code .tag {
background: #efefef; }
.highlight .code .section, .highlight .code .name, .highlight .code .literal, .highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .type, .highlight .code .selector-id, .highlight .code .selector-class {
font-weight: bold;
color: #000080; }
.highlight .code .attribute, .highlight .code .number, .highlight .code .regexp, .highlight .code .link {
font-weight: bold;
color: #00f; }
.highlight .code .number, .highlight .code .regexp, .highlight .code .link {
font-weight: normal; }
.highlight .code .string {
color: #008000;
font-weight: bold; }
.highlight .code .symbol, .highlight .code .bullet, .highlight .code .formula {
color: #000;
background: #d0eded;
font-style: italic; }
.highlight .code .doctag {
text-decoration: underline; }
.highlight .code .variable, .highlight .code .template-variable {
color: #660e7a; }
.highlight .code .addition {
background: #baeeba; }
.highlight .code .deletion {
background: #ffc8bd; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
IR_Black style (c) Vasily Mikhailitchenko <[email protected]>
*/
.highlight {
color: #f8f8f8;
background: #000; }
.highlight .code .comment, .highlight .code .quote, .highlight .code .meta {
color: #7c7c7c; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .tag, .highlight .code .name {
color: #96cbfe; }
.highlight .code .attribute, .highlight .code .selector-id {
color: #ffffb6; }
.highlight .code .string, .highlight .code .selector-attr, .highlight .code .selector-pseudo, .highlight .code .addition {
color: #a8ff60; }
.highlight .code .subst {
color: #daefa3; }
.highlight .code .regexp, .highlight .code .link {
color: #e9c062; }
.highlight .code .title, .highlight .code .section, .highlight .code .type, .highlight .code .doctag {
color: #ffffb6; }
.highlight .code .symbol, .highlight .code .bullet, .highlight .code .variable, .highlight .code .template-variable, .highlight .code .literal {
color: #c6c5fe; }
.highlight .code .number, .highlight .code .deletion {
color: #ff73fd; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
Name: Kimbie (dark)
Author: Jan T. Sott
License: Creative Commons Attribution-ShareAlike 4.0 Unported License
URL: https://github.com/idleberg/Kimbie-highlight.js
*/
.highlight {
color: #d3af86;
background: #221a0f; }
.highlight .code .comment, .highlight .code .quote {
color: #d6baad; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .tag, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .regexp, .highlight .code .meta {
color: #dc3958; }
.highlight .code .number, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params, .highlight .code .deletion, .highlight .code .link {
color: #f79a32; }
.highlight .code .title, .highlight .code .section, .highlight .code .attribute {
color: #f06431; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .addition {
color: #889b4a; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .function {
color: #98676a; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
Name: Kimbie (light)
Author: Jan T. Sott
License: Creative Commons Attribution-ShareAlike 4.0 Unported License
URL: https://github.com/idleberg/Kimbie-highlight.js
*/
.highlight {
color: #84613d;
background: #fbebd4; }
.highlight .code .comment, .highlight .code .quote {
color: #a57a4c; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .tag, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .regexp, .highlight .code .meta {
color: #dc3958; }
.highlight .code .number, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params, .highlight .code .deletion, .highlight .code .link {
color: #f79a32; }
.highlight .code .title, .highlight .code .section, .highlight .code .attribute {
color: #f06431; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .addition {
color: #889b4a; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .function {
color: #98676a; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
Description: Magula style for highligh.js
Author: Ruslan Keba <[email protected]>
Website: http://rukeba.com/
Version: 1.0
Date: 2009-01-03
Music: Aphex Twin / Xtal
*/
.highlight {
background-color: #f4f4f4; }
.highlight .code .highlight, .highlight .code .subst {
color: #000; }
.highlight .code .string, .highlight .code .title, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .attribute, .highlight .code .addition, .highlight .code .variable, .highlight .code .template-tag, .highlight .code .template-variable {
color: #050; }
.highlight .code .comment, .highlight .code .quote {
color: #777; }
.highlight .code .number, .highlight .code .regexp, .highlight .code .literal, .highlight .code .type, .highlight .code .link {
color: #800; }
.highlight .code .deletion, .highlight .code .meta {
color: #00e; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .doctag, .highlight .code .title, .highlight .code .section, .highlight .code .built_in, .highlight .code .tag, .highlight .code .name {
font-weight: bold;
color: #000080; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
Five-color theme from a single blue hue.
*/
.highlight {
color: #00193a;
background: #eaeef3; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .title, .highlight .code .section, .highlight .code .doctag, .highlight .code .name, .highlight .code .strong {
font-weight: bold; }
.highlight .code .comment {
color: #738191; }
.highlight .code .string, .highlight .code .title, .highlight .code .section, .highlight .code .built_in, .highlight .code .literal, .highlight .code .type, .highlight .code .addition, .highlight .code .tag, .highlight .code .quote, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class {
color: #0048ab; }
.highlight .code .meta, .highlight .code .subst, .highlight .code .symbol, .highlight .code .regexp, .highlight .code .attribute, .highlight .code .deletion, .highlight .code .variable, .highlight .code .template-variable, .highlight .code .link, .highlight .code .bullet {
color: #4c81c9; }
.highlight .code .emphasis {
font-style: italic; }
/*
Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
*/
.highlight {
color: #f8f8f2;
background: #23241f; }
.highlight .code .highlight, .highlight .code .tag, .highlight .code .subst {
color: #f8f8f2; }
.highlight .code .strong, .highlight .code .emphasis {
color: #a8a8a2; }
.highlight .code .bullet, .highlight .code .quote, .highlight .code .number, .highlight .code .regexp, .highlight .code .literal, .highlight .code .link {
color: #ae81ff; }
.highlight .code .code, .highlight .code .title, .highlight .code .section, .highlight .code .selector-class {
color: #a6e22e; }
.highlight .code .strong {
font-weight: bold; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .name, .highlight .code .attr {
color: #f92672; }
.highlight .code .symbol, .highlight .code .attribute {
color: #66d9ef; }
.highlight .code .params, .highlight .code .class .title {
color: #f8f8f2; }
.highlight .code .string, .highlight .code .type, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .selector-id, .highlight .code .selector-attr, .highlight .code .selector-pseudo, .highlight .code .addition, .highlight .code .variable, .highlight .code .template-variable {
color: #e6db74; }
.highlight .code .comment, .highlight .code .deletion, .highlight .code .meta {
color: #75715e; }
/*
Monokai style - ported by Luigi Maselli - http://grigio.org
*/
.highlight {
color: #ddd;
background: #272822; }
.highlight .code .tag, .highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal, .highlight .code .strong, .highlight .code .name {
color: #f92672; }
.highlight .code .code {
color: #66d9ef; }
.highlight .code .class .title {
color: #fff; }
.highlight .code .attribute, .highlight .code .symbol, .highlight .code .regexp, .highlight .code .link {
color: #bf79db; }
.highlight .code .string, .highlight .code .bullet, .highlight .code .subst, .highlight .code .title, .highlight .code .section, .highlight .code .emphasis, .highlight .code .type, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .selector-attr, .highlight .code .selector-pseudo, .highlight .code .addition, .highlight .code .variable, .highlight .code .template-tag, .highlight .code .template-variable {
color: #a6e22e; }
.highlight .code .comment, .highlight .code .quote, .highlight .code .deletion, .highlight .code .meta {
color: #75715e; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal, .highlight .code .doctag, .highlight .code .title, .highlight .code .section, .highlight .code .type, .highlight .code .selector-id {
font-weight: bold; }
/**
* Obsidian style
* ported by Alexander Marenin (http://github.com/ioncreature)
*/
.highlight {
color: #e0e2e4;
background: #282b2e; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal, .highlight .code .selector-id {
color: #93c763; }
.highlight .code .number {
color: #ffcd22; }
.highlight .code .attribute {
color: #668bb0; }
.highlight .code .code, .highlight .code .class .title, .highlight .code .section {
color: #fff; }
.highlight .code .regexp, .highlight .code .link {
color: #d39745; }
.highlight .code .meta {
color: #557182; }
.highlight .code .tag, .highlight .code .name, .highlight .code .bullet, .highlight .code .subst, .highlight .code .emphasis, .highlight .code .type, .highlight .code .built_in, .highlight .code .selector-attr, .highlight .code .selector-pseudo, .highlight .code .addition, .highlight .code .variable, .highlight .code .template-tag, .highlight .code .template-variable {
color: #8cbbad; }
.highlight .code .string, .highlight .code .symbol {
color: #ec7600; }
.highlight .code .comment, .highlight .code .quote, .highlight .code .deletion {
color: #818e96; }
.highlight .code .selector-class {
color: #a082bd; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal, .highlight .code .doctag, .highlight .code .title, .highlight .code .section, .highlight .code .type, .highlight .code .name, .highlight .code .strong {
font-weight: bold; }
@charset "UTF-8";
/*
Paraíso (dark)
Created by Jan T. Sott (http://github.com/idleberg)
Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
*/
.highlight {
color: #a39e9b;
background: #2f1e2e; }
.highlight .code .comment, .highlight .code .quote {
color: #8d8687; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .tag, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .regexp, .highlight .code .link, .highlight .code .meta {
color: #ef6155; }
.highlight .code .number, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params, .highlight .code .deletion {
color: #f99b15; }
.highlight .code .title, .highlight .code .section, .highlight .code .attribute {
color: #fec418; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .addition {
color: #48b685; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #815ba4; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
@charset "UTF-8";
/*
Paraíso (light)
Created by Jan T. Sott (http://github.com/idleberg)
Inspired by the art of Rubens LP (http://www.rubenslp.com.br)
*/
.highlight {
color: #4f424c;
background: #e7e9db; }
.highlight .code .comment, .highlight .code .quote {
color: #776e71; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .tag, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .regexp, .highlight .code .link, .highlight .code .meta {
color: #ef6155; }
.highlight .code .number, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params, .highlight .code .deletion {
color: #f99b15; }
.highlight .code .title, .highlight .code .section, .highlight .code .attribute {
color: #fec418; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .addition {
color: #48b685; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #815ba4; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
Pojoaque Style by Jason Tate
http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html
Based on Solarized Style from http://ethanschoonover.com/solarized
*/
.highlight {
color: #dccf8f;
background: url("pojoaque.jpg") repeat scroll left top #181914; }
.highlight .code .comment, .highlight .code .quote {
color: #586e75;
font-style: italic; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal, .highlight .code .addition {
color: #b64926; }
.highlight .code .number, .highlight .code .string, .highlight .code .doctag, .highlight .code .regexp {
color: #468966; }
.highlight .code .title, .highlight .code .section, .highlight .code .built_in, .highlight .code .name {
color: #ffb03b; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .class .title, .highlight .code .type, .highlight .code .tag {
color: #b58900; }
.highlight .code .attribute {
color: #b89859; }
.highlight .code .symbol, .highlight .code .bullet, .highlight .code .link, .highlight .code .subst, .highlight .code .meta {
color: #cb4b16; }
.highlight .code .deletion {
color: #dc322f; }
.highlight .code .selector-id, .highlight .code .selector-class {
color: #d3a60c; }
.highlight .code .formula {
background: #073642; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
Railscasts-like style (c) Visoft, Inc. (Damien White)
*/
.highlight {
color: #e6e1dc;
background: #232323; }
.highlight .code .comment, .highlight .code .quote {
color: #bc9458;
font-style: italic; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #c26230; }
.highlight .code .string, .highlight .code .number, .highlight .code .regexp, .highlight .code .variable, .highlight .code .template-variable {
color: #a5c261; }
.highlight .code .subst {
color: #519f50; }
.highlight .code .tag, .highlight .code .name {
color: #e8bf6a; }
.highlight .code .type {
color: #da4939; }
.highlight .code .symbol, .highlight .code .bullet, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .attr, .highlight .code .link {
color: #6d9cbe; }
.highlight .code .params {
color: #d0d0ff; }
.highlight .code .attribute {
color: #cda869; }
.highlight .code .meta {
color: #9b859d; }
.highlight .code .title, .highlight .code .section {
color: #ffc66d; }
.highlight .code .addition {
background-color: #144212;
color: #e6e1dc;
display: inline-block;
width: 100%; }
.highlight .code .deletion {
background-color: #600;
color: #e6e1dc;
display: inline-block;
width: 100%; }
.highlight .code .selector-class {
color: #9b703f; }
.highlight .code .selector-id {
color: #8b98ab; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
.highlight .code .link {
text-decoration: underline; }
/*
Style with support for rainbow parens
*/
.highlight {
color: #d1d9e1;
background: #474949; }
.highlight .code .comment, .highlight .code .quote {
color: #969896;
font-style: italic; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal, .highlight .code .type, .highlight .code .addition {
color: #c9c; }
.highlight .code .number, .highlight .code .selector-attr, .highlight .code .selector-pseudo {
color: #f99157; }
.highlight .code .string, .highlight .code .doctag, .highlight .code .regexp {
color: #8abeb7; }
.highlight .code .title, .highlight .code .name, .highlight .code .section, .highlight .code .built_in {
color: #b5bd68; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .selector-id, .highlight .code .class .title {
color: #fc6; }
.highlight .code .section, .highlight .code .name, .highlight .code .strong {
font-weight: bold; }
.highlight .code .symbol, .highlight .code .bullet, .highlight .code .subst, .highlight .code .meta, .highlight .code .link {
color: #f99157; }
.highlight .code .deletion {
color: #dc322f; }
.highlight .code .formula {
background: #eee8d5; }
.highlight .code .attr, .highlight .code .attribute {
color: #81a2be; }
.highlight .code .emphasis {
font-style: italic; }
/*
School Book style from goldblog.com.ua (c) Zaripov Yura <[email protected]>
*/
.highlight {
background: #f6f6ae url("./school-book.png");
border-top: solid 2px #d2e8b9;
border-bottom: solid 1px #d2e8b9; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal {
color: #059;
font-weight: bold; }
.highlight .code .highlight, .highlight .code .subst {
color: #3e5915; }
.highlight .code .string, .highlight .code .title, .highlight .code .section, .highlight .code .type, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .attribute, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .addition, .highlight .code .variable, .highlight .code .template-tag, .highlight .code .template-variable, .highlight .code .link {
color: #2c009f; }
.highlight .code .comment, .highlight .code .quote, .highlight .code .deletion, .highlight .code .meta {
color: #e60415; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal, .highlight .code .doctag, .highlight .code .title, .highlight .code .section, .highlight .code .type, .highlight .code .name, .highlight .code .selector-id, .highlight .code .strong {
font-weight: bold; }
.highlight .code .emphasis {
font-style: italic; }
/*
Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <[email protected]>
*/
.highlight {
color: #839496;
background: #002b36; }
.highlight .code .comment, .highlight .code .quote {
color: #586e75; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .addition {
color: #859900; }
.highlight .code .number, .highlight .code .string, .highlight .code .meta .meta-string, .highlight .code .literal, .highlight .code .doctag, .highlight .code .regexp {
color: #2aa198; }
.highlight .code .title, .highlight .code .section, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class {
color: #268bd2; }
.highlight .code .attribute, .highlight .code .attr, .highlight .code .variable, .highlight .code .template-variable, .highlight .code .class .title, .highlight .code .type {
color: #b58900; }
.highlight .code .symbol, .highlight .code .bullet, .highlight .code .subst {
color: #cb4b16; }
.highlight .code .meta {
color: #cb4b16; }
.highlight .code .meta .keyword {
color: #cb4b16; }
.highlight .code .selector-attr, .highlight .code .selector-pseudo, .highlight .code .link {
color: #cb4b16; }
.highlight .code .built_in, .highlight .code .deletion {
color: #dc322f; }
.highlight .code .formula {
background: #073642; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <[email protected]>
*/
.highlight {
color: #657b83;
background: #fdf6e3; }
.highlight .code .comment, .highlight .code .quote {
color: #93a1a1; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .addition {
color: #859900; }
.highlight .code .number, .highlight .code .string, .highlight .code .meta .meta-string, .highlight .code .literal, .highlight .code .doctag, .highlight .code .regexp {
color: #2aa198; }
.highlight .code .title, .highlight .code .section, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class {
color: #268bd2; }
.highlight .code .attribute, .highlight .code .attr, .highlight .code .variable, .highlight .code .template-variable, .highlight .code .class .title, .highlight .code .type {
color: #b58900; }
.highlight .code .symbol, .highlight .code .bullet, .highlight .code .subst {
color: #cb4b16; }
.highlight .code .meta {
color: #cb4b16; }
.highlight .code .meta .keyword {
color: #cb4b16; }
.highlight .code .selector-attr, .highlight .code .selector-pseudo, .highlight .code .link {
color: #cb4b16; }
.highlight .code .built_in, .highlight .code .deletion {
color: #dc322f; }
.highlight .code .formula {
background: #eee8d5; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
Sunburst-like style (c) Vasily Polovnyov <[email protected]>
*/
.highlight {
color: #f8f8f8;
background: #000; }
.highlight .code .comment, .highlight .code .quote {
color: #aeaeae;
font-style: italic; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .type {
color: #e28964; }
.highlight .code .string {
color: #65b042; }
.highlight .code .subst {
color: #daefa3; }
.highlight .code .regexp, .highlight .code .link {
color: #e9c062; }
.highlight .code .title, .highlight .code .section, .highlight .code .tag, .highlight .code .name {
color: #89bdff; }
.highlight .code .class .title, .highlight .code .doctag {
text-decoration: underline; }
.highlight .code .symbol, .highlight .code .bullet, .highlight .code .number {
color: #3387cc; }
.highlight .code .params, .highlight .code .variable, .highlight .code .template-variable {
color: #3e87e3; }
.highlight .code .attribute {
color: #cda869; }
.highlight .code .meta {
color: #8996a8; }
.highlight .code .formula {
background-color: #0e2231;
color: #f8f8f8;
font-style: italic; }
.highlight .code .addition {
background-color: #253b22;
color: #f8f8f8; }
.highlight .code .deletion {
background-color: #420e09;
color: #f8f8f8; }
.highlight .code .selector-class {
color: #9b703f; }
.highlight .code .selector-id {
color: #8b98ab; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Tomorrow Night Blue Theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
.highlight {
color: #fff;
background: #002451; }
.highlight .code .comment, .highlight .code .quote {
color: #7285b7; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .tag, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .regexp, .highlight .code .deletion {
color: #ff9da4; }
.highlight .code .number, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params, .highlight .code .meta, .highlight .code .link {
color: #ffc58f; }
.highlight .code .attribute {
color: #ffeead; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .addition {
color: #d1f1a9; }
.highlight .code .title, .highlight .code .section {
color: #bbdaff; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #ebbbff; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Tomorrow Night Bright Theme */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
.highlight {
color: #eaeaea;
background: #000; }
.highlight .code .comment, .highlight .code .quote {
color: #969896; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .tag, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .regexp, .highlight .code .deletion {
color: #d54e53; }
.highlight .code .number, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params, .highlight .code .meta, .highlight .code .link {
color: #e78c45; }
.highlight .code .attribute {
color: #e7c547; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .addition {
color: #b9ca4a; }
.highlight .code .title, .highlight .code .section {
color: #7aa6da; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #c397d8; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Tomorrow Night Eighties Theme */
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
.highlight {
color: #ccc;
background: #2d2d2d; }
.highlight .code .comment, .highlight .code .quote {
color: #999; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .tag, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .regexp, .highlight .code .deletion {
color: #f2777a; }
.highlight .code .number, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params, .highlight .code .meta, .highlight .code .link {
color: #f99157; }
.highlight .code .attribute {
color: #fc6; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .addition {
color: #9c9; }
.highlight .code .title, .highlight .code .section {
color: #69c; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #c9c; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/* Original theme - https://github.com/chriskempson/tomorrow-theme */
/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
.highlight {
color: #c5c8c6;
background: #1d1f21; }
.highlight .code .comment, .highlight .code .quote {
color: #969896; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .tag, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .regexp, .highlight .code .deletion {
color: #c66; }
.highlight .code .number, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params, .highlight .code .meta, .highlight .code .link {
color: #de935f; }
.highlight .code .attribute {
color: #f0c674; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .addition {
color: #b5bd68; }
.highlight .code .title, .highlight .code .section {
color: #81a2be; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #b294bb; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
.highlight {
color: #4d4d4c;
background: #fff; }
.highlight .code .comment, .highlight .code .quote {
color: #8e908c; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .tag, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .regexp, .highlight .code .deletion {
color: #c82829; }
.highlight .code .number, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .literal, .highlight .code .type, .highlight .code .params, .highlight .code .meta, .highlight .code .link {
color: #f5871f; }
.highlight .code .attribute {
color: #eab700; }
.highlight .code .string, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .addition {
color: #718c00; }
.highlight .code .title, .highlight .code .section {
color: #4271ae; }
.highlight .code .keyword, .highlight .code .selector-tag {
color: #8959a8; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
Visual Studio-like style based on original C# coloring by Jason Diamond <[email protected]>
*/
.highlight {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #fff;
color: #000; }
.highlight .code .comment, .highlight .code .quote, .highlight .code .variable {
color: #008000; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .built_in, .highlight .code .name, .highlight .code .tag {
color: #00f; }
.highlight .code .string, .highlight .code .title, .highlight .code .section, .highlight .code .attribute, .highlight .code .literal, .highlight .code .template-tag, .highlight .code .template-variable, .highlight .code .type, .highlight .code .addition {
color: #a31515; }
.highlight .code .deletion, .highlight .code .selector-attr, .highlight .code .selector-pseudo, .highlight .code .meta {
color: #2b91af; }
.highlight .code .doctag {
color: #808080; }
.highlight .code .attr {
color: #f00; }
.highlight .code .symbol, .highlight .code .bullet, .highlight .code .link {
color: #00b0e8; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
/*
XCode style (c) Angel Garcia <[email protected]>
*/
.highlight {
color: #000;
background: #fff; }
.highlight .code .comment, .highlight .code .quote {
color: #006a00; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .literal {
color: #aa0d91; }
.highlight .code .name {
color: #008; }
.highlight .code .variable, .highlight .code .template-variable {
color: #660; }
.highlight .code .string {
color: #c41a16; }
.highlight .code .regexp, .highlight .code .link {
color: #080; }
.highlight .code .title, .highlight .code .tag, .highlight .code .symbol, .highlight .code .bullet, .highlight .code .number, .highlight .code .meta {
color: #1c00cf; }
.highlight .code .section, .highlight .code .class .title, .highlight .code .type, .highlight .code .attr, .highlight .code .built_in, .highlight .code .builtin-name, .highlight .code .params {
color: #5c2699; }
.highlight .code .attribute, .highlight .code .subst {
color: #000; }
.highlight .code .formula {
background-color: #eee;
font-style: italic; }
.highlight .code .addition {
background-color: #baeeba; }
.highlight .code .deletion {
background-color: #ffc8bd; }
.highlight .code .selector-id, .highlight .code .selector-class {
color: #9b703f; }
.highlight .code .doctag, .highlight .code .strong {
font-weight: bold; }
.highlight .code .emphasis {
font-style: italic; }
/*
Zenburn style from voldmar.ru (c) Vladimir Epifanov <[email protected]>
based on dark.css by Ivan Sagalaev
*/
.highlight {
color: #dcdcdc;
background: #3f3f3f; }
.highlight .code .keyword, .highlight .code .selector-tag, .highlight .code .tag {
color: #e3ceab; }
.highlight .code .template-tag {
color: #dcdcdc; }
.highlight .code .number {
color: #8cd0d3; }
.highlight .code .variable, .highlight .code .template-variable, .highlight .code .attribute {
color: #efdcbc; }
.highlight .code .literal {
color: #efefaf; }
.highlight .code .subst {
color: #8f8f8f; }
.highlight .code .title, .highlight .code .name, .highlight .code .selector-id, .highlight .code .selector-class, .highlight .code .section, .highlight .code .type {
color: #efef8f; }
.highlight .code .symbol, .highlight .code .bullet, .highlight .code .link {
color: #dca3a3; }
.highlight .code .deletion, .highlight .code .string, .highlight .code .built_in, .highlight .code .builtin-name {
color: #cc9393; }
.highlight .code .addition, .highlight .code .comment, .highlight .code .quote, .highlight .code .meta {
color: #7f9f7f; }
.highlight .code .emphasis {
font-style: italic; }
.highlight .code .strong {
font-weight: bold; }
This diff is collapsed.
@import "bourbon";
@import "variables";
@import "custom-mixin";
.page-background {
z-index: -1;
background-color: $white;
@include position(fixed, 0 0 0 0);
}
.content-container{
display:table-row;
width:100%;
}
.content-outer {
margin-top: $menu-height * 2;
@media #{$desktop} {
margin-top: $menu-height;
}
}
.content-inner {
width: 100%;
padding: $base-margin 0;
}
#footer{
display:table-row;
width:100%;
height:1px;
}
\ No newline at end of file
@font-face {
font-family: Vazir;
src: url("../lib/vazir-font/Vazir.eot");
src: url("../lib/vazir-font/Vazir.eot?#iefix") format('embedded-opentype'), url("../lib/vazir-font/Vazir.woff2") format('woff2'), url("../lib/vazir-font/Vazir.woff") format('woff'), url("../lib/vazir-font/Vazir.ttf") format('truetype');
font-weight: normal;
}
@font-face {
font-family: Vazir;
src: url("../lib/vazir-font/Vazir-Bold.eot");
src: url("../lib/vazir-font/Vazir-Bold.eot?#iefix") format('embedded-opentype'), url("../lib/vazir-font/Vazir-Bold.woff2") format('woff2'), url("../lib/vazir-font/Vazir-Bold.woff") format('woff'), url("../lib/vazir-font/Vazir-Bold.ttf") format('truetype');
font-weight: bold;
}
@font-face {
font-family: Vazir;
src: url("../lib/vazir-font/Vazir-Light.eot");
src: url("../lib/vazir-font/Vazir-Light.eot?#iefix") format('embedded-opentype'), url("../lib/vazir-font/Vazir-Light.woff2") format('woff2'), url("../lib/vazir-font/Vazir-Light.woff") format('woff'), url("../lib/vazir-font/Vazir-Light.ttf") format('truetype');
font-weight: 300;
}
.rtl {
font-family: vazir, sans-serif;
direction: rtl;
}
.rtl #nav li {
padding-left: 15px;
border-left: 1px dotted $color-accent-1;
border-right: 0px;
margin-right: 0px !important;
border-right: none !important;
}
.rtl #nav li:last-child {
margin-right: 15px !important;
border-left: 0 !important;
}
.rtl #header #logo {
float: right;
}
.rtl #footer li {
padding-left: 15px;
border-left: 1px dotted $color-border;
margin-right: 0px;
border-right: 0px;
}
.rtl #footer li:last-child {
margin-right: 15px !important;
border-left: 0 !important;
}
.rtl #footer #logo {
float: right;
}
.rtl article .content h2:before {
right: -1rem;
}
@media (min-width: 480px) {
.post-list .post-item .meta {
text-align: right;
}
}
This diff is collapsed.
images/logo.png

219 KB | W: | H:

images/logo.png

2.79 KB | W: | H:

images/logo.png
images/logo.png
images/logo.png
images/logo.png
  • 2-up
  • Swipe
  • Onion skin
<!DOCTYPE html>
<html lang=en>
<head>
<!-- so meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta property="og:type" content="website">
<meta property="og:title" content="TheBestJohn">
<meta property="og:url" content="http://blog.thebestjohn.com/index.html">
<meta property="og:site_name" content="TheBestJohn">
<meta property="og:locale" content="en">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TheBestJohn">
<link rel="shortcut icon" href="/images/favicon.ico">
<link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<!-- title -->
<title>TheBestJohn</title>
<!-- styles -->
<link rel="stylesheet" href="/css/style.css">
<!-- persian styles -->
<link rel="stylesheet" href="/css/rtl.css">
<!-- rss -->
</head>
<body class="max-width mx-auto px3 ltr">
<div class="content index my4">
<header id="header">
<a href="/">
<div id="logo" style="background-image: url(/images/logo.png);"></div>
<div id="title">
<h1>TheBestJohn</h1>
</div>
</a>
<div id="nav">
<ul>
<li class="icon">
<a href="#"><i class="fas fa-bars fa-2x"></i></a>
</li>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Writing</a></li>
</ul>
</div>
</header>
<section id="about">
<p>
Find me on
<a class="icon" target="_blank" href="http://github.com/thebestjohn">
<i class="fab fa-github"></i><!--
---></a><!--
---><!--
---> and
<a class="icon" target="_blank" href="mailto:[email protected]">
<i class="fas fa-envelope"></i><!--
---></a><!--
---><!--
--->.
</p>
</section>
<section id="writing">
<span class="h1"><a href="/archives">Writing</a></span>
<ul class="post-list">
<li class="post-item">
<div class="meta">
<time datetime="2018-04-27T17:40:00.000Z" itemprop="datePublished">2018-04-27</time>
</div>
<span>
<a class="" href="/posts/static-site-what/">Static Site what?!</a>
</span>
</li>
</ul>
</section>
</div>
<footer id="footer">
<div class="footer-left">
Copyright &copy; 2018 TheBestJohn
</div>
<div class="footer-right">
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/archives/">Writing</a></li>
</ul>
</nav>
</div>
</footer>
</body>
</html>
<!-- styles -->
<link rel="stylesheet" href="/lib/font-awesome/css/fontawesome-all.min.css">
<link rel="stylesheet" href="/lib/justified-gallery/css/justifiedGallery.min.css">
<!-- jquery -->
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/justified-gallery/js/jquery.justifiedGallery.min.js"></script>
<script src="/js/main.js"></script>
<!-- search -->
<!-- Google Analytics -->
<!-- Baidu Analytics -->
<!-- Disqus Comments -->
<script type="text/javascript">
var disqus_shortname = 'thebestjohn';
(function(){
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}());
</script>
extends includes/layout
block content
include includes/post-list
include includes/pagination
if("document"in self){if(!("classList"in document.createElement("_"))||document.createElementNS&&!("classList"in document.createElementNS("http://www.w3.org/2000/svg","g"))){(function(t){"use strict";if(!("Element"in t))return;var e="classList",i="prototype",n=t.Element[i],s=Object,r=String[i].trim||function(){return this.replace(/^\s+|\s+$/g,"")},a=Array[i].indexOf||function(t){var e=0,i=this.length;for(;e<i;e++){if(e in this&&this[e]===t){return e}}return-1},o=function(t,e){this.name=t;this.code=DOMException[t];this.message=e},l=function(t,e){if(e===""){throw new o("SYNTAX_ERR","An invalid or illegal string was specified")}if(/\s/.test(e)){throw new o("INVALID_CHARACTER_ERR","String contains an invalid character")}return a.call(t,e)},c=function(t){var e=r.call(t.getAttribute("class")||""),i=e?e.split(/\s+/):[],n=0,s=i.length;for(;n<s;n++){this.push(i[n])}this._updateClassName=function(){t.setAttribute("class",this.toString())}},u=c[i]=[],f=function(){return new c(this)};o[i]=Error[i];u.item=function(t){return this[t]||null};u.contains=function(t){t+="";return l(this,t)!==-1};u.add=function(){var t=arguments,e=0,i=t.length,n,s=false;do{n=t[e]+"";if(l(this,n)===-1){this.push(n);s=true}}while(++e<i);if(s){this._updateClassName()}};u.remove=function(){var t=arguments,e=0,i=t.length,n,s=false,r;do{n=t[e]+"";r=l(this,n);while(r!==-1){this.splice(r,1);s=true;r=l(this,n)}}while(++e<i);if(s){this._updateClassName()}};u.toggle=function(t,e){t+="";var i=this.contains(t),n=i?e!==true&&"remove":e!==false&&"add";if(n){this[n](t)}if(e===true||e===false){return e}else{return!i}};u.toString=function(){return this.join(" ")};if(s.defineProperty){var h={get:f,enumerable:true,configurable:true};try{s.defineProperty(n,e,h)}catch(d){if(d.number===-2146823252){h.enumerable=false;s.defineProperty(n,e,h)}}}else if(s[i].__defineGetter__){n.__defineGetter__(e,f)}})(self)}else{(function(){"use strict";var t=document.createElement("_");t.classList.add("c1","c2");if(!t.classList.contains("c2")){var e=function(t){var e=DOMTokenList.prototype[t];DOMTokenList.prototype[t]=function(t){var i,n=arguments.length;for(i=0;i<n;i++){t=arguments[i];e.call(this,t)}}};e("add");e("remove")}t.classList.toggle("c3",false);if(t.classList.contains("c3")){var i=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(t,e){if(1 in arguments&&!this.contains(t)===!e){return e}else{return i.call(this,t)}}}t=null})()}}
(function(window, document) {
function addClass(target, className) {
if (target && !target.classList.contains(className)) {
target.classList.add(className);
}
}
function removeClass(target, className) {
if (target && target.classList.contains(className)) {
target.classList.remove(className);
}
}
var prevPos = 0, currPos = 0;
var menu = document.getElementById('menu');
var sharer = document.getElementById('sharer');
var article = document.getElementById('article');
var articleTop = article ? article.offsetTop : null;
var articleBottom = article ? article.offsetTop + article.scrollHeight : null;
window.addEventListener('scroll', function() {
currPos = window.scrollY || window.pageYOffset || document.body.scrolTop || 0;
if (currPos < 0) currPos = 0;
if (articleTop && articleTop > currPos) {
removeClass(menu, 'menu--hide');
removeClass(sharer, 'sharer--hide');
} else if (articleBottom && currPos > articleBottom) {
removeClass(menu, 'menu--hide');
addClass(sharer, 'sharer--hide');
} else if (prevPos < currPos) {
addClass(menu, 'menu--hide');
addClass(sharer, 'sharer--hide');
} else if (prevPos > currPos) {
removeClass(menu, 'menu--hide');
removeClass(sharer, 'sharer--hide');
}
prevPos = currPos;
});
})(window, document);
(function(e,s){function i(e,s){if(e&&!e.classList.contains(s)){e.classList.add(s)}}function n(e,s){if(e&&e.classList.contains(s)){e.classList.remove(s)}}var t=0,r=0;var l=s.getElementById("menu");var a=s.getElementById("sharer");var o=s.getElementById("article");var d=o?o.offsetTop:null;var f=o?o.offsetTop+o.scrollHeight:null;e.addEventListener("scroll",function(){r=e.scrollY||e.pageYOffset||s.body.scrolTop||0;if(r<0)r=0;if(d&&d>r){n(l,"menu--hide");n(a,"sharer--hide")}else if(f&&r>f){n(l,"menu--hide");i(a,"sharer--hide")}else if(t<r){i(l,"menu--hide");i(a,"sharer--hide")}else if(t>r){n(l,"menu--hide");n(a,"sharer--hide")}t=r})})(window,document);
\ No newline at end of file
(function(e,s){function i(e,s){if(e&&!e.classList.contains(s)){e.classList.add(s)}}function n(e,s){if(e&&e.classList.contains(s)){e.classList.remove(s)}}var t=0,r=0;var l=s.getElementById("menu");var a=s.getElementById("sharer");var o=s.getElementById("article");var d=o?o.offsetTop:null;var f=o?o.offsetTop+o.scrollHeight:null;e.addEventListener("scroll",function(){r=e.scrollY||e.pageYOffset||s.body.scrolTop||0;if(r<0)r=0;if(d&&d>r){n(l,"menu--hide");n(a,"sharer--hide")}else if(f&&r>f){n(l,"menu--hide");i(a,"sharer--hide")}else if(t<r){i(l,"menu--hide");i(a,"sharer--hide")}else if(t>r){n(l,"menu--hide");n(a,"sharer--hide")}t=r})})(window,document);(function(t,e){var o={facebook:"//www.facebook.com/sharer.php?u=",twitter:"//twitter.com/intent/tweet?url=",pinterest:"//pinterest.com/pin/create/button/?url=",pocket:"//getpocket.com/save?url="};var n=Object.keys(o);var r=encodeURIComponent([t.location.protocol,"//",t.location.host,t.location.pathname].join(""));n.forEach(function(n){var c=e.getElementById("sharer-"+n);if(!c)return;c.addEventListener("click",function(){t.open(o[n]+r,"Share to "+n,"toolbar=0,location=0,menubar=0,height=400,width=600")})})})(window,document);
\ No newline at end of file
/**
* Sets up Justified Gallery.
*/
if (!!$.prototype.justifiedGallery) {
var options = {
rowHeight: 140,
margins: 4,
lastRow: "justify"
};
$(".article-gallery").justifiedGallery(options);
}
$(document).ready(function() {
/**
* Shows the responsive navigation menu on mobile.
*/
$("#header > #nav > ul > .icon").click(function() {
$("#header > #nav > ul").toggleClass("responsive");
});
/**
* Controls the different versions of the menu in blog post articles
* for Desktop, tablet and mobile.
*/
if ($(".post").length) {
var menu = $("#menu");
var nav = $("#menu > #nav");
var menuIcon = $("#menu-icon, #menu-icon-tablet");
/**
* Display the menu on hi-res laptops and desktops.
*/
if ($(document).width() >= 1440) {
menu.css("visibility", "visible");
menuIcon.addClass("active");
}
/**
* Display the menu if the menu icon is clicked.
*/
menuIcon.click(function() {
if (menu.css("visibility") === "hidden") {
menu.css("visibility", "visible");
menuIcon.addClass("active");
} else {
menu.css("visibility", "hidden");
menuIcon.removeClass("active");
}
return false;
});
/**
* Add a scroll listener to the menu to hide/show the navigation links.
*/
if (menu.length) {
$(window).on("scroll", function() {
var topDistance = menu.offset().top;
// hide only the navigation links on desktop
if (!nav.is(":visible") && topDistance < 50) {
nav.show();
} else if (nav.is(":visible") && topDistance > 100) {
nav.hide();
}
// on tablet, hide the navigation icon as well and show a "scroll to top
// icon" instead
if ( ! $( "#menu-icon" ).is(":visible") && topDistance < 50 ) {
$("#menu-icon-tablet").show();
$("#top-icon-tablet").hide();
} else if (! $( "#menu-icon" ).is(":visible") && topDistance > 100) {
$("#menu-icon-tablet").hide();
$("#top-icon-tablet").show();
}
});
}
/**
* Show mobile navigation menu after scrolling upwards,
* hide it again after scrolling downwards.
*/
if ($( "#footer-post").length) {
var lastScrollTop = 0;
$(window).on("scroll", function() {
var topDistance = $(window).scrollTop();
if (topDistance > lastScrollTop){
// downscroll -> show menu
$("#footer-post").hide();
} else {
// upscroll -> hide menu
$("#footer-post").show();
}
lastScrollTop = topDistance;
// close all submenu"s on scroll
$("#nav-footer").hide();
$("#toc-footer").hide();
$("#share-footer").hide();
// show a "navigation" icon when close to the top of the page,
// otherwise show a "scroll to the top" icon
if (topDistance < 50) {
$("#actions-footer > #top").hide();
} else if (topDistance > 100) {
$("#actions-footer > #top").show();
}
});
}
}
});
// A local search script with the help of
// [hexo-generator-search](https://github.com/PaicHyperionDev/hexo-generator-search)
// Copyright (C) 2015
// Joseph Pan <http://github.com/wzpan>
// Shuhao Mao <http://github.com/maoshuhao>
// This library is free software; you can redistribute it and/or modify
// it under the terms of the GNU Lesser General Public License as
// published by the Free Software Foundation; either version 2.1 of the
// License, or (at your option) any later version.
//
// This library is distributed in the hope that it will be useful, but
// WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
// Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public
// License along with this library; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
// 02110-1301 USA
/*exported searchFunc*/
var searchFunc = function(path, searchId, contentId) {
$.ajax({
url: path,
dataType: "xml",
success: function(xmlResponse) {
// get the contents from search data
var datas = $("entry", xmlResponse).map(function() {
return {
title: $("title", this).text(),
content: $("content", this).text(),
url: $("link", this).attr('href')
};
}).get();
var $input = document.getElementById(searchId);
if (!$input) { return; }
var $resultContent = document.getElementById(contentId);
$input.addEventListener("input", function(){
var str="<ul class=\"search-result-list\">";
var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
$resultContent.innerHTML = "";
if (this.value.trim().length <= 0) {
return;
}
// perform local searching
datas.forEach(function(data) {
var isMatch = true;
if (!data.title || data.title.trim() === "") {
data.title = "Untitled";
}
var dataTitle = data.title.trim().toLowerCase();
var dataContent = data.content.trim().replace(/<[^>]+>/g,"").toLowerCase();
var dataUrl = data.url;
var indexTitle = -1;
var indexContent = -1;
var firstOccur = -1;
// only match artiles with not empty contents
if (dataContent !== "") {
keywords.forEach(function(keyword, i) {
indexTitle = dataTitle.indexOf(keyword);
indexContent = dataContent.indexOf(keyword);
if( indexTitle < 0 && indexContent < 0 ){
isMatch = false;
} else {
if (indexContent < 0) {
indexContent = 0;
}
if (i == 0) {
firstOccur = indexContent;
}
}
});
} else {
isMatch = false;
}
// show search results
if (isMatch) {
str += "<li><a href='"+ dataUrl +"' class='search-result-title'>"+ dataTitle +"</a>";
var content = data.content.trim().replace(/<[^>]+>/g,"");
if (firstOccur >= 0) {
// cut out 100 characters
var start = firstOccur - 20;
var end = firstOccur + 80;
if(start < 0){
start = 0;
}
if(start == 0){
end = 100;
}
if(end > content.length){
end = content.length;
}
var matchContent = content.substr(start, end);
// highlight all keywords
keywords.forEach(function(keyword){
var regS = new RegExp(keyword, "gi");
matchContent = matchContent.replace(regS, "<em class=\"search-keyword\">"+keyword+"</em>");
});
str += "<p class=\"search-result\">" + matchContent +"...</p>";
}
str += "</li>";
}
});
str += "</ul>";
$resultContent.innerHTML = str;
});
}
});
};
(function(window, document) {
var shareUrls = {
facebook: '//www.facebook.com/sharer.php?u=',
twitter: '//twitter.com/intent/tweet?url=',
pinterest: '//pinterest.com/pin/create/button/?url=',
pocket: '//getpocket.com/save?url='
};
var sharers = Object.keys(shareUrls);
var url = encodeURIComponent([
window.location.protocol,
'//',
window.location.host,
window.location.pathname
].join(''));
sharers.forEach(function(sharer) {
var elem = document.getElementById('sharer-' + sharer);
if (!elem) return;
elem.addEventListener('click', function() {
window.open(
shareUrls[sharer] + url,
'Share to ' + sharer,
'toolbar=0,location=0,menubar=0,height=400,width=600'
);
});
});
})(window, document);
(function(t,e){var o={facebook:"//www.facebook.com/sharer.php?u=",twitter:"//twitter.com/intent/tweet?url=",pinterest:"//pinterest.com/pin/create/button/?url=",pocket:"//getpocket.com/save?url="};var n=Object.keys(o);var r=encodeURIComponent([t.location.protocol,"//",t.location.host,t.location.pathname].join(""));n.forEach(function(n){var c=e.getElementById("sharer-"+n);if(!c)return;c.addEventListener("click",function(){t.open(o[n]+r,"Share to "+n,"toolbar=0,location=0,menubar=0,height=400,width=600")})})})(window,document);
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment