Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

change layout

  • Loading branch information...
commit d1b0f7c7d43161c9a2a124970737a53236b2e4fd 1 parent 096c9ba
@laknock authored
Showing with 5,093 additions and 411 deletions.
  1. +3 −3 _config.yml
  2. +80 −0 _includes/themes/the-program/default.html
  3. +28 −0 _includes/themes/the-program/page.html
  4. +71 −0 _includes/themes/the-program/post.html
  5. +2 −0  _includes/themes/the-program/settings.yml
  6. +2 −3 _includes/themes/twitter/default.html
  7. +2 −2 _includes/themes/twitter/page.html
  8. +1 −1  _includes/themes/twitter/post.html
  9. +5 −56 _site/2012/09/06/solved-failed-to-install-native-gem-with-bundle/index.html
  10. +5 −56 _site/archive.html
  11. +1,484 −0 _site/assets/themes/the-program/css/style.css
  12. +313 −0 _site/assets/themes/the-program/css/style.less
  13. BIN  _site/assets/themes/the-program/font/UbuntuMono-B-webfont.eot
  14. +231 −0 _site/assets/themes/the-program/font/UbuntuMono-B-webfont.svg
  15. BIN  _site/assets/themes/the-program/font/UbuntuMono-B-webfont.ttf
  16. BIN  _site/assets/themes/the-program/font/UbuntuMono-B-webfont.woff
  17. BIN  _site/assets/themes/the-program/skin/100-90-5-monochrome.png
  18. +4 −0 _site/assets/themes/twitter/css/style.css
  19. +2 −2 _site/atom.xml
  20. +5 −56 _site/categories.html
  21. +67 −118 _site/index.html
  22. +6 −57 _site/pages.html
  23. +5 −56 _site/tags.html
  24. +153 −0 assets/themes/the-program/css/_base.less
  25. +53 −0 assets/themes/the-program/css/_helper.less
  26. +197 −0 assets/themes/the-program/css/_less-base.less
  27. +235 −0 assets/themes/the-program/css/_mediaqueries.less
  28. +38 −0 assets/themes/the-program/css/_module.less
  29. +68 −0 assets/themes/the-program/css/_syntaxhighlighter.less
  30. +1,484 −0 assets/themes/the-program/css/style.css
  31. +313 −0 assets/themes/the-program/css/style.less
  32. BIN  assets/themes/the-program/font/UbuntuMono-B-webfont.eot
  33. +231 −0 assets/themes/the-program/font/UbuntuMono-B-webfont.svg
  34. BIN  assets/themes/the-program/font/UbuntuMono-B-webfont.ttf
  35. BIN  assets/themes/the-program/font/UbuntuMono-B-webfont.woff
  36. BIN  assets/themes/the-program/skin/100-90-5-monochrome.png
  37. +4 −0 assets/themes/twitter/css/style.css
  38. +1 −1  index.md
