gingko 0.1.0 → 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (60) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +6 -18
  3. data/_includes/archives.html +40 -0
  4. data/_includes/disqus.html +14 -0
  5. data/_includes/footer.html +3 -0
  6. data/_includes/header.html +13 -0
  7. data/_includes/pagination.html +22 -0
  8. data/_includes/share.html +9 -0
  9. data/_layouts/default.html +31 -1
  10. data/_layouts/post.html +32 -4
  11. data/_sass/jekyll-theme-merlot.scss +4 -0
  12. data/_sass/rouge-base16-solarized.scss +77 -0
  13. data/_sass/screen.scss +630 -0
  14. data/assets/css/mobile.css +510 -0
  15. data/assets/css/non-screen.css +154 -0
  16. data/assets/css/style.scss +4 -0
  17. data/assets/fonts/opensans-bold-webfont.eot +0 -0
  18. data/assets/fonts/opensans-bold-webfont.svg +251 -0
  19. data/assets/fonts/opensans-bold-webfont.ttf +0 -0
  20. data/assets/fonts/opensans-bold-webfont.woff +0 -0
  21. data/assets/fonts/opensans-bolditalic-webfont.eot +0 -0
  22. data/assets/fonts/opensans-bolditalic-webfont.svg +251 -0
  23. data/assets/fonts/opensans-bolditalic-webfont.ttf +0 -0
  24. data/assets/fonts/opensans-bolditalic-webfont.woff +0 -0
  25. data/assets/fonts/opensans-extrabold-webfont.eot +0 -0
  26. data/assets/fonts/opensans-extrabold-webfont.svg +251 -0
  27. data/assets/fonts/opensans-extrabold-webfont.ttf +0 -0
  28. data/assets/fonts/opensans-extrabold-webfont.woff +0 -0
  29. data/assets/fonts/opensans-italic-webfont.eot +0 -0
  30. data/assets/fonts/opensans-italic-webfont.svg +251 -0
  31. data/assets/fonts/opensans-italic-webfont.ttf +0 -0
  32. data/assets/fonts/opensans-italic-webfont.woff +0 -0
  33. data/assets/fonts/opensans-regular-webfont.eot +0 -0
  34. data/assets/fonts/opensans-regular-webfont.svg +252 -0
  35. data/assets/fonts/opensans-regular-webfont.ttf +0 -0
  36. data/assets/fonts/opensans-regular-webfont.woff +0 -0
  37. data/assets/images/bg-ramp.jpg +0 -0
  38. data/assets/images/blockquote-gfx-2x.png +0 -0
  39. data/assets/images/blockquote-gfx.png +0 -0
  40. data/assets/images/chevron-2x.png +0 -0
  41. data/assets/images/chevron.png +0 -0
  42. data/assets/images/download-fallback-bg.png +0 -0
  43. data/assets/images/download-sprite.png +0 -0
  44. data/assets/images/footer-ramp.jpg +0 -0
  45. data/assets/images/fork-sprite.png +0 -0
  46. data/assets/images/hr-2x.jpg +0 -0
  47. data/assets/images/hr.jpg +0 -0
  48. data/assets/images/octocat-2x.png +0 -0
  49. data/assets/images/octocat.png +0 -0
  50. data/assets/images/ribbon-tail-sprite-2x.png +0 -0
  51. data/assets/images/ribbon-tail-sprite.png +0 -0
  52. data/assets/images/shield-fallback.png +0 -0
  53. data/assets/images/shield.png +0 -0
  54. data/assets/images/site-2.png +0 -0
  55. data/assets/images/small-ribbon-tail-sprite-2x.png +0 -0
  56. data/assets/images/small-ribbon-tail-sprite.png +0 -0
  57. data/assets/js/headsmart.min.js +1 -0
  58. data/assets/js/modernizr.js +4 -0
  59. metadata +57 -4
  60. data/_layouts/page.html +0 -5
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 62f88164f6ced16da86d3450c4cbae6f73a21560b77d2941edaf5697fe70ad82
4
- data.tar.gz: 2bfbf04ba7f0e85676fda168559c77f16a7b21ef80824bfc04ceecc120536db6
3
+ metadata.gz: 9d34fcc0d0108410c974bca8b48096c5bd86099039018d10d33038b30526c49b
4
+ data.tar.gz: 98fa6ebd1f995451e11e8a3b5ecd018f7714ffe891326dd87f1722046db0715d
5
5
  SHA512:
