This theme is a port of the [Lanyon theme by mvo](http://lanyon.getpoole.com/) Everything that's good in it

is mvo's fault, everything bad is mine.

It supports one variable set in the config:

That changes the color scheme, replace 08 with one of 09, 0a, 0b, 0c, 0d, 0e, 0f.

You can read a tutorial about how this theme was created [at Nikola's site]()_

.highlight .hll { background-color: #ffc; }

.highlight .c { color: #999; } /* Comment */

.highlight .err { color: #a00; background-color: #faa } /* Error */

.highlight .k { color: #069; } /* Keyword */

.highlight .o { color: #555 } /* Operator */

.highlight .cm { color: #09f; font-style: italic } /* Comment.Multiline */

.highlight .cp { color: #099 } /* Comment.Preproc */

.highlight .c1 { color: #999; } /* Comment.Single */

.highlight .cs { color: #999; } /* Comment.Special */

.highlight .gd { background-color: #fcc; border: 1px solid #c00 } /* Generic.Deleted */

.highlight .ge { font-style: italic } /* Generic.Emph */

.highlight .gr { color: #f00 } /* Generic.Error */

.highlight .gh { color: #030; } /* Generic.Heading */

.highlight .gi { background-color: #cfc; border: 1px solid #0c0 } /* Generic.Inserted */

.highlight .go { color: #aaa } /* Generic.Output */

.highlight .gp { color: #009; } /* Generic.Prompt */

.highlight .gs { } /* Generic.Strong */

.highlight .gu { color: #030; } /* Generic.Subheading */

.highlight .gt { color: #9c6 } /* Generic.Traceback */

.highlight .kc { color: #069; } /* Keyword.Constant */

.highlight .kd { color: #069; } /* Keyword.Declaration */

.highlight .kn { color: #069; } /* Keyword.Namespace */

.highlight .kp { color: #069 } /* Keyword.Pseudo */

.highlight .kr { color: #069; } /* Keyword.Reserved */

.highlight .kt { color: #078; } /* Keyword.Type */

.highlight .m { color: #f60 } /* Literal.Number */

.highlight .s { color: #d44950 } /* Literal.String */

.highlight .na { color: #4f9fcf } /* Name.Attribute */

.highlight .nb { color: #366 } /* Name.Builtin */

.highlight .nc { color: #0a8; } /* Name.Class */

.highlight .no { color: #360 } /* Name.Constant */

.highlight .nd { color: #99f } /* Name.Decorator */

.highlight .ni { color: #999; } /* Name.Entity */

.highlight .ne { color: #c00; } /* Name.Exception */

.highlight .nf { color: #c0f } /* Name.Function */

.highlight .nl { color: #99f } /* Name.Label */

.highlight .nn { color: #0cf; } /* Name.Namespace */

.highlight .nt { color: #2f6f9f; } /* Name.Tag */

.highlight .nv { color: #033 } /* Name.Variable */

.highlight .ow { color: #000; } /* Operator.Word */

.highlight .w { color: #bbb } /* Text.Whitespace */

.highlight .mf { color: #f60 } /* Literal.Number.Float */

.highlight .mh { color: #f60 } /* Literal.Number.Hex */

.highlight .mi { color: #f60 } /* Literal.Number.Integer */

.highlight .mo { color: #f60 } /* Literal.Number.Oct */

.highlight .sb { color: #c30 } /* Literal.String.Backtick */

.highlight .sc { color: #c30 } /* Literal.String.Char */

.highlight .sd { color: #c30; font-style: italic } /* Literal.String.Doc */

.highlight .s2 { color: #c30 } /* Literal.String.Double */

.highlight .se { color: #c30; } /* Literal.String.Escape */

.highlight .sh { color: #c30 } /* Literal.String.Heredoc */

.highlight .si { color: #a00 } /* Literal.String.Interpol */

.highlight .sx { color: #c30 } /* Literal.String.Other */

.highlight .sr { color: #3aa } /* Literal.String.Regex */

.highlight .s1 { color: #c30 } /* Literal.String.Single */

.highlight .ss { color: #fc3 } /* Literal.String.Symbol */

.highlight .bp { color: #366 } /* Name.Builtin.Pseudo */

.highlight .vc { color: #033 } /* Name.Variable.Class */

.highlight .vg { color: #033 } /* Name.Variable.Global */

.highlight .vi { color: #033 } /* Name.Variable.Instance */

.highlight .il { color: #f60 } /* Literal.Number.Integer.Long */

.css .o,

.css .o + .nt,

.css .nt + .nt { color: #999; }

base

## -*- coding: utf-8 -*-

<%namespace name="base" file="base_helper.tmpl" import="*"/>

<%namespace name="header" file="base_header.tmpl" import="*"/>

<%namespace name="footer" file="base_footer.tmpl" import="*"/>

<%namespace name="annotations" file="annotation_helper.tmpl"/>

${set_locale(lang)}

${base.html_headstart()}

<%block name="extra_head">

### Leave this block alone.

</%block>

${template_hooks['extra_head']()}

</head>

% if lanyon_subtheme:

<body class="${lanyon_subtheme}">

%else:

<body>

%endif

<a href="#content" class="sr-only sr-only-focusable">${messages("Skip to main content")}</a>

<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular

styles, `#sidebar-checkbox` for behavior. -->

<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">

<!-- Toggleable sidebar -->

<div class="sidebar" id="sidebar">

<div class="sidebar-item">

<p>A reserved <a href="http://jekyllrb.com" target="_blank">Nikola</a> theme that places the utmost gravity on content with a hidden drawer. Made by <a href="https://twitter.com/mdo" target="_blank">@mdo</a> for Jekyll,

ported to Nikola by <a href="https://twitter.com/mdo" target="_blank">@ralsina</a>.</p>

</div>

${header.html_navigation_links()}

</div>

<!-- Wrap is the content to shift when toggling the sidebar. We wrap the

content to avoid any CSS collisions with our real content. -->

<div class="wrap">

<div class="masthead">

<div class="container">

${header.html_site_title()}

</div>

</div>

<div class="container content" id="content">

<%block name="content"></%block>

${footer.html_footer()}

</div>

</div>

<label for="sidebar-checkbox" class="sidebar-toggle"></label>

${body_end}

${template_hooks['body_end']()}

${base.late_load_js()}

</body>

</html>

## -*- coding: utf-8 -*-

<%namespace name="base" file="base_helper.tmpl" import="*"/>

<%def name="html_header()">

<header id="header" role="banner">

${html_site_title()}

${html_translation_header()}

${html_navigation_links()}

%if search_form:

<div class="searchform" role="search">

${search_form}

</div>

%endif

</header>

${template_hooks['page_header']()}

</%def>

<%def name="html_site_title()">

<h3 id="brand" class="masthead-title">

<a href="${abs_link(_link("root", None, lang))}" title="${blog_title}" rel="home">${blog_title}</a>

</h3>

</%def>

<%def name="html_navigation_links()">

<nav id="menu" role="navigation" class="sidebar-nav">

%for url, text in navigation_links[lang]:

<a class="sidebar-nav-item" href="${url}">${text}</a>

%endfor

${template_hooks['menu']()}

${template_hooks['menu_alt']()}

</nav>

</%def>

<%def name="html_translation_header()">

%if len(translations) > 1:

<div id="toptranslations">

<h2>${messages("Languages:")}</h2>

${base.html_translations()}

</div>

%endif

</%def>

## -*- coding: utf-8 -*-

<%def name="html_headstart()">

<!DOCTYPE html>

<html \

prefix='\

%if use_open_graph or (twitter_card and twitter_card['use_twitter_cards']):

og: http://ogp.me/ns# article: http://ogp.me/ns/article# \

%endif

%if comment_system == 'facebook':

fb: http://ogp.me/ns/fb#

%endif

' \

%if use_open_graph or (twitter_card and twitter_card['use_twitter_cards']):

vocab="http://ogp.me/ns" \

%endif

% if is_rtl:

dir="rtl" \

% endif

\

lang="${lang}">

<head>

<meta charset="utf-8">

%if description:

<meta name="description" content="${description}">

%endif

<meta name="viewport" content="width=device-width">

<title>${title|striphtml} | ${blog_title|striphtml}</title>

${html_stylesheets()}

${html_feedlinks()}

%if permalink:

<link rel="canonical" href="${abs_link(permalink)}">

%endif

%if favicons:

%for name, file, size in favicons:

<link rel="${name}" href="${file}" sizes="${size}"/>

%endfor

%endif

% if comment_system == 'facebook':

<meta property="fb:app_id" content="${comment_system_id}">

% endif

%if prevlink:

<link rel="prev" href="${prevlink}" type="text/html">

%endif

%if nextlink:

<link rel="next" href="${nextlink}" type="text/html">

%endif

${mathjax_config}

%if use_cdn:

<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

%else:

<!--[if lt IE 9]><script src="${url_replacer(permalink, '/assets/js/html5.js', lang)}"></script><![endif]-->

%endif

${extra_head_data}

</%def>

<%def name="late_load_js()">

${social_buttons_code}

</%def>

<%def name="html_stylesheets()">

%if use_bundles:

%if use_cdn:

<link href="/assets/css/all.css" rel="stylesheet" type="text/css">

%else:

<link href="/assets/css/all-nocdn.css" rel="stylesheet" type="text/css">

%endif

%else:

<link href="/assets/css/rst.css" rel="stylesheet" type="text/css">

<link href="/assets/css/poole.css" rel="stylesheet" type="text/css">

<link href="/assets/css/lanyon.css" rel="stylesheet" type="text/css">

<link href="/assets/css/code.css" rel="stylesheet" type="text/css">

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700|PT+Sans:400">

%if has_custom_css:

<link href="/assets/css/custom.css" rel="stylesheet" type="text/css">

%endif

%endif

</%def>

<%def name="html_feedlinks()">

%if rss_link:

${rss_link}

%elif generate_rss:

%if len(translations) > 1:

%for language in translations:

<link rel="alternate" type="application/rss+xml" title="RSS (${language})" href="${_link('rss', None, language)}">

%endfor

%else:

<link rel="alternate" type="application/rss+xml" title="RSS" href="${_link('rss', None)}">

%endif

%endif

%if generate_atom:

%if len(translations) > 1:

%for language in translations:

<link rel="alternate" type="application/atom+xml" title="Atom (${language})" href="${_link('index_atom', None, language)}">

%endfor

%else:

<link rel="alternate" type="application/atom+xml" title="Atom" href="${_link('index_atom', None)}">

%endif

%endif

</%def>

<%def name="html_translations()">

<ul class="translations">

%for langname in translations.keys():

%if langname != lang:

<li><a href="${abs_link(_link("root", None, langname))}" rel="alternate" hreflang="${langname}">${messages("LANGUAGE", langname)}</a></li>

%endif

%endfor

</ul>

</%def>

## -*- coding: utf-8 -*-

<%namespace name="helper" file="index_helper.tmpl"/>

<%namespace name="comments" file="comments_helper.tmpl"/>

<%inherit file="base.tmpl"/>

<%block name="extra_head">

${parent.extra_head()}

% if posts and (permalink == '/' or permalink == '/' + index_file):

<link rel="prefetch" href="${posts[0].permalink()}" type="text/html">

% endif

</%block>

<%block name="content">

<%block name="content_header"></%block>

<div class="posts">

% for post in posts:

<article class="post h-entry post-${post.meta('type')}">

<header>

<h1 class="post-title p-name"><a href="${post.permalink()}" class="u-url">${post.title()|h}</a></h1>

<div class="metadata">

<p class="byline author vcard"><span class="byline-name fn">${post.author()}</span></p>

<p class="dateline"><a href="${post.permalink()}" rel="bookmark"><time class="post-date published dt-published" datetime="${post.date.isoformat()}" title="${post.formatted_date(date_format)}">${post.formatted_date(date_format)}</time></a></p>

% if not post.meta('nocomments') and site_has_comments:

<p class="commentline">${comments.comment_link(post.permalink(), post._base_path)}

% endif

</div>

</header>

%if index_teasers:

<div class="p-summary entry-summary">

${post.text(teaser_only=True)}

%else:

<div class="e-content entry-content">

${post.text(teaser_only=False)}

%endif

</div>

</article>

% endfor

</div>

${helper.html_pager()}

${comments.comment_link_script()}

${helper.mathjax_script(posts)}

</%block>

## -*- coding: utf-8 -*-

<%namespace name="helper" file="post_helper.tmpl"/>

<%namespace name="comments" file="comments_helper.tmpl"/>

<%def name="html_title()">

%if title and not post.meta('hidetitle'):

<h1 class="post-title p-name entry-title" itemprop="headline name"><a href="${post.permalink()}" class="u-url">${post.title()|h}</a></h1>

%endif

</%def>

<%def name="html_translations(post)">

% if len(post.translated_to) > 1:

<div class="metadata posttranslations translations">

<h3 class="posttranslations-intro">${messages("Also available in:")}</h3>

% for langname in translations.keys():

% if langname != lang and post.is_translation_available(langname):

<p><a href="${post.permalink(langname)}" rel="alternate" hreflang="${langname}">${messages("LANGUAGE", langname)}</a></p>

% endif

% endfor

</div>

% endif

</%def>

<%def name="html_sourcelink()">

% if show_sourcelink:

<p class="sourceline"><a href="${post.source_link()}" id="sourcelink">${messages("Source")}</a></p>

% endif

</%def>

<%def name="html_post_header()">

<header>

${html_title()}

<div class="metadata">

<p class="byline author vcard"><span class="byline-name fn">${post.author()}</span></p>

<p class="dateline"><a href="${post.permalink()}" rel="bookmark"><time class="post-date published dt-published" datetime="${post.date.isoformat()}" itemprop="datePublished" title="${post.formatted_date(date_format)}">${post.formatted_date(date_format)}</time></a></p>

% if not post.meta('nocomments') and site_has_comments:

<p class="commentline">${comments.comment_link(post.permalink(), post._base_path)}

% endif

%if post.description():

<meta name="description" itemprop="description" content="${post.description()}">

%endif

</div>

${html_translations(post)}

</header>

</%def>