View
6 _config.yml
@@ -9,14 +9,14 @@ pygments: true
# Themes are encouraged to use these universal variables
# so be sure to set them if your theme uses them.
#
-title : Laknock's Blog
-tagline: Ruby PhoneGap ジャパンカルチャー
+title : laknock
+tagline: Ruby JavaScript C#
author :
name : Roy Chen
email : code.roy@gmail.com
github : laknock
twitter : laknock
- feedburner : feedname
+ feedburner :
# The production_url is only used when full-domain names are needed
# such as sitemap.txt
View
80 _includes/themes/the-program/default.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 ie" lang="en"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8 ie" lang="en"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9 ie" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+ <title>{{ page.title }}</title>
+ <meta name="author" content="{{ site.author.name }}">
+ <link href='{{ ASSET_PATH }}/css/style.css' rel="stylesheet" media="all">
+ <link href="http://feeds.feedburner.com/{{ site.author.feedbaname }}" rel="alternate" title="{{ page.title }}" type="application/atom+xml">
+ <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.0.6/modernizr.min.js"></script>
+</head>
+<body>
+
+<div id="page" class="hentry">
+ <header class="the-header">
+ <div class="unit-head">
+ <div class="unit-inner unit-head-inner">
+ <nav class="nav-global">
+ <ul>
+ <li class="logo"><a href="/">{{ site.title }}</a></li>
+ <li class="archive"><a href="/archive.html">archive</a></li>
+ <li class="page"><a href="/pages.html">pages</a></li>
+ <li class="category"><a href="/categories.html">categories</a></li>
+ <li class="tag"><a href="/tags.html">tags</a></li>
+ </ul>
+ </nav>
+ </div><!-- unit-inner -->
+ </div><!-- unit-head -->
+ </header>
+ <div class="body" role="main">
+ <div class="unit-body">
+ <div class="unit-inner unit-body-inner">
+ <div class="entry-content">
+ {{ content }}
+ </div>
+ </div><!-- unit-inner -->
+ </div><!-- unit-body -->
+ </div><!-- body -->
+ <footer class="the-footer">
+ <div class="unit-foot">
+ <div class="unit-inner unit-foot-inner">
+ <div class="misc vcard">
+ <h4>about</h4>
+ <ul>
+ <li class="github"><a href="http://github.com/{{ site.author.github }}/" rel="me">github.com/{{ site.author.github }}</a></li>
+ <li class="twitter"><a href="http://twitter.com/{{ site.author.twitter }}/" rel="me">twitter.com/{{ site.author.twitter }}</a></li>
+ <li class="rss"><a href="http://feeds.feedburner.com/{{ site.author.feedname }}">Subscribe to RSS Feed</a></li>
+ </ul>
+ </div><!-- misc -->
+ <p class="licence">
+ Theme: <a href="http://layouts-the.me">the_minimum</a> based on <a href="http://jekyllbootstrap.com/">Jekyll-bootstrap</a>.<br>
+ Powered by <a href="https://github.com/mojombo/jekyll">Jekyll</a>.
+ </p>
+ </div><!-- unit-foot-inner -->
+ </div><!-- unit-foot -->
+ </footer>
+</div><!-- page -->
+<script>
+ (function(d, s) {
+ var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) {
+ if (d.getElementById(id)) {return;}
+ js = d.createElement(s); js.src = url; js.id = id;
+ fjs.parentNode.insertBefore(js, fjs);
+ };
+ load('//platform.twitter.com/widgets.js', 'tweetjs');
+ // load('https://apis.google.com/js/plusone.js', 'gplus1js'); // Checkout http://j.mp/ApDgMr for usage html for this is <div class="g-plusone" data-size="medium"></div>
+ // load('//connect.facebook.net/en_US/all.js#xfbml=1', 'fbjssdk'); // Checkout http://j.mp/wZw2xR for using open graph protorol html for this is <div class="fb-like" data-href="{{ page.url }}" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-font="verdana"></div>
+ }(document, 'script'));
+</script>
+<script>
+/*! A fix for the iOS orientationchange zoom bug.Script by @scottjehl, rebound by @wilto. MIT License.*/
+(function(j){var i=j.document;if(!i.querySelectorAll){return}var l=i.querySelectorAll("meta[name=viewport]")[0],a=l&&l.getAttribute("content"),h=a+", maximum-scale=1.0",d=a+", maximum-scale=10.0",g=true,c=j.orientation,k=0;if(!l){return}function f(){l.setAttribute("content",d);g=true}function b(){l.setAttribute("content",h);g=false}function e(m){c=Math.abs(j.orientation);k=Math.abs(m.gamma);if(k>8&&c===0){if(g){b()}}else{if(!g){f()}}}j.addEventListener("orientationchange",f,false);j.addEventListener("deviceorientation",e,false)})(this);
+</script>
+
+ {% include JB/analytics %}
+</body>
+</html>
View
28 _includes/themes/the-program/page.html
@@ -0,0 +1,28 @@
+<article class="unit-article layout-page">
+ <div class="unit-inner unit-article-inner">
+ <div class="content">
+ <header>
+ <div class="unit-head">
+ <div class="unit-inner unit-head-inner">
+ <h1 class="h2 entry-title">{{ page.title }}</h1>
+ </div><!-- unit-inner -->
+ </div><!-- unit-head -->
+ </header>
+
+ <div class="bd">
+ <div class="entry-content">
+ {{ content }}
+ </div><!-- entry-content -->
+ </div><!-- bd -->
+
+ <footer class="unit-foot">
+ <div class="unit-inner unit-foot-inner">
+ <p class="gotop">
+ <a href="#page">Back to Top</a>
+ </p>
+ </div>
+ </footer>
+
+ </div><!-- content -->
+ </div><!-- unit-inner -->
+</article>
View
71 _includes/themes/the-program/post.html
@@ -0,0 +1,71 @@
+<article class="unit-article layout-post">
+ <div class="unit-inner unit-article-inner">
+ <div class="content">
+ <header>
+ <div class="unit-head">
+ <div class="unit-inner unit-head-inner">
+ <h1 class="h2 entry-title">{{ page.title }}</h1>
+ </div><!-- unit-inner -->
+ </div><!-- unit-head -->
+ </header>
+
+ <div class="bd">
+ <div class="entry-content">
+ {{ content }}
+ <div class="meta">
+ <p class="date-publish">
+ Published:
+ <date class="date-pub" title="{{ page.date | date_to_xmlschema }}" datetime="{{ page.date | date_to_xmlschema }}" pubdate>
+ <span class="month"><abbr>{{ page.date | date: '%B' }}</abbr></span>
+ <span class="day">{{ page.date | date: '%d' }}</span>
+ <span class="year">{{ page.date | date: '%Y' }}</span>
+ </date>
+ </p>
+ <ul class="list-category list-linear">
+ <li class="list-head">category: </li>
+ {% assign categories_list = page.categories %}
+ {% include JB/categories_list %}
+ </ul>
+ <ul class="list-tag list-linear">
+ <li class="list-head">tags: </li>
+ {% assign tags_list = page.tags %}
+ {% include JB/tags_list %}
+ </ul>
+ </div><!-- meta -->
+ </div><!-- entry-content -->
+ <div class="misc-content">
+ <div class="social">
+ <ul class="list-linear">
+ <li><div class="twitter-tweet"><a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="{{ site.author.twitter }}" data-lang="en">Tweet</a></div></li>
+ <li><div class="twitter-follow"><a href="https://twitter.com/{{ site.author.twitter }}" class="twitter-follow-button" data-show-count="false" data-lang="en"></a></div></li>
+ </ul>
+ </div>
+ <div class="comment">
+ {% include JB/comments %}
+ </div>
+ </div><!-- misc-content -->
+ </div><!-- bd -->
+ <footer class="unit-foot">
+ <div class="unit-inner unit-foot-inner">
+ <nav class="pagination">
+ <ul>
+ {% if page.previous %}
+ <li class="prev"><a class="internal" rel="prev" href="{{ page.previous.url }}" title="View {{ page.previous.title }}">&laquo; {{ page.previous.title }}</a></li>
+ {% endif %}
+ {% if page.previous and page.next %}
+ <li class="pipe"> | </li>
+ {% endif %}
+ {% if page.next %}
+ <li class="next"><a class="internal" rel="next" href="{{ page.next.url }}" title="View {{ page.next.title }}">{{ page.next.title }} &raquo;</a></li>
+ {% endif %}
+ </ul>
+ </nav>
+ <p class="gotop">
+ <a href="#page">Back to Top</a>
+ </p>
+ </div>
+ </footer>
+
+ </div><!-- content -->
+ </div><!-- unit-inner -->
+</article>
View
2  _includes/themes/the-program/settings.yml
@@ -0,0 +1,2 @@
+theme :
+ name : the-program
View
5 _includes/themes/twitter/default.html
@@ -31,9 +31,8 @@
<div class="container">
<a class="brand" href="{{ HOME_PATH }}">{{ site.title }}</a>
<ul class="nav">
- {% assign pages_list = site.pages %}
- {% assign group = 'navigation' %}
- {% include JB/pages_list %}
+ <li class="archive"><a href="/archive.html">archive</a></li>
+ <li class="tag"><a href="/tags.html">tags</a></li>
</ul>
<ul class="sns-bar">
<a href="https://twitter.com/laknock">
View
4 _includes/themes/twitter/page.html
@@ -1,6 +1,6 @@
-<div class="page-header">
+<!-- <div class="page-header">
<h1>{{ page.title }} {% if page.tagline %} <small>{{ page.tagline }}</small>{% endif %}</h1>
-</div>
+</div> -->
<div class="row">
<div class="span12">
View
2  _includes/themes/twitter/post.html
@@ -3,7 +3,7 @@
</div>
<div class="row">
- <div class="span8">
+ <div class="span8 post-content">
{{ content }}
<hr>
<div class="pagination">
View
61 _site/2012/09/06/solved-failed-to-install-native-gem-with-bundle/index.html
@@ -30,61 +30,10 @@
<div class="navbar">
<div class="navbar-inner">
<div class="container">
- <a class="brand" href="/">Laknock's Blog</a>
+ <a class="brand" href="/">laknock</a>
<ul class="nav">
-
-
-
-
-
-
-
-
-
- <li><a href="/categories.html">Categories</a></li>
-
-
-
-
-
-
-
-
-
-
-
- <li><a href="/tags.html">Tags</a></li>
-
-
-
-
-
-
-
- <li><a href="/pages.html">Pages</a></li>
-
-
-
-
-
-
-
- <li><a href="/archive.html">Archive</a></li>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ <li class="archive"><a href="/archive.html">archive</a></li>
+ <li class="tag"><a href="/tags.html">tags</a></li>
</ul>
<ul class="sns-bar">
<a href="https://twitter.com/laknock">
@@ -107,7 +56,7 @@
</div>
<div class="row">
- <div class="span8">
+ <div class="span8 post-content">
<p>If you are install native gem with bundle or create a new application and got error messages like:</p>
<pre><code>Installing json (1.7.3) with native extensions
Gem::Installer::ExtensionBuildError: ERROR:Failed to build gem native extension.
@@ -150,7 +99,7 @@
<li class="prev disabled"><a>&larr; Previous</a></li>
- <li><a href="/archive.html">Archive</a></li>
+ <li><a href="">Archive</a></li>
<li class="next disabled"><a>Next &rarr;</a>
View
61 _site/archive.html
@@ -30,61 +30,10 @@
<div class="navbar">
<div class="navbar-inner">
<div class="container">
- <a class="brand" href="/">Laknock's Blog</a>
+ <a class="brand" href="/">laknock</a>
<ul class="nav">
-
-
-
-
-
-
-
-
-
- <li><a href="/categories.html">Categories</a></li>
-
-
-
-
-
-
-
-
-
-
-
- <li><a href="/tags.html">Tags</a></li>
-
-
-
-
-
-
-
- <li><a href="/pages.html">Pages</a></li>
-
-
-
-
-
-
-
- <li class="active"><a href="/archive.html" class="active">Archive</a></li>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ <li class="archive"><a href="/archive.html">archive</a></li>
+ <li class="tag"><a href="/tags.html">tags</a></li>
</ul>
<ul class="sns-bar">
<a href="https://twitter.com/laknock">
@@ -102,9 +51,9 @@
<div class="content">
-<div class="page-header">
+<!-- <div class="page-header">
<h1>Archive </h1>
-</div>
+</div> -->
<div class="row">
<div class="span12">
View
1,484 _site/assets/themes/the-program/css/style.css
@@ -0,0 +1,1484 @@
+/*
+HTML5 display definitions from [HTML5 Boilerplate](http://j.mp/rP0wmY)
+
+No styleguide reference.
+*/
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+ display: block;
+}
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+audio:not([controls]) {
+ display: none;
+}
+[hidden] {
+ display: none;
+}
+/*
+Base from [HTML5 Boilerplate](http://j.mp/rP0wmY)
+- Correct text resizing oddly in IE6/7 when body font-size is set using em units
+- Force vertical scrollbar in non-IE
+- Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
+- Remove text-shadow in selection highlight: h5bp.com/i
+- These selection declarations have to be separate
+- Also: hot pink! (or customize the background color to match your design)
+
+No styleguide reference.
+*/
+html {
+ font-size: 100%;
+ overflow-y: scroll;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+body {
+ margin: 0;
+ font-size: 1em;
+ line-height: 1.4;
+ -webkit-tap-highlight-color: rgba(255, 0, 0, 0.62);
+}
+body,
+button,
+input,
+select,
+textarea {
+ font-family: sans-serif;
+}
+::-moz-selection {
+ background: #073642;
+ color: #fff;
+ text-shadow: none;
+}
+::selection {
+ background: #073642;
+ color: #fff;
+ text-shadow: none;
+}
+/*
+Links from [HTML5 Boilerplate](http://j.mp/rP0wmY)
+
+No styleguide reference.
+*/
+a {
+ color: #00e;
+}
+a:visited {
+ color: #551a8b;
+}
+a:hover {
+ color: #06e;
+}
+a:focus {
+ outline: thin dotted;
+}
+a:hover,
+a:active {
+ outline: 0;
+}
+/*
+Typography from [HTML5 Boilerplate](http://j.mp/rP0wmY)
+
+No styleguide reference.
+*/
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+b,
+strong {
+ font-weight: bold;
+}
+blockquote {
+ margin: 1em 40px;
+}
+dfn {
+ font-style: italic;
+}
+hr {
+ display: block;
+ height: 1px;
+ border: 0;
+ border-top: 1px solid #ccc;
+ margin: 1em 0;
+ padding: 0;
+}
+ins {
+ background: #ff9;
+ color: #000;
+ text-decoration: none;
+}
+mark {
+ background: #ff0;
+ color: #000;
+ font-style: italic;
+ font-weight: bold;
+}
+/* Redeclare monospace font family: h5bp.com/j */
+pre,
+code,
+kbd,
+samp {
+ font-family: monospace, serif;
+ _font-family: 'courier new', monospace;
+ font-size: 1em;
+}
+/* Improve readability of pre-formatted text in all browsers */
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+q {
+ quotes: none;
+}
+q:before,
+q:after {
+ content: "";
+ content: none;
+}
+small {
+ font-size: 85%;
+}
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+sup {
+ top: -0.5em;
+}
+sub {
+ bottom: -0.25em;
+}
+/*
+Lists from [HTML5 Boilerplate](http://j.mp/rP0wmY)
+
+No styleguide reference.
+*/
+ul,
+ol {
+ margin: 0;
+ padding: 0 0 0 40px;
+}
+dd {
+ margin: 0 0 0 40px;
+}
+nav ul,
+nav ol {
+ list-style: none;
+ list-style-image: none;
+ margin: 0;
+ padding: 0;
+}
+/*
+Embedded content from [HTML5 Boilerplate](http://j.mp/rP0wmY)
+- Improve image quality when scaled in IE7: h5bp.com/d
+- Remove the gap between images and borders on image containers: h5bp.com/e
+
+No styleguide reference.
+*/
+img {
+ border: 0;
+ -ms-interpolation-mode: bicubic;
+ vertical-align: middle;
+}
+svg:not(:root) {
+ overflow: hidden;
+}
+/* Correct overflow not hidden in IE9 */
+/*
+Figures from [HTML5 Boilerplate](http://j.mp/rP0wmY)
+
+No styleguide reference.
+*/
+figure {
+ margin: 0;
+}
+/*
+Forms from [HTML5 Boilerplate](http://j.mp/rP0wmY)
+See inline comments for detail
+
+No styleguide reference.
+*/
+form {
+ margin: 0;
+}
+fieldset {
+ border: 0;
+ margin: 0;
+ padding: 0;
+}
+/* Indicate that 'label' will shift focus to the associated form element */
+label {
+ cursor: pointer;
+}
+/*
+ * 1. Correct color not inheriting in IE6/7/8/9
+ * 2. Correct alignment displayed oddly in IE6/7
+ */
+legend {
+ border: 0;
+ *margin-left: -7px;
+ padding: 0;
+}
+/*
+ * 1. Correct font-size not inheriting in all browsers
+ * 2. Remove margins in FF3/4 S5 Chrome
+ * 3. Define consistent vertical alignment display in all browsers
+ */
+button,
+input,
+select,
+textarea {
+ font-size: 100%;
+ margin: 0;
+ vertical-align: baseline;
+ *vertical-align: middle;
+}
+/*
+ * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
+ */
+button,
+input {
+ line-height: normal;
+}
+/*
+ * 1. Display hand cursor for clickable form elements
+ * 2. Allow styling of clickable form elements in iOS
+ * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
+ */
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ cursor: pointer;
+ -webkit-appearance: button;
+ *overflow: visible;
+}
+/*
+ * Consistent box sizing and appearance
+ */
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box;
+ padding: 0;
+}
+input[type="search"] {
+ -webkit-appearance: textfield;
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+/*
+ * Remove inner padding and border in FF3/4: h5bp.com/l
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+/*
+ * 1. Remove default vertical scrollbar in IE6/7/8/9
+ * 2. Allow only vertical resizing
+ */
+textarea {
+ overflow: auto;
+ vertical-align: top;
+ resize: vertical;
+}
+/* Colors for form validity */
+input:invalid,
+textarea:invalid {
+ background-color: #f0dddd;
+}
+/*
+Tables from [HTML5 Boilerplate](http://j.mp/rP0wmY)
+
+No styleguide reference.
+*/
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+td {
+ vertical-align: top;
+}
+/*
+Base .mod module from http://j.mp/svs81k
+
+HTML should look like this and .bd is required:
+ <div class="mod">
+ <div class="inner">
+ <div class="hd"></div>
+ <div class="bd"></div>
+ <div class="ft"></div>
+ </div><!-- inner -->
+ </div><!-- mod -->
+
+No styleguide reference.
+*/
+.mod .inner {
+ position: relative;
+}
+.mod .bd,
+.mod .ft,
+.mod .hd {
+ overflow: hidden;
+ *overflow: visible;
+ zoom: 1;
+}
+/*
+.media module from http://j.mp/tQCTa8
+Since .media uses overflow: hidden, box-shadow needs padding to render correctly.
+Using dropdown or pop over should be problematic. Anything try to go outside of this module box should have problem.
+HTML should look like this and .media-left or .media-right and .bd is required:
+
+ <div class="media">
+ <a href="#" class="media-left"><img src="#" alt=""></a>
+ <a href="#" class="media-right"><img src="#" alt=""></a>
+ <div class="bd"></div>
+ </div><!-- media -->
+
+No styleguide reference.
+*/
+.media {
+ overflow: hidden;
+ *overflow: visible;
+ zoom: 1;
+}
+.media .media-left {
+ float: left;
+ margin-right: 14px;
+}
+.media .img img {
+ display: block;
+}
+.media .media-right {
+ float: right;
+ margin-left: 14px;
+}
+.media .bd,
+.media .ft,
+.media .hd {
+ overflow: hidden;
+ *overflow: visible;
+ zoom: 1;
+}
+/*
+Frameless <http://framelessgrid.com/>
+by Joni Korpi <http://jonikorpi.com/>
+licensed under CC0 <http://creativecommons.org/publicdomain/zero/1.0/>
+
+No styleguide reference.
+*/
+/*
+Font families
+
+No styleguide reference.
+*/
+/*
+Base font size should be larger than 16px.
+Calculation should be done via http://j.mp/rNg5uA
+
+No styleguide reference.
+*/
+body {
+ font-family: consolas, monaco, monospace;
+ font-size: 1em;
+ line-height: 1.625em;
+}
+/*
+Font size setting
+Using Golden ratio section
+http://modularscale.com/scale/?px1=16&px2=30&ra1=1.618&ra2=0
+
+No styleguide reference.
+*/
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: UbuntuMono-B, consolas, monaco, monospace;
+}
+h1,
+.h1 {
+ font-size: 30px;
+ line-height: 52px;
+ margin-top: 52px;
+ margin-bottom: 26px;
+}
+h2,
+.h2 {
+ font-size: 30px;
+ line-height: 52px;
+ margin-top: 52px;
+ margin-bottom: 26px;
+}
+h3,
+.h3 {
+ font-size: 25.888px;
+ line-height: 26px;
+ margin-top: 26px;
+ margin-bottom: 26px;
+}
+h4,
+.h4 {
+ font-size: 18.541px;
+ line-height: 26px;
+ margin-top: 26px;
+ margin-bottom: 26px;
+}
+p,
+ul,
+ol,
+dl,
+img {
+ margin-top: 0;
+ margin-bottom: 1.625em;
+}
+small,
+.small,
+aside {
+ font-size: 0.75em;
+}
+.font-size-default {
+ font-size: 1em;
+}
+blockquote {
+ font-weight: bold;
+}
+blockquote cite {
+ font-weight: normal;
+}
+strong {
+ font-weight: bold;
+}
+em {
+ font-weight: bold;
+}
+/*
+Color schemes
+
+No styleguide reference.
+*/
+/* solarized - http://j.mp/s9Xuw9
+
+@base03: #002b36;
+@base02: #073642;
+@base01: #586e75;
+@base00: #657b83;
+@base0: #839496;
+@base1: #93a1a1;
+@base2: #eee8d5;
+@base3: #fdf6e3;
+@yellow: #b58900;
+@orange: #cb4b16;
+@red: #dc322f;
+// @magenta: #d33682;
+@violet: #6c71c4;
+@blue: #268bd2;
+@cyan: #2aa198;
+@green: #859900;
+
+*/
+/* COMFORTAA Font
+ * http://www.fontsquirrel.com/fonts/Comfortaa
+*/
+@font-face {
+ font-family: 'UbuntuMono-B';
+ src: url('/assets/themes/the-program/font/UbuntuMono-B-webfont.eot');
+ src: url('/assets/themes/the-program/font/UbuntuMono-B-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/themes/the-program/font/UbuntuMono-B-webfont.woff') format('woff'), url('/assets/themes/the-program/font/UbuntuMono-B-webfont.ttf') format('truetype'), url('/assets/themes/the-program/font/UbuntuMono-B-webfont.svg#UbuntuMono-B') format('svg');
+ font-weight: normal !important;
+ font-style: normal;
+}
+/*
+LESS helper
+*/
+/*
+List modules
+.list-linear - list line up horizontally
+
+No styleguide reference.
+*/
+.list-linear {
+ letter-spacing: -0.31em;
+ *letter-spacing: normal;
+ word-spacing: -0.43em;
+ list-style: none;
+ padding-left: 0;
+}
+.list-linear li {
+ display: inline-block;
+ *display: inline;
+ zoom: 1;
+ line-height: normal;
+ letter-spacing: normal;
+ margin-right: 16px;
+ word-spacing: normal;
+ vertical-align: middle;
+}
+.list-linear li:last-child {
+ margin-right: 0;
+}
+/* LESS VARIABLES
+--------------------------------------------------------------------------------- */
+/* GLOBAL
+--------------------------------------------------------------------------------- */
+html {
+ color: #2d2d2d;
+}
+#page {
+ background: url('/assets/themes/the-program/skin/100-90-5-monochrome.png');
+ background-repeat: repeat;
+ background-position: 0 0;
+ background-color: #e2e2de;
+}
+.body .unit-body {
+ background-color: #fafafa;
+}
+/* LINK */
+a:link {
+ color: #2d2d2d;
+ text-decoration: none;
+}
+a:visited {
+ color: #141414;
+ text-decoration: none;
+}
+a:hover {
+ color: #474747;
+ text-decoration: none;
+}
+/* HIGHLIGHTER */
+pre {
+ margin-bottom: 1.625em;
+}
+pre {
+ color: #f2f2f2;
+ background-color: #393939;
+ border: 1px solid #393939;
+ font-family: consolas, monaco, monospace;
+ margin-left: 0;
+ margin-right: 0;
+ padding: 1.625em;
+ overflow: auto;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+/* meta */
+/* HEADER
+--------------------------------------------------------------------------------- */
+.the-header .logo {
+ font-family: UbuntuMono-B, consolas, monaco, monospace;
+ margin: 0;
+}
+.the-header .logo a:visited {
+ color: #2d2d2d;
+}
+.the-header .nav-global {
+ text-transform: uppercase;
+}
+.the-header .nav-global .logo {
+ text-transform: none;
+}
+.the-header .nav-global .forkme {
+ position: relative;
+ top: 2px;
+}
+/* MAIN
+--------------------------------------------------------------------------------- */
+.unit-article header {
+ border-bottom: 5px solid rgba(21, 25, 25, 0.8);
+ margin-bottom: 21px;
+}
+.unit-article header h1 {
+ color: #2d2d2d;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+.unit-article .entry-content h2,
+.unit-article .entry-content h3,
+.unit-article .entry-content h4,
+.unit-article .entry-content h5,
+.unit-article .entry-content h6 {
+ color: #2d2d2d;
+}
+.unit-article .entry-content h2 a:link,
+.unit-article .entry-content h3 a:link,
+.unit-article .entry-content h4 a:link,
+.unit-article .entry-content h5 a:link,
+.unit-article .entry-content h6 a:link {
+ color: #2d2d2d;
+ border: 0;
+}
+.unit-article .entry-content h2 a:visited,
+.unit-article .entry-content h3 a:visited,
+.unit-article .entry-content h4 a:visited,
+.unit-article .entry-content h5 a:visited,
+.unit-article .entry-content h6 a:visited {
+ color: #141414;
+ border: 0;
+}
+.unit-article .entry-content h2 a:hover,
+.unit-article .entry-content h3 a:hover,
+.unit-article .entry-content h4 a:hover,
+.unit-article .entry-content h5 a:hover,
+.unit-article .entry-content h6 a:hover {
+ color: #474747;
+ border: 0;
+}
+.unit-article .entry-content:first-child h2,
+.unit-article .entry-content:first-child h3,
+.unit-article .entry-content:first-child h4,
+.unit-article .entry-content:first-child h5,
+.unit-article .entry-content:first-child h6 {
+ margin-top: 0;
+}
+.unit-article a:link {
+ border-bottom: 1px dashed #c26164;
+}
+.unit-article a:visited {
+ border-bottom: 1px dashed #ad4346;
+}
+.unit-article a:hover {
+ border-bottom: 1px dashed #d08688;
+}
+.unit-article blockquote {
+ border-left: 1em solid rgba(21, 25, 25, 0.8);
+ padding-left: 1em;
+}
+.unit-article blockquote p {
+ margin-left: 0;
+ margin-right: 0;
+}
+.unit-article ul,
+.unit-article ol,
+.unit-article dl {
+ padding-left: 0;
+}
+.unit-article ul {
+ list-style: square;
+}
+.unit-article ol {
+ list-style: decimal;
+}
+.unit-article li h1,
+.unit-article dt h1,
+.unit-article dd h1,
+.unit-article li h2,
+.unit-article dt h2,
+.unit-article dd h2,
+.unit-article li h3,
+.unit-article dt h3,
+.unit-article dd h3,
+.unit-article li h4,
+.unit-article dt h4,
+.unit-article dd h4,
+.unit-article li h5,
+.unit-article dt h5,
+.unit-article dd h5,
+.unit-article li p,
+.unit-article dt p,
+.unit-article dd p,
+.unit-article li ul,
+.unit-article dt ul,
+.unit-article dd ul,
+.unit-article li ol,
+.unit-article dt ol,
+.unit-article dd ol,
+.unit-article li dl,
+.unit-article dt dl,
+.unit-article dd dl,
+.unit-article li blockquote,
+.unit-article dt blockquote,
+.unit-article dd blockquote,
+.unit-article li .hasGrid,
+.unit-article dt .hasGrid,
+.unit-article dd .hasGrid {
+ margin-left: 0;
+ margin-right: 0;
+}
+.unit-article p code,
+.unit-article li code {
+ padding: 2px 5px;
+ white-space: nowrap;
+ background-color: #fff04a;
+}
+.unit-article img {
+ display: block;
+ margin-left: auto;
+ margin-left: auto;
+}
+.unit-article img.left {
+ margin-right: 16px;
+}
+.unit-article img.right {
+ margin-left: 16px;
+}
+.unit-article .date-publish {
+ margin-bottom: 0;
+}
+.unit-article .list-linear .list-head {
+ margin-right: 4px;
+}
+.unit-article .list-category a,
+.unit-article .list-tag a {
+ border: 0 none;
+}
+.unit-article .list-category a:hover span,
+.unit-article .list-tag a:hover span {
+ background-color: #f99157;
+}
+.unit-article .list-category span,
+.unit-article .list-tag span {
+ background-color: #e25608;
+ padding: 1px 5px;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ color: white;
+ text-transform: uppercase;
+ margin: 0 6px 0 0;
+ display: inline-block;
+ position: relative;
+ vertical-align: middle;
+ top: -2px;
+ font-weight: bold;
+ font-size: 13px;
+}
+.unit-article .list-category {
+ margin-bottom: 0;
+ text-transform: capitalize;
+}
+.unit-article .list-tag {
+ text-transform: capitalize;
+}
+.unit-article .comment a {
+ border-bottom: 0;
+}
+.unit-article .unit-foot {
+ border-top: 5px solid rgba(21, 25, 25, 0.8);
+ padding-top: 1.625em;
+ position: relative;
+}
+.unit-article .unit-foot nav ul {
+ list-style: none;
+}
+.unit-article .unit-foot nav ul li {
+ display: inline;
+}
+.unit-article .unit-foot .gotop {
+ margin-bottom: 0;
+}
+/* post & page */
+.layout-page .tag_box {
+ background: url('/assets/themes/the-program/skin/100-90-5-monochrome.png') repeat 0 0 #999999;
+ padding: 0.8125em;
+ list-style: none;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ -moz-background-clip: padding;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4);
+}
+.layout-page .tag_box li {
+ display: inline;
+ line-height: normal;
+ vertical-align: middle;
+}
+.layout-page .tag_box a {
+ background-color: #99cc99;
+ float: left;
+ border: 1px solid #448844;
+ padding: 3px 6px 3px 6px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ margin: 5px;
+ -moz-background-clip: padding;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+ -webkit-transition-duration: 0.2s;
+ -moz-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ vertical-align: bottom;
+}
+.layout-page .tag_box a:active {
+ -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
+ box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
+ background: #336633;
+ border: solid #336633;
+}
+.layout-page .tag_box a:hover {
+ background-color: #77bb77;
+ border: 1px solid #336633;
+}
+.layout-page .tag_box a:hover span {
+ background-color: #e1e1e1;
+ border: 1px solid #77bb77;
+}
+.layout-page .tag_box span {
+ background-color: #fafafa;
+ border: 1px solid #99cc99;
+ padding: 1px 5px;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ color: #1a1a1a;
+ display: inline-block;
+ position: relative;
+ vertical-align: middle;
+ top: -2px;
+ font-weight: bold;
+ font-size: 13px;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+}
+/* FOOTER
+----------------------------------------------- */
+.the-footer a:link {
+ color: #c26164;
+ border: 0;
+}
+.the-footer a:visited {
+ color: #ad4346;
+ border: 0;
+}
+.the-footer a:hover {
+ color: #d08688;
+ border: 0;
+}
+.the-footer ul {
+ list-style: square;
+ padding-left: 1em;
+}
+.the-footer address {
+ font-style: normal;
+}
+.the-footer .license {
+ clear: both;
+}
+.the-footer .license p {
+ margin-bottom: 0;
+}
+.the-header .unit-head {
+ padding: 26px;
+}
+.the-header .unit-head .nav-global .logo {
+ display: block;
+ width: auto;
+}
+.the-header .unit-head .nav-global .logo a {
+ display: block;
+ font-size: 30px;
+ line-height: 52px;
+ padding-bottom: 26px;
+}
+.body .unit-body {
+ border-top: 1px solid rgba(255, 255, 255, 0.6);
+ padding: 26px;
+}
+.the-footer {
+ background-color: #1a1a1a;
+ background-color: rgba(21, 25, 25, 0.8);
+ color: #fafafa;
+ color: rgba(250, 250, 250, 0.8);
+ padding: 26px;
+}
+.the-footer a:link {
+ color: #c26164;
+ border: 0;
+}
+.the-footer a:visited {
+ color: #ad4346;
+ border: 0;
+}
+.the-footer a:hover {
+ color: #d08688;
+ border: 0;
+}
+.the-footer h4 {
+ margin-top: 0;
+}
+/*
+ IE
+*/
+/*
+ Smartphone
+*/
+@media only screen and (min-width: 320px) and (max-width: 767px) {
+ img {
+ max-width: 100%;
+ }
+}
+/*
+ Tablet
+*/
+@media only screen and (min-width: 768px) {
+ .the-header .unit-head {
+ padding: 0;
+ }
+ .the-header .unit-head .nav-global li {
+ float: left;
+ border: 1px solid rgba(0, 0, 0, 0.05);
+ border-width: 0 1px 0 0;
+ }
+ .the-header .unit-head .nav-global li a,
+ .the-header .unit-head .nav-global li div {
+ display: block;
+ padding: 26px;
+ height: 26px;
+ }
+ .the-header .unit-head .nav-global li a:hover {
+ background-color: #fff04a;
+ color: #474747;
+ }
+ .the-header .unit-head .nav-global li:nth-child(2) {
+ border-width: 0 1px;
+ }
+ .the-header .unit-head .nav-global li:last-child {
+ border-width: 0;
+ }
+ .the-header .unit-head .nav-global .logo {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+ border-right: none 0;
+ display: block;
+ width: 100%;
+ }
+ .the-header .unit-head .nav-global .logo a {
+ font-size: 30px;
+ line-height: normal;
+ }
+ .the-header .unit-head .nav-global .logo a:hover {
+ background-color: transparent;
+ }
+}
+/*
+ Not that old computer layout
+*/
+@media only screen and (min-width: 1280px) {
+ .the-header .unit-head .nav-global .logo {
+ border-bottom: 0 none;
+ display: block;
+ width: auto;
+ }
+ .the-header .unit-head .nav-global .logo a {
+ line-height: 18px;
+ margin-bottom: 0;
+ padding-left: 52px;
+ }
+ .body {
+ float: left;
+ width: 100%;
+ margin-right: -450px;
+ }
+ .body .unit-body {
+ border-top: 0 none;
+ margin-right: 450px;
+ padding: 26px 52px;
+ }
+ .the-footer {
+ background-color: transparent;
+ color: #2d2d2d;
+ position: relative;
+ top: auto;
+ display: block;
+ float: left;
+ padding: 0 0 0 26px;
+ width: 420px;
+ }
+}
+/*
+ Huge-screen layout
+*/
+@media only screen and (min-width: 1410px) {
+ .the-header {
+ float: left;
+ width: 19%;
+ }
+ .the-header .unit-head {
+ padding: 26px;
+ }
+ .the-header .unit-head .nav-global li {
+ float: none;
+ border: none;
+ }
+ .the-header .unit-head .nav-global li a,
+ .the-header .unit-head .nav-global li div {
+ display: block;
+ padding: 2px 5px;
+ height: auto;
+ }
+ .the-header .unit-head .nav-global li:nth-child(2) {
+ border-width: 0;
+ }
+ .the-header .unit-head .nav-global .logo {
+ border-bottom: none 0;
+ display: list-item;
+ width: auto;
+ }
+ .the-header .unit-head .nav-global .logo a {
+ display: block;
+ font-size: 30px;
+ line-height: 52px;
+ margin-bottom: 26px;
+ padding-left: 5px;
+ position: relative;
+ top: auto;
+ }
+ .body {
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
+ -webkit-box-shadow: #ffffff 0px 0px 2px;
+ -moz-box-shadow: #ffffff 0px 0px 2px;
+ -o-box-shadow: #ffffff 0px 0px 2px;
+ float: left;
+ width: 81%;
+ margin-right: -450px;
+ }
+ .body .unit-body {
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ -webkit-box-shadow: #ffffff 0px 0px 2px;
+ -moz-box-shadow: #ffffff 0px 0px 2px;
+ -o-box-shadow: #ffffff 0px 0px 2px;
+ margin-right: 450px;
+ padding: 26px 52px;
+ min-height: 1050px;
+ }
+ .the-footer {
+ position: relative;
+ top: auto;
+ display: block;
+ float: left;
+ padding: 26px 0 0 26px;
+ width: 420px;
+ }
+ .the-footer h4 {
+ font-size: 30px;
+ line-height: 52px;
+ margin-top: 0;
+ margin-bottom: 26px;
+ }
+}
+pre .c {
+ color: #999999;
+ font-style: italic;
+}
+/* Comment */
+pre .err {
+ color: #a61717;
+ background-color: #e3d2d2;
+}
+/* Error */
+pre .g {
+ color: #d0d0d0;
+}
+/* Generic */
+pre .k {
+ color: #6ab825;
+ font-weight: bold;
+}
+/* Keyword */
+pre .l {
+ color: #d0d0d0;
+}
+/* Literal */
+pre .n {
+ color: #d0d0d0;
+}
+/* Name */
+pre .o {
+ color: #d0d0d0;
+}
+/* Operator */
+pre .x {
+ color: #d0d0d0;
+}
+/* Other */
+pre .p {
+ color: #d0d0d0;
+}
+/* Punctuation */
+pre .cm {
+ color: #999999;
+ font-style: italic;
+}
+/* Comment.Multiline */
+pre .cp {
+ color: #cd2828;
+ font-weight: bold;
+}
+/* Comment.Preproc */
+pre .c1 {
+ color: #999999;
+ font-style: italic;
+}
+/* Comment.Single */
+pre .cs {
+ color: #e50808;
+ font-weight: bold;
+ background-color: #520000;
+}
+/* Comment.Special */
+pre .gd {
+ color: #d22323;
+}
+/* Generic.Deleted */
+pre .ge {
+ color: #d0d0d0;
+ font-style: italic;
+}
+/* Generic.Emph */
+pre .gr {
+ color: #d22323;
+}
+/* Generic.Error */
+pre .gh {
+ color: #ffffff;
+ font-weight: bold;
+}
+/* Generic.Heading */
+pre .gi {
+ color: #589819;
+}
+/* Generic.Inserted */
+pre .go {
+ color: #cccccc;
+}
+/* Generic.Output */
+pre .gp {
+ color: #aaaaaa;
+}
+/* Generic.Prompt */
+pre .gs {
+ color: #d0d0d0;
+ font-weight: bold;
+}
+/* Generic.Strong */
+pre .gu {
+ color: #ffffff;
+ text-decoration: underline;
+}
+/* Generic.Subheading */
+pre .gt {
+ color: #d22323;
+}
+/* Generic.Traceback */
+pre .kc {
+ color: #6ab825;
+ font-weight: bold;
+}
+/* Keyword.Constant */
+pre .kd {
+ color: #6ab825;
+ font-weight: bold;
+}
+/* Keyword.Declaration */
+pre .kn {
+ color: #6ab825;
+ font-weight: bold;
+}
+/* Keyword.Namespace */
+pre .kp {
+ color: #6ab825;
+}
+/* Keyword.Pseudo */
+pre .kr {
+ color: #6ab825;
+ font-weight: bold;
+}
+/* Keyword.Reserved */
+pre .kt {
+ color: #6ab825;
+ font-weight: bold;
+}
+/* Keyword.Type */
+pre .ld {
+ color: #d0d0d0;
+}
+/* Literal.Date */
+pre .m {
+ color: #3677a9;
+}
+/* Literal.Number */
+pre .s {
+ color: #ed9d13;
+}
+/* Literal.String */
+pre .na {
+ color: #bbbbbb;
+}
+/* Name.Attribute */
+pre .nb {
+ color: #24909d;
+}
+/* Name.Builtin */
+pre .nc {
+ color: #447fcf;
+ text-decoration: underline;
+}
+/* Name.Class */
+pre .no {
+ color: #40ffff;
+}
+/* Name.Constant */
+pre .nd {
+ color: #ffa500;
+}
+/* Name.Decorator */
+pre .ni {
+ color: #d0d0d0;
+}
+/* Name.Entity */
+pre .ne {
+ color: #bbbbbb;
+}
+/* Name.Exception */
+pre .nf {
+ color: #447fcf;
+}
+/* Name.Function */
+pre .nl {
+ color: #d0d0d0;
+}
+/* Name.Label */
+pre .nn {
+ color: #447fcf;
+ text-decoration: underline;
+}
+/* Name.Namespace */
+pre .nx {
+ color: #d0d0d0;
+}
+/* Name.Other */
+pre .py {
+ color: #d0d0d0;
+}
+/* Name.Property */
+pre .nt {
+ color: #6ab825;
+ font-weight: bold;
+}
+/* Name.Tag */
+pre .nv {
+ color: #40ffff;
+}
+/* Name.Variable */
+pre .ow {
+ color: #6ab825;
+ font-weight: bold;
+}
+/* Operator.Word */
+pre .w {
+ color: #666666;
+}
+/* Text.Whitespace */
+pre .mf {
+ color: #3677a9;
+}
+/* Literal.Number.Float */
+pre .mh {
+ color: #3677a9;
+}
+/* Literal.Number.Hex */
+pre .mi {
+ color: #3677a9;
+}
+/* Literal.Number.Integer */
+pre .mo {
+ color: #3677a9;
+}
+/* Literal.Number.Oct */
+pre .sb {
+ color: #ed9d13;
+}
+/* Literal.String.Backtick */
+pre .sc {
+ color: #ed9d13;
+}
+/* Literal.String.Char */
+pre .sd {
+ color: #ed9d13;
+}
+/* Literal.String.Doc */
+pre .s2 {
+ color: #ed9d13;
+}
+/* Literal.String.Double */
+pre .se {
+ color: #ed9d13;
+}
+/* Literal.String.Escape */
+pre .sh {
+ color: #ed9d13;
+}
+/* Literal.String.Heredoc */
+pre .si {
+ color: #ed9d13;
+}
+/* Literal.String.Interpol */
+pre .sx {
+ color: #ffa500;
+}
+/* Literal.String.Other */
+pre .sr {
+ color: #ed9d13;
+}
+/* Literal.String.Regex */
+pre .s1 {
+ color: #ed9d13;
+}
+/* Literal.String.Single */
+pre .ss {
+ color: #ed9d13;
+}
+/* Literal.String.Symbol */
+pre .bp {
+ color: #24909d;
+}
+/* Name.Builtin.Pseudo */
+pre .vc {
+ color: #40ffff;
+}
+/* Name.Variable.Class */
+pre .vg {
+ color: #40ffff;
+}
+/* Name.Variable.Global */
+pre .vi {
+ color: #40ffff;
+}
+/* Name.Variable.Instance */
+pre .il {
+ color: #3677a9;
+}
+/* Literal.Number.Integer.Long */
+/*
+helper.css contains non-semantic helper classes
+This must be the last file to import
+
+No styleguide reference.
+*/
+/* For image replacement */
+.ir {
+ display: block;
+ border: 0;
+ text-indent: -999em;
+ overflow: hidden;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ text-align: left;
+ direction: ltr;
+ *line-height: 0;
+}
+.ir br {
+ display: none;
+}
+/* Hide from both screenreaders and browsers: h5bp.com/u */
+.hidden {
+ display: none !important;
+ visibility: hidden;
+}
+/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
+.visuallyhidden {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+}
+/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+ clip: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ position: static;
+ width: auto;
+}
+/* Hide visually and from screenreaders, but maintain layout */
+.invisible {
+ visibility: hidden;
+}
+/* Firefox had different box-sizing for hr. See: http://jsfiddle.net/sFgt7/ */
+hr {
+ -moz-box-sizing: content-box;
+}
+/* Contain floats: h5bp.com/q */
+.clearfix:before,
+.clearfix:after,
+.cf:before,
+.cf:after,
+.hasGrid:before,
+.hasGrid:after,
+.unit-inner:before,
+.unit-inner:after,
+.tag_box:before,
+.tag_box:after,
+#page:before,
+#page:after {
+ content: "";
+ display: table;
+}
+.clearfix:after,
+.cf:after,
+.hasGrid:after,
+.unit-inner:after,
+.tag_box:after,
+#page:after {
+ clear: both;
+}
+.clearfix,
+.cf,
+.hasGrid,
+.unit-inner,
+.tag_box,
+#page {
+ *zoom: 1;
+}
+.left {
+ *display: inline;
+ float: left;
+}
+.right {
+ *display: inline;
+ float: right;
+}
View
313 _site/assets/themes/the-program/css/style.less
@@ -0,0 +1,313 @@
+@import "_base.less";
+@import "_module.less";
+@import "_less-base.less";
+
+/* LESS VARIABLES
+--------------------------------------------------------------------------------- */
+@main-bg: #ffffff;
+@subtle-bg: #515151;
+@main-font-color: #2d2d2d;
+@accent-color: #c26164;
+
+/* GLOBAL
+--------------------------------------------------------------------------------- */
+html {
+ color: @main-font-color;
+}
+
+#page {
+ background: url('@{noise-100-90-5}');
+ background-repeat: repeat;
+ background-position: 0 0;
+ background-color: #e2e2de;
+}
+
+.body {
+ .unit-body {
+ background-color: #fafafa;
+ }
+}
+
+/* LINK */
+a {
+ &:link {
+ color: @main-font-color;
+ text-decoration: none;
+ }
+ &:visited {
+ color: darken(@main-font-color, 10%);
+ text-decoration: none;
+ }
+ &:hover {
+ color: lighten(@main-font-color, 10%);
+ text-decoration: none;
+ }
+}
+
+/* HIGHLIGHTER */
+pre { margin-bottom: @line-height / @em; }
+pre {
+ color: #f2f2f2;
+ background-color: @base02;
+ border: 1px solid fadein(@base02, 30%);
+ font-family: @font-stack;
+ margin-left: 0;
+ margin-right: 0;
+ padding: @line-height / @em;
+ overflow: auto;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.6);
+}
+
+/* meta */
+.meta {}
+
+/* HEADER
+--------------------------------------------------------------------------------- */
+.the-header {
+ .logo {
+ font-family: @webfont;
+ margin: 0;
+ a:visited { color: @main-font-color; }
+ }
+ .nav-global {
+ text-transform: uppercase;
+ .logo { text-transform: none; }
+ .forkme {
+ position: relative;
+ top: 2px;
+ }
+ }
+} // .the-header
+
+/* MAIN
+--------------------------------------------------------------------------------- */
+.unit-article {
+
+ header {
+ border-bottom: 5px solid rgba(21, 25, 25, 0.8);
+ margin-bottom: 21px;
+ h1 {
+ color: @main-font-color;
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+ } // .article-inner header
+
+ .entry-content {
+ h2, h3, h4, h5, h6 {
+ color: @main-font-color;
+ a {
+ &:link {
+ color: @main-font-color;
+ border: 0;
+ }
+ &:visited {
+ color: darken(@main-font-color, 10%);
+ border: 0;
+ }
+ &:hover {
+ color: lighten(@main-font-color, 10%);
+ border: 0;
+ }
+ }
+ }
+ } // .article-inner .entry-content
+
+ .entry-content:first-child h2,
+ .entry-content:first-child h3,
+ .entry-content:first-child h4,
+ .entry-content:first-child h5,
+ .entry-content:first-child h6 { margin-top: 0; } // Canceling header margin since there is margin on header
+
+ a {
+ &:link { border-bottom: 1px dashed @accent-color; }
+ &:visited { border-bottom: 1px dashed darken(@accent-color, 10%); }
+ &:hover { border-bottom: 1px dashed lighten(@accent-color, 10%); }
+ }
+
+ blockquote {
+ border-left: 1em solid rgba(21, 25, 25, 0.8);
+ padding-left: 1em;
+ p {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ }
+ ul, ol, dl { padding-left: 0; }
+ ul { list-style: square; }
+ ol { list-style: decimal; }
+ li, dt, dd {
+ h1, h2, h3, h4, h5, p, ul, ol, dl, blockquote, .hasGrid { margin-left: 0; margin-right: 0; }
+ }
+ p code, li code {
+ padding: 2px 5px;
+ white-space: nowrap;
+ background-color: #fff04a;
+ }
+
+ img {
+ display: block;
+ margin-left: auto;
+ margin-left: auto;
+ }
+ img.left { margin-right: 16px; }
+ img.right { margin-left: 16px; }
+
+ .date-publish { margin-bottom: 0; }
+ .list-linear .list-head { margin-right: 4px; }
+ .list-category a, .list-tag a {
+ border: 0 none;
+ &:hover span { background-color: @orange; }
+ }
+ .list-category span, .list-tag span {
+ background-color: darken(@orange, 20%);
+ padding: 1px 5px;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ color: white;
+ text-transform: uppercase;
+ margin: 0 6px 0 0;
+ display: inline-block;
+ position: relative;
+ vertical-align: middle;
+ top: -2px;
+ font-weight: bold;
+ font-size: 13px;
+ }
+ .list-category {
+ margin-bottom: 0;
+ text-transform: capitalize;
+
+ }
+ .list-tag {
+ text-transform: capitalize;
+ }
+
+ .comment a { border-bottom: 0; }
+
+ .unit-foot {
+ border-top: 5px solid rgba(21, 25, 25, 0.8);
+ padding-top: @line-height / @em;
+ position: relative;
+ nav ul {
+ list-style: none;
+ li { display: inline; }
+ }
+ .gotop { margin-bottom: 0; }
+ } // .article-inner .unit-foot
+
+} // .the-article
+
+/* post & page */
+.layout-page {
+ .tag_box {
+ background: url('@{noise-100-90-5}') repeat 0 0 @subtle;
+ padding: (@line-height / @em) / 2;
+ list-style: none;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4);
+ li {
+ display: inline;
+ line-height: normal;
+ vertical-align: middle;
+ }
+ a {
+ background-color: @green;
+ float: left;
+ border: 1px solid darken(@green, 30%);
+ padding: 3px 6px 3px 6px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ margin: 5px;
+ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
+ text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+ -webkit-transition-duration: 0.2s;
+ -moz-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ -webkit-user-select:none;
+ -moz-user-select:none;
+ -ms-user-select:none;
+ user-select:none;
+ vertical-align: bottom;
+ &:link {}
+ &:active {
+ -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
+ -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
+ box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
+ background: darken(@green, 40%);
+ border: solid darken(@green, 40%);
+ }
+ &:hover {
+ background-color: darken(@green, 10%);
+ border: 1px solid darken(@green, 40%);
+ span {
+ background-color: darken(#fafafa, 10%);
+ border: 1px solid darken(@green, 10%);
+ }
+ }
+ }
+ span {
+ background-color: #fafafa;
+ border: 1px solid @green;
+ padding: 1px 5px;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ color: #1a1a1a;
+ display: inline-block;
+ position: relative;
+ vertical-align: middle;
+ top: -2px;
+ font-weight: bold;
+ font-size: 13px;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+ }
+
+ }
+} // .page-post
+
+/* FOOTER
+----------------------------------------------- */
+.the-footer {
+ a {
+ &:link {
+ color: @accent-color;
+ border: 0;
+ }
+ &:visited {
+ color: darken(@accent-color, 10%);
+ border: 0;
+ }
+ &:hover {
+ color: lighten(@accent-color, 10%);
+ border: 0;
+ }
+ }
+ ul {
+ list-style: square;
+ padding-left: 1em;
+ }
+ address { font-style: normal; }
+ .license {
+ clear: both;
+ p { margin-bottom: 0; }
+ }
+}
+
+@import "_mediaqueries.less";
+@import "_syntaxhighlighter.less";
+@import "_helper.less";
View
BIN  _site/assets/themes/the-program/font/UbuntuMono-B-webfont.eot
Binary file not shown
View
231 _site/assets/themes/the-program/font/UbuntuMono-B-webfont.svg
@@ -0,0 +1,231 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG webfont generated by Font Squirrel.
+Copyright : Copyright 2011 Canonical Ltd Licensed under the Ubuntu Font Licence 10
+Designer : Dalton Maag Ltd
+Foundry : Dalton Maag Ltd
+Foundry URL : httpwwwdaltonmaagcom
+</metadata>
+<defs>
+<font id="UbuntuMonoBold" horiz-adv-x="1024" >
+<font-face units-per-em="2048" ascent="1638" descent="-410" />
+<missing-glyph horiz-adv-x="500" />
+<glyph unicode=" " />
+<glyph unicode="!" d="M342 145q0 78 52 123t118 45t118 -45t52 -123q0 -80 -52 -125t-118 -45t-118 45t-52 125zM367 932v336h290v-336q0 -74 -3 -132.5t-8 -112.5t-12 -107l-16 -119h-208q-10 66 -17.5 120t-13.5 107t-9 111.5t-3 132.5z" />
+<glyph unicode="&#x22;" d="M178 1292v99h268v-101q0 -51 -5 -111.5t-14 -124t-20 -124.5l-22 -115h-145q-10 53 -20.5 114.5t-20 125t-15.5 125t-6 112.5zM582 1292v99h268v-101q0 -51 -5 -111.5t-14.5 -124l-19.5 -125t-20 -114.5h-148q-10 53 -20.5 114.5t-19.5 125t-15 125t-6 112.5z" />
+<glyph unicode="#" d="M37 313v209h162l43 226h-205v208h246l59 312h209l-62 -312h164l60 312h209l-60 -312h127v-208h-168l-43 -226h211v-209h-250l-59 -313h-209l59 313h-163l-58 -313h-209l60 313h-123zM408 522h163l41 226h-161z" />
+<glyph unicode="$" d="M70 111l77 200q66 -31 154 -56.5t186 -25.5q115 0 160 30t45 93q0 37 -17.5 63.5t-51 48t-82.5 39.5l-111 40q-59 20 -116.5 46.5t-102.5 64.5t-72.5 92.5t-27.5 134.5q0 57 15 110t49 98.5t89 79t135 52.5v198h234v-188q94 -8 166.5 -28.5t113.5 -37.5l-57 -211 q-59 25 -140 44.5t-167 19.5q-98 0 -136 -35t-38 -82q0 -33 13 -54.5t41 -37.5t67 -31.5t92 -34.5q80 -31 147.5 -64.5t116.5 -77.5t76.5 -103.5t27.5 -139.5q0 -55 -16 -109t-54 -100.5t-100.5 -80t-156.5 -48.5v-219h-234v217q-129 12 -207.5 41t-117.5 52z" />
+<glyph unicode="%" d="M4 0l834 1268h182l-834 -1268h-182zM20 979q0 156 61.5 236.5t166.5 80.5q111 0 172 -80.5t61 -236.5t-61.5 -238t-171.5 -82q-104 0 -166 82t-62 238zM182 979q0 -86 18.5 -121t47.5 -35q27 0 47 35t20 121t-20.5 122t-46.5 36q-29 0 -47.5 -36t-18.5 -122zM543 290.5 q0 155.5 61.5 236.5t167.5 81q109 0 170.5 -81t61.5 -236.5t-61.5 -236.5t-170.5 -81q-106 0 -167.5 81t-61.5 236.5zM707 291q0 -86 17 -121t46 -35t49.5 35t20.5 121t-20.5 123t-49.5 37t-46 -37t-17 -123z" />
+<glyph unicode="&#x26;" d="M43 334q0 98 50 187t151 151q-49 68 -81 141.5t-32 153.5q0 82 28.5 144.5t76 103t105.5 61t120 20.5q57 0 112.5 -18t98.5 -54t69.5 -90.5t26.5 -125.5q0 -98 -59.5 -191.5t-186.5 -159.5l86 -100l92 -104q29 104 31 247l209 -26q-2 -115 -29.5 -213.5t-70.5 -177.5 q49 -68 88 -139.5t59 -143.5h-239q-23 59 -50 109q-70 -61 -143.5 -93t-144.5 -32q-92 0 -161 28.5t-115 76.5t-68.5 111.5t-22.5 133.5zM258 346q0 -70 36 -121t122 -51q47 0 94 18.5t88 63.5q-57 72 -119 139l-121 133q-45 -31 -72.5 -75t-27.5 -107zM348 979 q0 -45 18.5 -91t51.5 -95q66 37 100.5 97t34.5 116q0 53 -25.5 80.5t-66.5 27.5q-51 0 -82 -34.5t-31 -100.5z" />
+<glyph unicode="'" d="M381 1255v136h268v-136q0 -51 -5 -111.5t-14 -124t-19.5 -126t-20.5 -115.5h-148q-10 53 -20 115.5l-19.5 126t-15.5 124t-6 111.5z" />
+<glyph unicode="(" d="M193 545q0 283 133 519t411 390l117 -156q-197 -115 -312.5 -307t-115.5 -446q0 -252 111.5 -437.5t308.5 -300.5l-117 -155q-279 154 -407.5 383t-128.5 510z" />
+<glyph unicode=")" d="M174 1298l117 156q279 -154 412 -390.5t133 -518.5q0 -281 -129 -510.5t-408 -382.5l-117 155q197 115 308.5 300.5t111.5 437.5q0 254 -115.5 446t-312.5 307z" />
+<glyph unicode="*" d="M94 881l76 223l61 -19q23 -8 53.5 -25.5t61.5 -37.5l61 -41q30 -20 50 -37l-18.5 58.5t-19.5 70.5t-15.5 72t-6.5 59v64h238v-64q0 -25 -6 -59.5t-15.5 -71.5t-20.5 -71l-20 -58l52 35l62 40l62.5 35.5t55.5 24.5l59 21l74 -228l-61 -18q-25 -8 -60 -12t-71.5 -7.5 t-72.5 -3.5h-63q23 -14 52 -35l57 -45q29 -24 53.5 -48.5t38.5 -45.5l39 -51l-193 -139l-36 51q-14 20 -30 51t-30 67t-25 70l-20 60q-6 -25 -18 -59l-26 -70q-13 -35 -28.5 -65.5t-29.5 -51.5l-39 -51l-193 137l39 51q14 20 40 45l53 50q28 25 57 46l49 36h-63 q-36 0 -72.5 3t-71.5 9t-57 14z" />
+<glyph unicode="+" d="M82 434v207h321v356h218v-356h321v-207h-321v-356h-218v356h-321z" />
+<glyph unicode="," d="M258 -150q37 8 75 14.5t71.5 19t60.5 35t43 61.5q-78 8 -121 61t-43 119q0 80 52.5 131t131.5 51q86 0 134.5 -57.5t48.5 -155.5q0 -72 -22.5 -143.5t-73 -133t-130 -106.5t-194.5 -59z" />
+<glyph unicode="-" d="M231 401v248h562v-248h-562z" />
+<glyph unicode="." d="M330 162q0 43 15 76.5t41 56t58.5 35t69.5 12.5q72 0 127 -47t55 -133q0 -90 -55 -137.5t-127 -47.5q-37 0 -69.5 12.5t-58.5 36t-41 57.5t-15 79z" />
+<glyph unicode="/" d="M96 -338l574 1770h258l-570 -1770h-262z" />
+<glyph unicode="0" d="M72 637q0 332 114.5 495.5t325.5 163.5q215 0 327.5 -162.5t112.5 -496.5q0 -336 -112.5 -500t-327.5 -164t-327.5 164t-112.5 500zM299 637q0 -219 55.5 -333t157.5 -114q104 0 158.5 114t54.5 333q0 217 -54.5 330.5t-158.5 113.5q-102 0 -157.5 -113.5t-55.5 -330.5z M399 657.5q0 55.5 31 96.5t84 41q49 0 81 -41t32 -96.5t-32 -95.5t-81 -40q-53 0 -84 40t-31 95.5z" />
+<glyph unicode="1" d="M98 1004q49 18 106.5 46.5t115 63.5t108.5 74t88 80h172v-1059h252v-209h-770v209h266v709q-57 -41 -131 -73t-125 -50z" />
+<glyph unicode="2" d="M88 1128q82 86 189.5 127t214.5 41q78 0 149.5 -22.5t126.5 -67.5t88 -113.5t33 -158.5q0 -66 -24.5 -126t-65.5 -117.5t-92.5 -111t-104.5 -102.5l-61 -58q-35 -34 -66 -70t-52.5 -72.5t-21.5 -67.5h545v-209h-827q-6 20 -5 51t1 43q0 102 37.5 188.5t96 159 t125.5 135.5l125 119q58 57 96 110.5t38 108.5q0 78 -47 120t-119 42q-59 0 -125 -28.5t-129 -96.5z" />
+<glyph unicode="3" d="M84 43l49 211q47 -20 122 -43t179 -23q129 0 181.5 55.5t52.5 137.5q0 100 -80 140t-203 40h-78v209h94q39 0 78 8t70 26.5t50 49.5t19 78q0 70 -41.5 109.5t-115.5 39.5q-72 0 -142.5 -23.5t-121.5 -58.5l-91 185q55 37 146.5 74.5t206.5 37.5q106 0 185 -26.5 t130 -74.5t75.5 -113.5t24.5 -141.5t-43 -145.5t-114 -106.5q98 -41 152.5 -121t54.5 -190q0 -88 -29 -162t-88 -128t-151.5 -84t-219.5 -30q-47 0 -99 7.5t-100.5 17.5t-89 22.5t-63.5 22.5z" />
+<glyph unicode="4" d="M55 299v184q39 80 100.5 181.5t135.5 208t155.5 210t163.5 185.5h226v-762h137v-207h-137v-299h-252v299h-529zM297 506h287v446l-76 -100q-39 -53 -77 -111.5t-72.5 -118t-61.5 -116.5z" />
+<glyph unicode="5" d="M72 39l51 209q45 -23 114.5 -41.5t174.5 -18.5q74 0 122 16.5t75.5 42t37.5 58.5t10 68q0 53 -17 97t-69.5 76t-148.5 49t-252 17q20 172 32.5 337t18.5 319h647v-209h-436q-4 -66 -10 -137l-10 -117q254 -16 378.5 -123t124.5 -299q0 -88 -30.5 -163t-94 -130 t-157.5 -86t-219 -31q-49 0 -100.5 6.5t-98.5 15.5t-85 21.5t-58 22.5z" />
+<glyph unicode="6" d="M94 518q0 184 54.5 325.5t154.5 238t241.5 145.5t313.5 49l14 -215q-82 -2 -159.5 -16.5t-143 -48t-113.5 -87t-71 -133.5q39 16 76 25.5t65 9.5q111 0 188 -33t126 -88t70.5 -129t21.5 -155q0 -74 -23.5 -150t-73 -139.5t-125 -103.5t-180.5 -40q-213 0 -324.5 132 t-111.5 413zM342 496q0 -59 8 -113.5t28.5 -97.5t56.5 -69t89 -26q43 0 74 20.5t50.5 51.5t28.5 68t9 71q0 96 -43 148.5t-149 52.5q-39 0 -80 -8t-68 -23q-2 -18 -3 -36.5t-1 -38.5z" />
+<glyph unicode="7" d="M100 1059v209h828v-191q-55 -63 -121 -178t-124 -260t-102 -310t-55 -329h-256q6 131 43 277.5t89.5 290t114 271.5t116.5 220h-533z" />
+<glyph unicode="8" d="M78 317q0 96 45 181.5t141 150.5q-90 61 -122.5 131t-32.5 148q0 61 21.5 127.5t68.5 120t124.5 88t192.5 34.5q182 0 289.5 -90t107.5 -241q0 -88 -43 -173t-135 -143q117 -68 165 -147.5t48 -175.5q0 -61 -23.5 -125t-75.5 -114t-136 -83t-207 -33q-96 0 -175 23.5 t-135.5 68t-87 108.5t-30.5 144zM313 348q0 -82 58.5 -124t138.5 -42q92 0 146.5 44t54.5 106q0 41 -15.5 71.5t-49.5 56t-87 51.5t-127 54q-57 -47 -88 -105.5t-31 -111.5zM346 944q0 -72 47 -117t166 -94q63 47 90 103.5t27 109.5q0 72 -48 108t-116 36q-66 0 -116 -37 t-50 -109z" />
+<glyph unicode="9" d="M92 868q0 74 25.5 151t76 139.5t126 102t178.5 39.5q213 0 325.5 -143t112.5 -399q0 -184 -53.5 -326.5t-152.5 -239t-239.5 -146.5t-312.5 -50l-8 217q164 2 293 70.5t182 216.5q-80 -35 -143 -35q-111 0 -188.5 31.5t-127 87t-72 128t-22.5 156.5zM338 872 q0 -96 45 -147t152 -51q39 0 81.5 8t69.5 23q2 16 3 39.5t1 46.5q0 51 -9 103t-30.5 95t-57.5 69.5t-89 26.5q-45 0 -77 -17t-51.5 -46t-28.5 -68t-9 -82z" />
+<glyph unicode=":" d="M330 162q0 43 15 76.5t41 56t58.5 35t69.5 12.5q72 0 127 -47t55 -133q0 -90 -55 -137.5t-127 -47.5q-37 0 -69.5 12.5t-58.5 36t-41 57.5t-15 79zM330 782q0 43 15 77t41 56.5t58.5 35t69.5 12.5q72 0 127 -47.5t55 -133.5q0 -90 -55 -137t-127 -47q-37 0 -69.5 12.5 t-58.5 36t-41 57t-15 78.5z" />
+<glyph unicode=";" d="M242 -150q37 8 74.5 14.5t71.5 19t60.5 35t43.5 61.5q-78 8 -121 61t-43 119q0 80 52 131t132 51q86 0 134 -57.5t48 -155.5q0 -72 -22.5 -143.5t-72.5 -133t-130 -106.5t-195 -59zM330 782q0 43 15 77t41 56.5t58.5 35t69.5 12.5q72 0 127 -47.5t55 -133.5 q0 -90 -55 -137t-127 -47q-37 0 -69.5 12.5t-58.5 36t-41 57t-15 78.5z" />
+<glyph unicode="&#x3c;" d="M92 414v227l787 330l69 -221l-573 -224l573 -223l-69 -221z" />
+<glyph unicode="=" d="M82 233v209h860v-209h-860zM82 633v209h860v-209h-860z" />
+<glyph unicode="&#x3e;" d="M82 301l575 223l-575 224l72 221l786 -330v-227l-786 -332z" />
+<glyph unicode="?" d="M141 1202q72 45 168.5 69.5t190.5 24.5q117 0 192.5 -31.5t118.5 -78.5t60.5 -103.5t17.5 -107.5q0 -59 -23.5 -108.5t-59.5 -92.5t-77 -81l-77 -74.5t-59.5 -75.5t-23.5 -82h-229q-2 10 -2 31q0 82 43 156.5t113 131.5q47 39 88 83t41 95q0 61 -43 93t-108.5 32 t-127 -19.5t-133.5 -53.5zM299 145q0 39 14.5 71t39 53.5t55 32.5t63.5 11t63.5 -11t54 -32.5t38 -53.5t14.5 -71q0 -80 -52 -125t-118 -45q-33 0 -63.5 11.5t-55 34t-39 53t-14.5 71.5z" />
+<glyph unicode="@" d="M37 508q0 221 42 371.5t113.5 244t164 133t194.5 39.5q84 0 157.5 -25.5t129 -80.5t88 -144.5t32.5 -216.5v-716q-55 -23 -127.5 -34t-125.5 -11q-78 0 -144.5 23.5t-116 73.5t-77 131t-27.5 198q0 86 15.5 161.5t52 132t95 89t144.5 32.5q39 0 96 -10v33q0 78 -49 132 t-143 54q-68 0 -128.5 -28.5t-104.5 -100t-69.5 -191.5t-25.5 -302q0 -143 21.5 -254t74 -185.5t139.5 -113.5t216 -39q96 0 151.5 10t71.5 16l23 -178q-35 -8 -64 -13t-57.5 -8t-58 -5t-66.5 -2q-135 0 -252 36.5t-202 128t-134 242t-49 377.5zM555 506q0 -39 5 -80 t19.5 -74t40 -54.5t66.5 -21.5q27 0 57 7v409q-16 4 -30.5 6t-28.5 2q-39 0 -63.5 -17t-39 -45t-20.5 -62.5t-6 -69.5z" />
+<glyph unicode="A" d="M18 0q90 375 183 683l178 585h274q90 -279 179.5 -591t173.5 -677h-271l-59 293h-338l-57 -293h-263zM385 502h248l-25 131q-12 63 -27 126l-33 127l-38 136l-38 -136l-33 -127q-15 -62 -28.5 -125.5t-25.5 -131.5z" />
+<glyph unicode="B" d="M111 20v1231q72 12 157.5 21.5t169.5 9.5q143 0 233.5 -29.5t141.5 -78t69.5 -107.5t18.5 -119q0 -90 -44 -159.5t-118 -110.5q129 -47 175.5 -127t46.5 -168q0 -115 -39 -191.5t-105.5 -122.5t-158 -65.5t-195.5 -19.5q-84 0 -174 9t-178 27zM362 555v-344q27 -4 59 -6 t62 -2q43 0 84 7t73 26.5t52.5 55.5t20.5 91q0 92 -58.5 132t-156.5 40h-136zM362 764h99q96 0 145 42t49 116q0 45 -14 72.5t-38.5 43t-57.5 20.5t-68 5q-29 0 -60 -2t-55 -6v-291z" />
+<glyph unicode="C" d="M55 635q0 158 43 280.5t120 207.5t182.5 129t230.5 44q68 0 122 -11t95 -25.5t68 -30.5l42 -25l-65 -200q-47 31 -113.5 52t-152.5 21q-59 0 -115.5 -21.5t-100.5 -71.5t-72 -134t-28 -209q0 -217 75 -332.5t245 -115.5q98 0 162.5 22.5t103.5 44.5l64 -199 q-53 -33 -144.5 -60.5t-210.5 -27.5q-268 0 -409.5 172.5t-141.5 489.5z" />
+<glyph unicode="D" d="M111 14v1237q86 18 161.5 24.5t141.5 6.5q125 0 228 -37t175 -115.5t112 -200.5t40 -294q0 -176 -44 -300t-122 -202t-185.5 -113.5t-236.5 -35.5q-68 0 -132 7t-138 23zM362 205q10 -2 23 -2h23q86 0 144 32.5t94 90t51.5 136.5t15.5 173q0 82 -12.5 159.5t-43 137 t-84 95.5t-137.5 36q-16 0 -36.5 -1t-37.5 -5v-852z" />
+<glyph unicode="E" d="M129 0v1268h768v-209h-516v-285h448v-209h-448v-356h561v-209h-813z" />
+<glyph unicode="F" d="M129 0v1268h776v-209h-524v-307h459v-209h-459v-543h-252z" />
+<glyph unicode="G" d="M55 635q0 162 43 285.5t117 207.5t174 126t215 42q74 0 132.5 -11t101.5 -25.5t70 -30.5l42 -25l-65 -200q-45 29 -110.5 51t-135.5 22q-90 0 -151.5 -32.5t-101.5 -91t-57.5 -139.5t-17.5 -179q0 -227 72 -334.5t211 -107.5q23 0 49.5 2t48.5 6v463h252v-633 q-45 -16 -140 -37t-231 -21q-119 0 -214 42t-162.5 125t-104.5 207t-37 288z" />
+<glyph unicode="H" d="M92 0v1268h252v-500h336v500h252v-1268h-252v559h-336v-559h-252z" />