6
- metadata.gz: 74cdca47dd1317249392b7f9e411121fd1be51213dda1218a4279192b1d7733d7423ff99ab7e67e3b6e459f2c56469aa34a624fd27ca8a7c134266eaee996c4c
7
- data.tar.gz: 23c586c6f7ba595a8e860c8b7a86617ca212d280533e3a3b164733bfc0998004599aa296849d954bc13179b023f4f4bd76b91844e73ed1aa7237f2777282a026
6
+ metadata.gz: 2095a205c00e20ccf83b951dbe548355c1aa2f5628c9b73e3f644196af8f97fe6e8178832bd9e5bc8f763c9f4897206201ae7c0cba2399c01328ef73fd46ceee
7
+ data.tar.gz: 0717add053b8c10c305618fde946fdb4cbceaba901dcf93172e98ff65cae94d5c78566c78e73edd41724993ea8b8c38c31ad18e9649420fa7e5ab153abf3bb89
data/README.md CHANGED
@@ -1,11 +1,6 @@
1
1
  # gingko
2
2
 
3
- 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`.
4
-
5
- To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
6
-
7
- TODO: Delete this and the text above, and describe your gem
8
-
3
+ gingko's blog theme
9
4
 
10
5
  ## Installation
11
6
 
@@ -33,20 +28,13 @@ Or install it yourself as:
33
28
 
34
29
  TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
35
30
 
36
- ## Contributing
37
-
38
- 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.
39
-
40
- ## Development
41
-
42
- To set up your environment to develop this theme, run `bundle install`.
31
+ ## Deploy
43
32
 
44
- 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.
45
33
 
46
- When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
47
- To add a custom directory to your theme-gem, please edit the regexp in `gingko.gemspec` accordingly.
34
+ ### Package gem
48
35
 
49
- ## License
36
+ run `gem build gingko.gemspec` to generate gingko theme gem.
50
37
 
51
- The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
38
+ ### Publish gem
52
39
 
40
+ run `gem push gingko-<version>.gem` to publish gem to https://rubygems.org
@@ -0,0 +1,40 @@
1
+ {% assign posts = site.categories[page.slug] | default:site.tags[page.slug] | default:site.posts %}
2
+
3
+ <ul id="post-list">
4
+ {% for post in posts %}
5
+ <li>
6
+ <a href="{{ site.baseurl }}{{ post.url | remove_first: '/' }}">{{ post.title }}
7
+ {{ post.date | date:"%b %d, %Y" }}
8
+ </a>
9
+ </li>
10
+ {% endfor %}
11
+ </ul>
12
+
13
+ <!-- Pagination links -->
14
+ {% if paginator.total_pages > 1 %}
15
+ <div class="pagination">
16
+ {% if paginator.previous_page %}
17
+ <a href="{{ paginator.previous_page_path | relative_url }}">&laquo; Prev</a>
18
+ {% else %}
19
+ <span>&laquo; Prev</span>
20
+ {% endif %}
21
+ <small>|</small>
22
+
23
+ {% for page in (1..paginator.total_pages) %}
24
+ {% if page == paginator.page %}
25
+ {{ page }}
26
+ {% elsif page == 1 %}
27
+ <a href="{{ paginator.previous_page_path | relative_url }}">{{ page }}</a>
28
+ {% else %}
29
+ <a href="{{ site.paginate_path | relative_url | replace: ':num', page }}">{{ page }}</a>
30
+ {% endif %}
31
+ <small>|</small>
32
+ {% endfor %}
33
+
34
+ {% if paginator.next_page %}
35
+ <a href="{{ paginator.next_page_path | relative_url }}">Next &raquo;</a>
36
+ {% else %}
37
+ <span>Next &raquo;</span>
38
+ {% endif %}
39
+ </div>
40
+ {% endif %}
@@ -0,0 +1,14 @@
1
+ <section class="disqus">
2
+ <div id="disqus_thread"></div>
3
+ <script type="text/javascript">
4
+ var disqus_shortname = '{{ site.disqus_shortname }}';
5
+ var disqus_developer = 0; // developer mode is on
6
+ (function() {
7
+ var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
8
+ dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
9
+ (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
10
+ })();
11
+ </script>
12
+ <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
13
+ <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
14
+ </section>
@@ -0,0 +1,3 @@
1
+ <footer id="footer">
2
+ <p class="small">© Copyright {{ site.time | date: '%Y' }} {{ site.author }}</p>
3
+ </footer>
@@ -0,0 +1,13 @@
1
+ <span id="header">
2
+ <h1 id="brand">
3
+ <a href="{{ site.baseurl }}"> {{site.title}} </a>
4
+ </h1>
5
+ <nav id = "nav">
6
+ <a href="{{ site.url }}"> 主页 </a>
7
+ <a href="{{ site.url }}/archives"> 列表 </a>
8
+ <a href="{{ site.url }}/categories"> 分类 </a>
9
+ <a href="{{ site.url }}/books">书单 </a>
10
+ <a href="{{ site.url }}/about">关于我 </a>
11
+ <a class="cta" href="{{ site.url }}/feed.xml">订阅</a>
12
+ </nav>
13
+ </span>
@@ -0,0 +1,22 @@
1
+ <nav id="post-nav">
2
+ {% if paginator.previous_page %}
3
+ <span class="prev">
4
+ {% if paginator.previous_page == 1 %}
5
+ <a href="{{ site.baseurl }}" title="Previous Page">
6
+ <span class="arrow">←</span> Newer Posts
7
+ </a>
8
+ {% else %}
9
+ <a href="{{ site.baseurl }}page{{ paginator.previous_page }}/">
10
+ <span class="arrow">←</span> Newer Posts
11
+ </a>
12
+ {% endif %}
13
+ </span>
14
+ {% endif %}
15
+ {% if paginator.next_page %}
16
+ <span class="next">
17
+ <a href="{{ site.baseurl }}page{{ paginator.next_page }}/">
18
+ Older Posts <span class="arrow">→</span>
19
+ </a>
20
+ </span>
21
+ {% endif %}
22
+ </nav>
@@ -0,0 +1,9 @@
1
+ <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>
2
+
3
+ <a class="facebook" href="#" onclick="
4
+ window.open(
5
+ 'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),
6
+ 'facebook-share-dialog',
7
+ 'width=626,height=436');
8
+ return false;"><span class="icon-facebook-rect"> Share</span>
9
+ </a>
@@ -1 +1,31 @@
1
- {{ content }}
1
+ <!DOCTYPE html>
2
+ <html lang="{{ site.lang | default: "en-US" }}">
3
+ <head>
4
+ <meta charset='utf-8'>
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=640">
7
+
8
+ <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}" media="screen">
9
+ <link rel="stylesheet" href="{{ '/assets/css/mobile.css' | relative_url }}" media="handheld, only screen and (max-device-width:640px)">
10
+ <link rel="stylesheet" href="{{ '/assets/css/non-screen.css' | relative_url }}" media="handheld, only screen and (max-device-width:640px)">
11
+
12
+ <script src="{{ '/assets/js/modernizr.js' | relative_url }}"></script>
13
+ <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
14
+ <script src="{{ '/assets/js/headsmart.min.js' | relative_url }}"></script>
15
+ <script>
16
+ $(document).ready(function () {
17
+ $('#main_content').headsmart()
18
+ })
19
+ </script>
20
+
21
+ </head>
22
+
23
+ <body>
24
+ {% include header.html %}
25
+ <div class="shell">
26
+ <section id="main_content">
27
+ {{ content }}
28
+ </section>
29
+ </div>
30
+ </body>
31
+ </html>
@@ -1,5 +1,33 @@
1
- ---
2
- layout: default
3
- ---
1
+ <!DOCTYPE html>
2
+ <html lang="{{ site.lang | default: "en-US" }}">
3
+ <head>
4
+ <meta charset='utf-8'>
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=640">
4
7
 
5
- {{ content }}
8
+ <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}" media="screen">
9
+ <link rel="stylesheet" href="{{ '/assets/css/mobile.css' | relative_url }}" media="handheld, only screen and (max-device-width:640px)">
10
+ <link rel="stylesheet" href="{{ '/assets/css/non-screen.css' | relative_url }}" media="handheld, only screen and (max-device-width:640px)">
11
+
12
+ <script src="{{ '/assets/js/modernizr.js' | relative_url }}"></script>
13
+ <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
14
+ <script src="{{ '/assets/js/headsmart.min.js' | relative_url }}"></script>
15
+ <script>
16
+ $(document).ready(function () {
17
+ $('#main_content').headsmart()
18
+ })
19
+ </script>
20
+
21
+ </head>
22
+
23
+ <body>
24
+ {% include header.html %}
25
+ <div class="shell">
26
+ <section id="main_content">
27
+ <span><h1 id="title">{{ page.title }}</h1></span>
28
+ <span>{{ page.date | date: "%Y-%m-%d" }} by {{ site.author }}</span>
29
+ {{ content }}
30
+ </section>
31
+ </div>
32
+ </body>
33
+ </html>
@@ -0,0 +1,4 @@
1
+ @import "screen";
2
+ @import "rouge-base16-solarized";
3
+ @import url("non-screen.css") handheld;
4
+ @import url("non-screen.css") only screen and (max-device-width:640px);
@@ -0,0 +1,77 @@
1
+ .highlight table td { padding: 5px; }
2
+ .highlight table pre { margin: 0; }
3
+ .highlight, .highlight .w {
4
+ color: #586e75;
5
+ }
6
+ .highlight .err {
7
+ color: #002b36;
8
+ background-color: #dc322f;
9
+ }
10
+ .highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {
11
+ color: #657b83;
12
+ }
13
+ .highlight .cp {
14
+ color: #b58900;
15
+ }
16
+ .highlight .nt {
17
+ color: #b58900;
18
+ }
19
+ .highlight .o, .highlight .ow {
20
+ color: #93a1a1;
21
+ }
22
+ .highlight .p, .highlight .pi {
23
+ color: #93a1a1;
24
+ }
25
+ .highlight .gi {
26
+ color: #859900;
27
+ }
28
+ .highlight .gd {
29
+ color: #dc322f;
30
+ }
31
+ .highlight .gh {
32
+ color: #268bd2;
33
+ background-color: #002b36;
34
+ font-weight: bold;
35
+ }
36
+ .highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
37
+ color: #6c71c4;
38
+ }
39
+ .highlight .kc {
40
+ color: #cb4b16;
41
+ }
42
+ .highlight .kt {
43
+ color: #cb4b16;
44
+ }
45
+ .highlight .kd {
46
+ color: #cb4b16;
47
+ }
48
+ .highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
49
+ color: #859900;
50
+ }
51
+ .highlight .sr {
52
+ color: #2aa198;
53
+ }
54
+ .highlight .si {
55
+ color: #d33682;
56
+ }
57
+ .highlight .se {
58
+ color: #d33682;
59
+ }
60
+ .highlight .nn {
61
+ color: #b58900;
62
+ }
63
+ .highlight .nc {
64
+ color: #b58900;
65
+ }
66
+ .highlight .no {
67
+ color: #b58900;
68
+ }
69
+ .highlight .na {
70
+ color: #268bd2;
71
+ }
72
+ .highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx {
73
+ color: #859900;
74
+ }
75
+ .highlight .ss {
76
+ color: #859900;
77
+ }
@@ -0,0 +1,630 @@
1
+ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 9, 2012 */
2
+
3
+
4
+ @font-face {
5
+ font-family: 'Open Sans';
6
+ src: url('../fonts/opensans-regular-webfont.eot');
7
+ src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
8
+ url('../fonts/opensans-regular-webfont.woff') format('woff'),
9
+ url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
10
+ url('../fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
11
+ font-weight: normal;
12
+ font-style: normal;
13
+ }
14
+
15
+ @font-face {
16
+ font-family: 'Open Sans';
17
+ src: url('../fonts/opensans-italic-webfont.eot');
18
+ src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
19
+ url('../fonts/opensans-italic-webfont.woff') format('woff'),
20
+ url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
21
+ url('../fonts/opensans-italic-webfont.svg#OpenSansItalic') format('svg');
22
+ font-weight: normal;
23
+ font-style: italic;
24
+ }
25
+
26
+ @font-face {
27
+ font-family: 'Open Sans';
28
+ src: url('../fonts/opensans-bold-webfont.eot');
29
+ src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
30
+ url('../fonts/opensans-bold-webfont.woff') format('woff'),
31
+ url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
32
+ url('../fonts/opensans-bold-webfont.svg#OpenSansBold') format('svg');
33
+ font-weight: bold;
34
+ font-style: normal;
35
+ }
36
+
37
+ @font-face {
38
+ font-family: 'Open Sans';
39
+ src: url('../fonts/opensans-bolditalic-webfont.eot');
40
+ src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
41
+ url('../fonts/opensans-bolditalic-webfont.woff') format('woff'),
42
+ url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
43
+ url('../fonts/opensans-bolditalic-webfont.svg#OpenSansBoldItalic') format('svg');
44
+ font-weight: bold;
45
+ font-style: italic;
46
+ }
47
+
48
+ @font-face {
49
+ font-family: 'Open Sans';
50
+ src: url('../fonts/opensans-extrabold-webfont.eot');
51
+ src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
52
+ url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
53
+ url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
54
+ url('../fonts/opensans-extrabold-webfont.svg#OpenSansExtrabold') format('svg');
55
+ font-weight: 800;
56
+ font-style: normal;
57
+ }
58
+
59
+ /* http://meyerweb.com/eric/tools/css/reset/
60
+ v2.0 | 20110126
61
+ License: none (public domain)
62
+ */
63
+
64
+ html, body, div, span, applet, object, iframe,
65
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
66
+ a, abbr, acronym, address, big, cite, code,
67
+ del, dfn, em, img, ins, kbd, q, s, samp,
68
+ small, strike, strong, sub, sup, tt, var,
69
+ b, u, i, center,
70
+ dl, dt, dd, ol, ul, li,
71
+ fieldset, form, label, legend,
72
+ table, caption, tbody, tfoot, thead, tr, th, td,
73
+ article, aside, canvas, details, embed,
74
+ figure, figcaption, footer, header, hgroup,
75
+ menu, nav, output, ruby, section, summary,
76
+ time, mark, audio, video {
77
+ margin: 0;
78
+ padding: 0;
79
+ border: 0;
80
+ font-size: 100%;
81
+ font: inherit;
82
+ vertical-align: baseline;
83
+ }
84
+ /* HTML5 display-role reset for older browsers */
85
+ article, aside, details, figcaption, figure,
86
+ footer, header, hgroup, menu, nav, section {
87
+ display: block;
88
+ }
89
+ body {
90
+ line-height: 1;
91
+ }
92
+ ol, ul {
93
+ list-style: none;
94
+ }
95
+ blockquote, q {
96
+ quotes: none;
97
+ }
98
+ blockquote:before, blockquote:after,
99
+ q:before, q:after {
100
+ content: '';
101
+ content: none;
102
+ }
103
+ table {
104
+ border-collapse: collapse;
105
+ border-spacing: 0;
106
+ }
107
+
108
+ header, footer, section {
109
+ display: block;
110
+ position: relative;
111
+ }
112
+
113
+ /* STYLES */
114
+
115
+ div.shell {
116
+ display: block;
117
+ width: 800px;
118
+ margin: 0 auto;
119
+ }
120
+
121
+ a#forkme_banner {
122
+ position: absolute;
123
+ top: 0;
124
+ left: 0;
125
+ width: 138px;
126
+ height: 138px;
127
+ display: block;
128
+ background: transparent url(../images/fork-sprite.png) 0 0 no-repeat;
129
+ text-indent: -9000px;
130
+ z-index: 3;
131
+ }
132
+
133
+ a#forkme_banner:hover {
134
+ background-position: 0 -138px;
135
+ }
136
+
137
+ /* header */
138
+
139
+ header {
140
+ position: relative;
141
+ z-index: 2;
142
+ margin: 0 auto;
143
+ max-width: 600px;
144
+ top: 38px;
145
+ }
146
+
147
+ header span.ribbon-inner {
148
+ position: relative;
149
+ display: block;
150
+ background-color: #cd596b;
151
+ border: 4px solid #7c334f;
152
+ padding: 2px;
153
+ z-index: 1;
154
+ }
155
+
156
+ header span.left-tail, header span.right-tail {
157
+ position: relative;
158
+ display: block;
159
+ width: 56px;
160
+ height: 105px;
161
+ background: transparent url(../images/ribbon-tail-sprite.png) 0 0 no-repeat;
162
+ position: absolute;
163
+ bottom: -37px;
164
+ z-index: 0;
165
+ }
166
+
167
+ header span.left-tail {
168
+ background-position: 0 0;
169
+ left: -31px;
170
+ }
171
+
172
+ header span.right-tail {
173
+ background-position: -56px 0;
174
+ right: -31px;
175
+ }
176
+
177
+ header h1 {
178
+ background-color: #7c334f;
179
+ font-size: 2.5em;
180
+ font-weight: 800;
181
+ font-style: normal;
182
+ text-transform: uppercase;
183
+ color: #ece4d8;
184
+ text-align: center;
185
+ line-height:1;
186
+ padding: 14px 20px 0;
187
+ }
188
+
189
+ header h2 {
190
+ background-color: #7c334f;
191
+ font: bold italic .85em/1.5 Georgia, Times, “Times New Roman”, serif;
192
+ color: #e69b95;
193
+ padding-bottom: 14px;
194
+ margin-top: -3px;
195
+ text-align: center;
196
+ }
197
+
198
+ section#downloads,
199
+ div#no-downloads {
200
+ position: relative;
201
+ display: block;
202
+ height: 197px;
203
+ width: 550px;
204
+ padding-bottom: 150px;
205
+ margin: -80px auto -150px;
206
+ z-index: 1;
207
+ background: transparent url(../images/bg-ramp.jpg) center 171px no-repeat;
208
+ }
209
+
210
+ div#no-downloads span.inner {
211
+ display: block;
212
+ position: relative;
213
+ height: 197px;
214
+ width: 550px;
215
+ background: transparent url(../images/download-sprite.png) 0 0 no-repeat;
216
+ }
217
+
218
+ section#downloads a {
219
+ display: block;
220
+ position: relative;
221
+ height: 67px;
222
+ width: 275px;
223
+ padding-top: 130px;
224
+ background: transparent url(../images/download-sprite.png) 0 0 no-repeat;
225
+ text-align: center;
226
+ line-height: 1;
227
+ color: #fff;
228
+ font-family: 'Open Sans', Myriad, Calibri, sans-serif;
229
+ font-weight: 800;
230
+ font-size: 1.3em;
231
+ }
232
+
233
+ section#downloads a:hover {
234
+ text-decoration: none;
235
+ }
236
+
237
+ section#downloads a em {
238
+ font: bold italic 12px/1 Georgia, Times, “Times New Roman”, serif;
239
+ color: #83b7da;
240
+ display: block;
241
+ }
242
+
243
+ section#downloads a.zip {
244
+ float: left;
245
+ background-position: 0 0;
246
+ }
247
+
248
+ section#downloads a.tgz {
249
+ float: right;
250
+ background-position: -275px 0;
251
+ }
252
+
253
+ section#downloads a.zip:hover {
254
+ background-position: 0 -197px;
255
+ }
256
+
257
+ section#downloads a.tgz:hover {
258
+ background-position: -275px -197px;
259
+ }
260
+
261
+ span.banner-fix {
262
+ background: transparent url(../images/download-fallback-bg.png) center top no-repeat;
263
+ display: block;
264
+ height: 19px;
265
+ position: absolute;
266
+ width: 670px;
267
+ top: 19px;
268
+ }
269
+
270
+ section#main_content {
271
+ z-index: 2;
272
+ padding: 20px 82px 0;
273
+ min-height:185px;
274
+ }
275
+
276
+ /* footer */
277
+
278
+ footer {
279
+ background: transparent url(../images/footer-ramp.jpg) center -1px no-repeat;
280
+ padding-top: 104px;
281
+ //margin: -94px auto 40px;
282
+ max-width: 800px;
283
+ text-align: center;
284
+ }
285
+
286
+ footer span.ribbon-outer {
287
+ display: block;
288
+ position: relative;
289
+ border-bottom: 2px solid #bdb6ad;
290
+ }
291
+
292
+ footer span.ribbon-inner {
293
+ position: relative;
294
+ display: block;
295
+ background-color: #cd596b;
296
+ border: 2px solid #7c334f;
297
+ padding: 1px;
298
+ z-index: 1;
299
+ }
300
+
301
+ footer p {
302
+ font-family: 'Open Sans', Myriad, Calibri, sans-serif;
303
+ font-weight: bold;
304
+ font-size: .8em;
305
+ color: #8b786f;
306
+ }
307
+
308
+ footer a {
309
+ color: #cd596b;
310
+ }
311
+
312
+ footer span.ribbon-inner p {
313
+ background-color: #7c334f;
314
+ margin: 0;
315
+ color: #e69b95;
316
+ font: bold italic 12px/1 Georgia, Times, “Times New Roman”, serif;
317
+ padding-bottom:4px;
318
+ }
319
+
320
+ footer span.ribbon-inner a {
321
+ position: relative;
322
+ bottom: -1px;
323
+ color: #7eb0d2;
324
+ font-family: 'Open Sans', Myriad, Calibri, sans-serif;
325
+ text-transform: uppercase;
326
+ font-style: normal;
327
+ font-weight: 800;
328
+ font-size: 1.2em;
329
+ }
330
+
331
+ footer span.ribbon-inner a:hover {
332
+ color: #7eb0d2;
333
+ }
334
+
335
+ footer span.left-tail, footer span.right-tail {
336
+ position: relative;
337
+ display: block;
338
+ width: 18px;
339
+ height: 29px;
340
+ background: transparent url(../images/small-ribbon-tail-sprite.png) 0 0 no-repeat;
341
+ position: absolute;
342
+ bottom: 5px;
343
+ z-index: 0;
344
+ }
345
+
346
+ footer span.left-tail {
347
+ background-position: 0 0;
348
+ left: -11px;
349
+ }
350
+
351
+ footer span.right-tail {
352
+ background-position: -18px 0;
353
+ right: -11px;
354
+ }
355
+
356
+ footer span.octocat {
357
+ background: transparent url(../images/octocat.png) 0 0 no-repeat;
358
+ display: block;
359
+ width: 30px;
360
+ height: 30px;
361
+ margin: 0 auto;
362
+ }
363
+
364
+ /* content */
365
+
366
+ body {
367
+ background: #ece4d8;
368
+ font: normal normal 15px/1.5 Georgia, Palatino,” Palatino Linotype”, Times, “Times New Roman”, serif;
369
+ color: #544943;
370
+ -webkit-font-smoothing: antialiased;
371
+ }
372
+
373
+ a, a:hover {
374
+ color: #417090;
375
+ }
376
+
377
+ a {
378
+ text-decoration: none;
379
+ }
380
+
381
+ a:hover {
382
+ text-decoration: underline;
383
+ }
384
+
385
+ h1,h2,h3,h4,h5,h6 {
386
+ font-family: 'Open Sans', Myriad, Calibri, sans-serif;
387
+ font-weight: bold;
388
+ }
389
+
390
+ p {
391
+ margin: .7em 0;
392
+ }
393
+
394
+ strong {
395
+ font-weight: bold;
396
+ }
397
+
398
+ em {
399
+ font-style: italic;
400
+ }
401
+
402
+ ol {
403
+ margin: .7em 0;
404
+ list-style-type: decimal;
405
+ padding-left: 1.35em;
406
+ }
407
+
408
+ ul {
409
+ margin: .7em 0;
410
+ padding-left: 1.35em;
411
+ }
412
+
413
+ ul li {
414
+ padding-left: 10px;
415
+ background: transparent url(../images/chevron.png) left 6px no-repeat;
416
+ }
417
+
418
+ blockquote {
419
+ font-family: 'Open Sans', Myriad, Calibri, sans-serif;
420
+ margin: 20px 0;
421
+ color: #8b786f;
422
+ padding-left: 1.35em;
423
+ background: transparent url('../images/blockquote-gfx.png') 0 4px no-repeat;
424
+ }
425
+
426
+ img {
427
+ -webkit-box-shadow: 0px 2px 0px #bdb6ad;
428
+ -moz-box-shadow: 0px 2px 0px #bdb6ad;
429
+ box-shadow: 0px 2px 0px #bdb6ad;
430
+ border: 2px solid #fff6e9;
431
+ max-width: 502px;
432
+ }
433
+
434
+ hr {
435
+ border: none;
436
+ outline: none;
437
+ height: 18px;
438
+ background: transparent url('../images/hr.jpg') center center repeat-x;
439
+ margin: 0 0 20px;
440
+ }
441
+
442
+ code {
443
+ background: #fff6e9;
444
+ font: normal normal .8em/1.7 "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
445
+ padding: 0 5px 1px;
446
+ }
447
+
448
+ pre {
449
+ margin: 10px 0 20px;
450
+ padding: .7em;
451
+ background: #fff6e9;
452
+ border-bottom: 2px solid #bdb6ad;
453
+ font: normal normal .9em/1.7 "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
454
+ overflow: auto;
455
+ }
456
+
457
+ pre code {
458
+ font: normal normal 1em/1.7 "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
459
+ padding: 0;
460
+ }
461
+
462
+ table {
463
+ background: #fff6e9;
464
+ display: table;
465
+ width: 100%;
466
+ border-collapse: separate;
467
+ border-bottom: 2px solid #bdb6ad;
468
+ margin: 10px 0;
469
+ }
470
+
471
+ tr {
472
+ display: table-row;
473
+ }
474
+
475
+ th {
476
+ display: table-cell;
477
+ padding: 2px 10px;
478
+ border: solid #ece4d8;
479
+ border-width: 0 2px 2px 0;
480
+ color: #cd596b;
481
+ font-family: 'Open Sans', Myriad, Calibri, sans-serif;
482
+ font-weight: bold;
483
+ font-size: .85em;
484
+ }
485
+
486
+ td {
487
+ display: table-cell;
488
+ padding: 0 .7em;
489
+ border: solid #ece4d8;
490
+ border-width: 0 2px 2px 0;
491
+ }
492
+
493
+ td:last-child, th:last-child {
494
+ border-right: none;
495
+ }
496
+
497
+ tr:last-child td {
498
+ border-bottom: none;
499
+ }
500
+
501
+ dl {
502
+ margin: .7em 0 20px;
503
+ }
504
+
505
+ dt {
506
+ font-family: 'Open Sans', Myriad, Calibri, sans-serif;
507
+ font-weight: bold;
508
+ }
509
+
510
+ dd {
511
+ padding-left: 1.35em;
512
+ }
513
+
514
+ dd p:first-child {
515
+ margin-top: 0;
516
+ }
517
+
518
+ /* Content based headers */
519
+
520
+ #main_content > .header-level-1:first-child,
521
+ #main_content > .header-level-2:first-child,
522
+ #main_content > .header-level-3:first-child,
523
+ #main_content > .header-level-4:first-child,
524
+ #main_content > .header-level-5:first-child,
525
+ #main_content > .header-level-6:first-child {
526
+ margin-top: 0;
527
+ }
528
+
529
+ .header-level-1 {
530
+ font-size: 1.85em;
531
+ border-bottom: .2em double #d3ccc1;
532
+ color: #7c334f;
533
+ text-align: center;
534
+ font-style: italic;
535
+ margin: 1.1em 0 .38em;
536
+ line-height: 1.2;
537
+ padding-bottom: 10px
538
+ }
539
+
540
+ .header-level-2 {
541
+ font-size: 1.58em;
542
+ color: #7c334f;
543
+ margin: .95em 0 .5em;
544
+ border-bottom: .1em solid #D3CCC1;
545
+ line-height: 1.2;
546
+ padding-bottom: 10px
547
+ }
548
+
549
+ .header-level-3 {
550
+ margin: 20px 0 10px;
551
+ font-size: 1.45em;
552
+ }
553
+
554
+ .header-level-4 {
555
+ margin: .6em 0;
556
+ font-size: 1.2em;
557
+ color: #cd596b;
558
+ }
559
+
560
+ .header-level-5 {
561
+ margin: .7em 0;
562
+ font-size: 1em;
563
+ color: #8b786f;
564
+ }
565
+
566
+ .header-level-6 {
567
+ margin: .8em 0;
568
+ font-size: .85em;
569
+ font-style: italic;
570
+ }
571
+
572
+ #header {
573
+ position: relative;
574
+ height: 46px;
575
+ width: 800px;
576
+ zoom: 1;
577
+ font-size: 1.2em;
578
+ box-shadow: 0 0 5px #cd596b;
579
+ }
580
+
581
+ #brand {
582
+ position: absolute;
583
+ top: 0;
584
+ left: 20px;
585
+ margin: 0;
586
+ font-size: 26px;
587
+ }
588
+ #brand a {
589
+ color: #dddfdf;
590
+ color: rgba(0,0,0,0.1);
591
+ border-bottom: 0 none;
592
+ }
593
+ #brand a:hover {
594
+ color: #dadada;
595
+ color: rgba(0,0,0,0.16);
596
+ }
597
+
598
+ #nav {
599
+ position: relative;
600
+ max-width: 800px;
601
+ width: 500px;
602
+ height: 46px;
603
+ margin: 0 auto;
604
+ background: #ece4d8;
605
+ z-index: 9;
606
+ }
607
+ #nav a {
608
+ font-weight: bold;
609
+ font-family: "Helvetica Neue", "Helvetica", arial, sans-serif;
610
+ margin-right: 6px;
611
+ padding: 8px 10px;
612
+ line-height: 46px;
613
+ border-bottom: 0 none;
614
+ }
615
+ #nav a:hover {
616
+ color: #7c334f;
617
+ border-top: 6px solid #7c334f;
618
+ margin-top: -6px;
619
+ }
620
+ #nav select {
621
+ margin-top: 8px;
622
+ font-size: 16px;
623
+ }
624
+
625
+ h1#title {
626
+ font-weight: bold;
627
+ font-size: 1.5em;
628
+ font-family: "Helvetica Neue", "Helvetica", arial, sans-serif;
629
+ line-height: 46px;
630
+ }