gingko 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 62f88164f6ced16da86d3450c4cbae6f73a21560b77d2941edaf5697fe70ad82
-  data.tar.gz: 2bfbf04ba7f0e85676fda168559c77f16a7b21ef80824bfc04ceecc120536db6
+  metadata.gz: 9d34fcc0d0108410c974bca8b48096c5bd86099039018d10d33038b30526c49b
+  data.tar.gz: 98fa6ebd1f995451e11e8a3b5ecd018f7714ffe891326dd87f1722046db0715d
 SHA512:
-  metadata.gz: 74cdca47dd1317249392b7f9e411121fd1be51213dda1218a4279192b1d7733d7423ff99ab7e67e3b6e459f2c56469aa34a624fd27ca8a7c134266eaee996c4c
-  data.tar.gz: 23c586c6f7ba595a8e860c8b7a86617ca212d280533e3a3b164733bfc0998004599aa296849d954bc13179b023f4f4bd76b91844e73ed1aa7237f2777282a026
+  metadata.gz: 2095a205c00e20ccf83b951dbe548355c1aa2f5628c9b73e3f644196af8f97fe6e8178832bd9e5bc8f763c9f4897206201ae7c0cba2399c01328ef73fd46ceee
+  data.tar.gz: 0717add053b8c10c305618fde946fdb4cbceaba901dcf93172e98ff65cae94d5c78566c78e73edd41724993ea8b8c38c31ad18e9649420fa7e5ab153abf3bb89

data/README.md

@@ -1,11 +1,6 @@
 # gingko
 
-Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`.
-
-To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
-
-TODO: Delete this and the text above, and describe your gem
-
+gingko's blog theme
 
 ## Installation
 
@@ -33,20 +28,13 @@ Or install it yourself as:
 
 TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
 
-## Contributing
-
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
-
-## Development
-
-To set up your environment to develop this theme, run `bundle install`.
+## Deploy
 
-Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
 
-When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
-To add a custom directory to your theme-gem, please edit the regexp in `gingko.gemspec` accordingly.
+### Package gem
 
-## License
+run `gem build gingko.gemspec` to generate gingko theme gem.
 
-The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+### Publish gem
 
+run `gem push gingko-<version>.gem` to publish gem to https://rubygems.org

data/_includes/archives.html

@@ -0,0 +1,40 @@
+{% assign posts = site.categories[page.slug] | default:site.tags[page.slug] | default:site.posts %}
+
+<ul id="post-list">
+    {% for post in posts %}
+    <li>
+        <a href="{{ site.baseurl }}{{ post.url | remove_first: '/' }}">{{ post.title }}
+            {{ post.date | date:"%b %d, %Y" }}
+        </a>
+    </li>
+    {% endfor %}
+</ul>
+
+<!-- Pagination links -->
+{% if paginator.total_pages > 1 %}
+<div class="pagination">
+    {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path | relative_url }}">&laquo; Prev</a>
+    {% else %}
+    <span>&laquo; Prev</span>
+    {% endif %}
+    <small>｜</small>
+
+    {% for page in (1..paginator.total_pages) %}
+    {% if page == paginator.page %}
+    {{ page }}
+    {% elsif page == 1 %}
+    <a href="{{ paginator.previous_page_path | relative_url }}">{{ page }}</a>
+    {% else %}
+    <a href="{{ site.paginate_path | relative_url | replace: ':num', page }}">{{ page }}</a>
+    {% endif %}
+    <small>｜</small>
+    {% endfor %}
+
+    {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path | relative_url }}">Next &raquo;</a>
+    {% else %}
+    <span>Next &raquo;</span>
+    {% endif %}
+</div>
+{% endif %}

data/_includes/disqus.html

@@ -0,0 +1,14 @@
+<section class="disqus">
+    <div id="disqus_thread"></div>
+    <script type="text/javascript">
+        var disqus_shortname = '{{ site.disqus_shortname }}';
+        var disqus_developer = 0; // developer mode is on
+        (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>
+    <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+    <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+</section>

data/_includes/footer.html

@@ -0,0 +1,3 @@
+<footer id="footer">
+    <p class="small">© Copyright {{ site.time | date: '%Y' }} {{ site.author }}</p>
+</footer>

data/_includes/header.html

@@ -0,0 +1,13 @@
+<span id="header">
+    <h1 id="brand">
+        <a href="{{ site.baseurl }}"> {{site.title}} </a>
+    </h1>
+    <nav id = "nav">
+        <a href="{{ site.url }}"> 主页 </a>
+        <a href="{{ site.url }}/archives"> 列表 </a>
+        <a href="{{ site.url }}/categories"> 分类 </a>
+        <a href="{{ site.url }}/books">书单 </a>
+        <a href="{{ site.url }}/about">关于我 </a>
+        <a class="cta" href="{{ site.url }}/feed.xml">订阅</a>
+    </nav>
+</span>

data/_includes/pagination.html

@@ -0,0 +1,22 @@
+<nav id="post-nav">
+    {% if paginator.previous_page %}
+        <span class="prev">
+            {% if paginator.previous_page == 1 %}
+                <a href="{{ site.baseurl }}" title="Previous Page">
+                    <span class="arrow">←</span> Newer Posts
+                </a>
+            {% else %}
+                <a href="{{ site.baseurl }}page{{ paginator.previous_page }}/">
+                    <span class="arrow">←</span> Newer Posts
+                </a>
+            {% endif %}
+        </span>
+    {% endif %}
+    {% if paginator.next_page %}
+        <span class="next">
+            <a href="{{ site.baseurl }}page{{ paginator.next_page }}/">
+                Older Posts <span class="arrow">→</span>
+            </a>
+        </span>
+    {% endif %}
+</nav>

data/_includes/share.html

@@ -0,0 +1,9 @@
+<a class="twitter" href="https://twitter.com/intent/tweet?text={{ site.domain_name }}{{ page.url }} - {{page.title}} by @{{ site.authorTwitter }}"><span class="icon-twitter"> Tweet</span></a>
+
+<a class="facebook" href="#" onclick="
+    window.open(
+      'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),
+      'facebook-share-dialog',
+      'width=626,height=436');
+    return false;"><span class="icon-facebook-rect"> Share</span>
+</a>

data/_layouts/default.html

@@ -1 +1,31 @@
-{{ content }}
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: "en-US" }}">
+  <head>
+    <meta charset='utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=640">
+
+    <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}" media="screen">
+    <link rel="stylesheet" href="{{ '/assets/css/mobile.css' | relative_url }}" media="handheld, only screen and (max-device-width:640px)">
+    <link rel="stylesheet" href="{{ '/assets/css/non-screen.css' | relative_url }}" media="handheld, only screen and (max-device-width:640px)">
+
+    <script src="{{ '/assets/js/modernizr.js' | relative_url }}"></script>
+    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
+    <script src="{{ '/assets/js/headsmart.min.js' | relative_url }}"></script>
+    <script>
+      $(document).ready(function () {
+        $('#main_content').headsmart()
+      })
+    </script>
+
+  </head>
+
+  <body>
+    {% include header.html %}
+    <div class="shell">
+      <section id="main_content">
+        {{ content }}
+      </section>
+    </div>
+  </body>
+</html>

data/_layouts/post.html

@@ -1,5 +1,33 @@
----
-layout: default
----
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: "en-US" }}">
+  <head>
+    <meta charset='utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=640">
 
-{{ content }}
+    <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}" media="screen">
+    <link rel="stylesheet" href="{{ '/assets/css/mobile.css' | relative_url }}" media="handheld, only screen and (max-device-width:640px)">
+    <link rel="stylesheet" href="{{ '/assets/css/non-screen.css' | relative_url }}" media="handheld, only screen and (max-device-width:640px)">
+
+    <script src="{{ '/assets/js/modernizr.js' | relative_url }}"></script>
+    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
+    <script src="{{ '/assets/js/headsmart.min.js' | relative_url }}"></script>
+    <script>
+      $(document).ready(function () {
+        $('#main_content').headsmart()
+      })
+    </script>
+
+  </head>
+
+  <body>
+    {% include header.html %}
+    <div class="shell">
+      <section id="main_content">
+          <span><h1 id="title">{{ page.title }}</h1></span>
+          <span>{{ page.date | date: "%Y-%m-%d" }} by {{ site.author }}</span>
+        {{ content }}
+      </section>
+    </div>
+  </body>
+</html>

data/_sass/jekyll-theme-merlot.scss

@@ -0,0 +1,4 @@
+@import "screen";
+@import "rouge-base16-solarized";
+@import url("non-screen.css") handheld;
+@import url("non-screen.css") only screen and (max-device-width:640px);

data/_sass/rouge-base16-solarized.scss

@@ -0,0 +1,77 @@
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight, .highlight .w {
+  color: #586e75;
+}
+.highlight .err {
+  color: #002b36;
+  background-color: #dc322f;
+}
+.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {
+  color: #657b83;
+}
+.highlight .cp {
+  color: #b58900;
+}
+.highlight .nt {
+  color: #b58900;
+}
+.highlight .o, .highlight .ow {
+  color: #93a1a1;
+}
+.highlight .p, .highlight .pi {
+  color: #93a1a1;
+}
+.highlight .gi {
+  color: #859900;
+}
+.highlight .gd {
+  color: #dc322f;
+}
+.highlight .gh {
+  color: #268bd2;
+  background-color: #002b36;
+  font-weight: bold;
+}
+.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
+  color: #6c71c4;
+}
+.highlight .kc {
+  color: #cb4b16;
+}
+.highlight .kt {
+  color: #cb4b16;
+}
+.highlight .kd {
+  color: #cb4b16;
+}
+.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
+  color: #859900;
+}
+.highlight .sr {
+  color: #2aa198;
+}
+.highlight .si {
+  color: #d33682;
+}
+.highlight .se {
+  color: #d33682;
+}
+.highlight .nn {
+  color: #b58900;
+}
+.highlight .nc {
+  color: #b58900;
+}
+.highlight .no {
+  color: #b58900;
+}
+.highlight .na {
+  color: #268bd2;
+}
+.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx {
+  color: #859900;
+}
+.highlight .ss {
+  color: #859900;
+}

data/_sass/screen.scss

@@ -0,0 +1,630 @@
+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 9, 2012 */
+
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/opensans-regular-webfont.eot');
+  src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/opensans-regular-webfont.woff') format('woff'),
+       url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
+       url('../fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/opensans-italic-webfont.eot');
+  src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/opensans-italic-webfont.woff') format('woff'),
+       url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
+       url('../fonts/opensans-italic-webfont.svg#OpenSansItalic') format('svg');
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/opensans-bold-webfont.eot');
+  src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/opensans-bold-webfont.woff') format('woff'),
+       url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
+       url('../fonts/opensans-bold-webfont.svg#OpenSansBold') format('svg');
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/opensans-bolditalic-webfont.eot');
+  src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/opensans-bolditalic-webfont.woff') format('woff'),
+       url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
+       url('../fonts/opensans-bolditalic-webfont.svg#OpenSansBoldItalic') format('svg');
+  font-weight: bold;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url('../fonts/opensans-extrabold-webfont.eot');
+  src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
+       url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
+       url('../fonts/opensans-extrabold-webfont.svg#OpenSansExtrabold') format('svg');
+  font-weight: 800;
+  font-style: normal;
+}
+
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol, ul {
+  list-style: none;
+}
+blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+header, footer, section {
+  display: block;
+  position: relative;
+}
+
+/* STYLES */
+
+div.shell {
+  display: block;
+  width: 800px;
+  margin: 0 auto;
+}
+
+a#forkme_banner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 138px;
+  height: 138px;
+  display: block;
+  background: transparent url(../images/fork-sprite.png) 0 0 no-repeat;
+  text-indent: -9000px;
+  z-index: 3;
+}
+
+a#forkme_banner:hover {
+  background-position: 0 -138px;
+}
+
+/* header */
+
+header {
+  position: relative;
+  z-index: 2;
+  margin: 0 auto;
+  max-width: 600px;
+  top: 38px;
+}
+
+header span.ribbon-inner {
+  position: relative;
+  display: block;
+  background-color: #cd596b;
+  border: 4px solid #7c334f;
+  padding: 2px;
+  z-index: 1;
+}
+
+header span.left-tail, header span.right-tail {
+  position: relative;
+  display: block;
+  width: 56px;
+  height: 105px;
+  background: transparent url(../images/ribbon-tail-sprite.png) 0 0 no-repeat;
+  position: absolute;
+  bottom: -37px;
+  z-index: 0;
+}
+
+header span.left-tail {
+  background-position: 0 0;
+  left: -31px;
+}
+
+header span.right-tail {
+  background-position: -56px 0;
+  right: -31px;
+}
+
+header h1 {
+  background-color: #7c334f;
+  font-size: 2.5em;
+  font-weight: 800;
+  font-style: normal;
+  text-transform: uppercase;
+  color: #ece4d8;
+  text-align: center;
+  line-height:1;
+  padding: 14px 20px 0;
+}
+
+header h2 {
+  background-color: #7c334f;
+  font: bold italic .85em/1.5 Georgia, Times, “Times New Roman”, serif;
+  color: #e69b95;
+  padding-bottom: 14px;
+  margin-top: -3px;
+  text-align: center;
+}
+
+section#downloads,
+div#no-downloads {
+  position: relative;
+  display: block;
+  height: 197px;
+  width: 550px;
+  padding-bottom: 150px;
+  margin: -80px auto -150px;
+  z-index: 1;
+  background: transparent url(../images/bg-ramp.jpg) center 171px no-repeat;
+}
+
+div#no-downloads span.inner {
+  display: block;
+  position: relative;
+  height: 197px;
+  width: 550px;
+  background: transparent url(../images/download-sprite.png) 0 0 no-repeat;
+}
+
+section#downloads a {
+  display: block;
+  position: relative;
+  height: 67px;
+  width: 275px;
+  padding-top: 130px;
+  background: transparent url(../images/download-sprite.png) 0 0 no-repeat;
+  text-align: center;
+  line-height: 1;
+  color: #fff;
+  font-family: 'Open Sans', Myriad, Calibri, sans-serif;
+  font-weight: 800;
+  font-size: 1.3em;
+}
+
+section#downloads a:hover {
+  text-decoration: none;
+}
+
+section#downloads a em {
+  font: bold italic 12px/1 Georgia, Times, “Times New Roman”, serif;
+  color: #83b7da;
+  display: block;
+}
+
+section#downloads a.zip {
+  float: left;
+  background-position: 0 0;
+}
+
+section#downloads a.tgz {
+  float: right;
+  background-position: -275px 0;
+}
+
+section#downloads a.zip:hover {
+  background-position: 0 -197px;
+}
+
+section#downloads a.tgz:hover {
+  background-position: -275px -197px;
+}
+
+span.banner-fix {
+  background: transparent url(../images/download-fallback-bg.png) center top no-repeat;
+  display: block;
+  height: 19px;
+  position: absolute;
+  width: 670px;
+  top: 19px;
+}
+
+section#main_content {
+  z-index: 2;
+  padding: 20px 82px 0;
+  min-height:185px;
+}
+
+/* footer */
+
+footer {
+  background: transparent url(../images/footer-ramp.jpg) center -1px no-repeat;
+  padding-top: 104px;
+  //margin: -94px auto 40px;
+  max-width: 800px;
+  text-align: center;
+}
+
+footer span.ribbon-outer {
+  display: block;
+  position: relative;
+  border-bottom: 2px solid #bdb6ad;
+}
+
+footer span.ribbon-inner {
+  position: relative;
+  display: block;
+  background-color: #cd596b;
+  border: 2px solid #7c334f;
+  padding: 1px;
+  z-index: 1;
+}
+
+footer p {
+  font-family: 'Open Sans', Myriad, Calibri, sans-serif;
+  font-weight: bold;
+  font-size: .8em;
+  color: #8b786f;
+}
+
+footer a {
+  color: #cd596b;
+}
+
+footer span.ribbon-inner p {
+  background-color: #7c334f;
+  margin: 0;
+  color: #e69b95;
+  font: bold italic 12px/1 Georgia, Times, “Times New Roman”, serif;
+  padding-bottom:4px;
+}
+
+footer span.ribbon-inner a {
+  position: relative;
+  bottom: -1px;
+  color: #7eb0d2;
+  font-family: 'Open Sans', Myriad, Calibri, sans-serif;
+  text-transform: uppercase;
+  font-style: normal;
+  font-weight: 800;
+  font-size: 1.2em;
+}
+
+footer span.ribbon-inner a:hover {
+  color: #7eb0d2;
+}
+
+footer span.left-tail, footer span.right-tail {
+  position: relative;
+  display: block;
+  width: 18px;
+  height: 29px;
+  background: transparent url(../images/small-ribbon-tail-sprite.png) 0 0 no-repeat;
+  position: absolute;
+  bottom: 5px;
+  z-index: 0;
+}
+
+footer span.left-tail {
+  background-position: 0 0;
+  left: -11px;
+}
+
+footer span.right-tail {
+  background-position: -18px 0;
+  right: -11px;
+}
+
+footer span.octocat {
+  background: transparent url(../images/octocat.png) 0 0 no-repeat;
+  display: block;
+  width: 30px;
+  height: 30px;
+  margin: 0 auto;
+}
+
+/* content */
+
+body {
+  background: #ece4d8;
+  font: normal normal 15px/1.5 Georgia, Palatino,” Palatino Linotype”, Times, “Times New Roman”, serif;
+  color: #544943;
+  -webkit-font-smoothing: antialiased;
+}
+
+a, a:hover {
+  color: #417090;
+}
+
+a {
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+h1,h2,h3,h4,h5,h6 {
+  font-family: 'Open Sans', Myriad, Calibri, sans-serif;
+  font-weight: bold;
+}
+
+p {
+  margin: .7em 0;
+}
+
+strong {
+  font-weight: bold;
+}
+
+em {
+  font-style: italic;
+}
+
+ol {
+  margin: .7em 0;
+  list-style-type: decimal;
+  padding-left: 1.35em;
+}
+
+ul {
+  margin: .7em 0;
+  padding-left: 1.35em;
+}
+
+ul li {
+  padding-left: 10px;
+  background: transparent url(../images/chevron.png) left 6px no-repeat;
+}
+
+blockquote {
+  font-family: 'Open Sans', Myriad, Calibri, sans-serif;
+  margin: 20px 0;
+  color: #8b786f;
+  padding-left: 1.35em;
+  background: transparent url('../images/blockquote-gfx.png') 0 4px no-repeat;
+}
+
+img {
+  -webkit-box-shadow: 0px 2px 0px #bdb6ad;
+  -moz-box-shadow: 0px 2px 0px #bdb6ad;
+  box-shadow: 0px 2px 0px #bdb6ad;
+  border: 2px solid #fff6e9;
+  max-width: 502px;
+}
+
+hr {
+  border: none;
+  outline: none;
+  height: 18px;
+  background: transparent url('../images/hr.jpg') center center repeat-x;
+  margin: 0 0 20px;
+}
+
+code {
+  background: #fff6e9;
+  font: normal normal .8em/1.7 "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
+  padding: 0 5px 1px;
+}
+
+pre {
+  margin: 10px 0 20px;
+  padding: .7em;
+  background: #fff6e9;
+  border-bottom: 2px solid #bdb6ad;
+  font: normal normal .9em/1.7 "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
+  overflow: auto;
+}
+
+pre code {
+  font: normal normal 1em/1.7 "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
+  padding: 0;
+}
+
+table {
+  background: #fff6e9;
+  display: table;
+  width: 100%;
+  border-collapse: separate;
+  border-bottom: 2px solid #bdb6ad;
+  margin: 10px 0;
+}
+
+tr {
+  display: table-row;
+}
+
+th {
+  display: table-cell;
+  padding: 2px 10px;
+  border: solid #ece4d8;
+  border-width: 0 2px 2px 0;
+  color: #cd596b;
+  font-family: 'Open Sans', Myriad, Calibri, sans-serif;
+  font-weight: bold;
+  font-size: .85em;
+}
+
+td {
+  display: table-cell;
+  padding: 0 .7em;
+  border: solid #ece4d8;
+  border-width: 0 2px 2px 0;
+}
+
+td:last-child, th:last-child {
+  border-right: none;
+}
+
+tr:last-child td {
+  border-bottom: none;
+}
+
+dl {
+  margin: .7em 0 20px;
+}
+
+dt {
+  font-family: 'Open Sans', Myriad, Calibri, sans-serif;
+  font-weight: bold;
+}
+
+dd {
+  padding-left: 1.35em;
+}
+
+dd p:first-child {
+  margin-top: 0;
+}
+
+/* Content based headers */
+
+#main_content > .header-level-1:first-child,
+#main_content > .header-level-2:first-child,
+#main_content > .header-level-3:first-child,
+#main_content > .header-level-4:first-child,
+#main_content > .header-level-5:first-child,
+#main_content > .header-level-6:first-child {
+  margin-top: 0;
+}
+
+.header-level-1 {
+  font-size: 1.85em;
+  border-bottom: .2em double #d3ccc1;
+  color: #7c334f;
+  text-align: center;
+  font-style: italic;
+  margin: 1.1em 0 .38em;
+  line-height: 1.2;
+  padding-bottom: 10px
+}
+
+.header-level-2 {
+  font-size: 1.58em;
+  color: #7c334f;
+  margin: .95em 0 .5em;
+  border-bottom: .1em solid #D3CCC1;
+  line-height: 1.2;
+  padding-bottom: 10px
+}
+
+.header-level-3 {
+  margin: 20px 0 10px;
+  font-size: 1.45em;
+}
+
+.header-level-4 {
+  margin: .6em 0;
+  font-size: 1.2em;
+  color: #cd596b;
+}
+
+.header-level-5 {
+  margin: .7em 0;
+  font-size: 1em;
+  color: #8b786f;
+}
+
+.header-level-6 {
+  margin: .8em 0;
+  font-size: .85em;
+  font-style: italic;
+}
+
+#header {
+  position: relative;
+  height: 46px;
+  width: 800px;
+  zoom: 1;
+  font-size: 1.2em;
+  box-shadow: 0 0 5px #cd596b;
+}
+
+#brand {
+  position: absolute;
+  top: 0;
+  left: 20px;
+  margin: 0;
+  font-size: 26px;
+}
+#brand a {
+  color: #dddfdf;
+  color: rgba(0,0,0,0.1);
+  border-bottom: 0 none;
+}
+#brand a:hover {
+  color: #dadada;
+  color: rgba(0,0,0,0.16);
+}
+
+#nav {
+  position: relative;
+  max-width: 800px;
+  width: 500px;
+  height: 46px;
+  margin: 0 auto;
+  background: #ece4d8;
+  z-index: 9;
+}
+#nav a {
+  font-weight: bold;
+  font-family: "Helvetica Neue", "Helvetica", arial, sans-serif;
+  margin-right: 6px;
+  padding: 8px 10px;
+  line-height: 46px;
+  border-bottom: 0 none;
+}
+#nav a:hover {
+  color: #7c334f;
+  border-top: 6px solid #7c334f;
+  margin-top: -6px;
+}
+#nav select {
+  margin-top: 8px;
+  font-size: 16px;
+}
+
+h1#title {
+  font-weight: bold;
+  font-size: 1.5em;
+  font-family: "Helvetica Neue", "Helvetica", arial, sans-serif;
+  line-height: 46px;
+}