jekyll-theme-adobe-hyde 0.2.2 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 5fe667e0b014b91f4161d742b7127c638b3b79bedb086a758fb01ad1b32188a6
4
- data.tar.gz: 502c5147c9c43078086fbe8b51d47f54bdf1a0def5a0c51e3a9e38b663bfb028
3
+ metadata.gz: 403b602d6f7b0c34d0a0b815aafefb666dd51c864d710ff7a6200298acc4b88f
4
+ data.tar.gz: 8336d30d96e0a5e200a50cc4abad0a0ecedaad3552e8a83bb5bbf20449fbb631
5
5
  SHA512:
6
- metadata.gz: 4dfb3950d1ff6e9234d298468efe97278075157584a272a8c004d6deda3bd18dc394c7562867acc8280281c37e48d3fbcb0fca3f37ebc1fdffeee9ec6b74b2b6
7
- data.tar.gz: 6083ab2750cdc95b3f8097778b3cf3d0ae75784d322d882d065f19213c90f8c16a105fe008f8297020bc2d0a8912b03a4513d90bc614ddedd646f5c942f76d6e
6
+ metadata.gz: d66a318af9e35af4117d0a2601038a6efc9c0df578d24f9d015bec7f0451ff3cb0dfad9d80492275043d3406a062d0dbd7135441716bbf4599554d8902310933
7
+ data.tar.gz: fcd1d7ae48d86d44dae35e5faca497f9ec66b7da6fdde2f0fe8321db4601e74f1e9ad77d9b06c792b49eb0b7f974a8bfd9486564a7bf46f6163c5e33872057dd
data/README.md CHANGED
@@ -4,7 +4,7 @@ This is a [Jekyll theme](https://jekyllrb.com/docs/themes/) for use with the [Hy
4
4
 
5
5
  This theme is based on [the slate theme](jekyll-theme-slate) and incorporates a number of templates we've developed for various [Hyde based sites](http://stlab.cc/libraries/stlab2Fcopy_on_write.hpp/copy_on_write3CT3E/).
6
6
 
7
- The inspiration for the layout comes from [cppreference](https://en.cppreference.com/w/cpp/string/basic_string). Please help us improve the templates by [contribute](#contributing)!
7
+ The inspiration for the layout comes from [cppreference](https://en.cppreference.com/w/cpp/string/basic_string). Please help us improve the templates by [contributing](#contributing)!
8
8
 
9
9
  ## Installation
10
10
 
@@ -37,7 +37,15 @@ adobe_hyde:
37
37
  header_image: <relative url of image>
38
38
  ```
39
39
 
40
- _Write usage instructions here. Describe your available layouts, includes, sass and/or assets._
40
+ ### Customizing The Theme
41
+
42
+ The theme includes variable overrides that won't overwrite theme files. This lets you customize some of the layout and coloring parameters of the theme, and still keep up with the latest theme changes easily. To start, copy these three files from the theme to the same location in your local Jekyll site:
43
+
44
+ - `_sass/_overrides.scss`
45
+ - `_sass/_overrides-light.scss`
46
+ - `_sass/_overrides-dark.scss`
47
+
48
+ You can customize theme variables within these files. See an example of this in the [`stlab.cc` repository](https://github.com/stlab/stlab.github.io/tree/master/_sass).
41
49
 
42
50
  ## Contributing
43
51
 
@@ -18,15 +18,16 @@
18
18
  <li><a href="{{ site.baseurl }}/"><i class="fa fa-home"></i></a></li>
19
19
  {% for crumb in crumbs %}
20
20
  {% if crumb == "/" %} {% continue %} {% endif %}
21
- <li> | <script>
22
- var crumb_index = window.hyde_title_index;
23
- if ('{{ crumb }}' in crumb_index) {
24
- document.write("<a href='{{crumb | prepend: site.baseurl}}'>" + crumb_index['{{ crumb }}'] + "</a>");
25
- } else {
26
- document.write("?????");
27
- }
28
- </script>
29
- </li>
21
+ <script>
22
+ var crumb_index = window.hyde_title_index;
23
+ if ('{{ crumb }}' in crumb_index) {
24
+ document.write("<li> | ");
25
+ document.write("<a href='{{crumb | prepend: site.baseurl}}'>" + crumb_index['{{ crumb }}'] + "</a>");
26
+ document.write("</li>");
27
+ } else {
28
+ // document.write("?????");
29
+ }
30
+ </script>
30
31
  {% endfor%}
31
32
  </ol>
32
33
  </div>
@@ -6,7 +6,7 @@
6
6
  <td class='footer-left'>
7
7
  Page owner(s):
8
8
  {% for o in page.owner %}
9
- <a href='https://git.corp.adobe.com/{{o}}'>{{o}}</a>&nbsp;
9
+ <a href='https://github.com/{{o}}'>{{o}}</a>&nbsp;
10
10
  {% endfor %}
11
11
  </td>
12
12
  <td class='footer-center'>
@@ -2,7 +2,7 @@
2
2
 
3
3
  <div class="wrapper" id="page-top">
4
4
 
5
- <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
5
+ <a class="site-title" href="{{ site.baseurl }}/"></a>
6
6
 
7
7
  <nav class="site-nav">
8
8
  <!-- #page-top is hack because html proofer doesn't understand # -->
@@ -1,23 +1,5 @@
1
1
  @charset "utf-8";
2
2
 
3
- $base-font-family: "Source Serif Pro",serif;
4
- $header-font-family: "Source Sans Pro",sans-serif;
5
- $code-font-family: "Source Code Pro",monospace;
6
- $base-font-size: 16px;
7
- $base-font-weight: 400;
8
- $small-font-size: $base-font-size * 0.875;
9
- $base-line-height: 1.5;
10
- $footer-height: 100px;
11
-
12
- $spacing-unit: 30px;
13
-
14
- // Width of the content area
15
- $content-width: 1000px;
16
- $on-palm: 600px;
17
- $on-laptop: 800px;
18
-
19
- $header-height: $base-font-size * 2;
20
-
21
3
  // Use media queries like this:
22
4
  // @include media-query($on-palm) {
23
5
  // .wrapper {
@@ -0,0 +1,7 @@
1
+ // Copy this file to your site and use it to override CSS variables that apply to the dark CSS
2
+ // definitions. See `main-dark.scss` in the theme for a complete list of variables you can override
3
+ // with this file.
4
+
5
+ // @debug "Old link-color: #{$link-color}";
6
+ // $link-color: #FF0000;
7
+ // @debug "New link-color: #{$link-color}";
@@ -0,0 +1,7 @@
1
+ // Copy this file to your site and use it to override CSS variables that apply to the light CSS
2
+ // definitions. See `main-light.scss` in the theme for a complete list of variables you can override
3
+ // with this file.
4
+
5
+ // @debug "Old link-color: #{$link-color}";
6
+ // $link-color: #FF0000;
7
+ // @debug "New link-color: #{$link-color}";
@@ -0,0 +1,6 @@
1
+ // Copy this file to your site and use it to override CSS variables that apply to both the light and
2
+ // dark CSS definitions.
3
+
4
+ // @debug "Old base-font-family: #{$base-font-family}";
5
+ // $base-font-family: "Georgia";
6
+ // @debug "New base-font-family: #{$base-font-family}";
@@ -3,58 +3,71 @@
3
3
  ---
4
4
  @charset "utf-8";
5
5
 
6
- // Our variables
7
- $hyde-primary: #006000;
8
- $site-grey-color: #949597;
9
- $text-color: #d4d4d4;
6
+ // Theme variables are split into two buckets: primaries and dependents. First we define the
7
+ // primary variables, then allow the end-user to override them by defining their own override
8
+ // file set. Finally, we derive the dependent variables from the primaries, taking into account
9
+ // any user overrides that have been made.
10
+
10
11
  $background-color: #1e1e1e;
12
+ $base-font-family: "Source Serif Pro",serif;
13
+ $base-font-size: 16px;
14
+ $base-font-weight: 400;
15
+ $base-line-height: 1.5;
16
+ $code-font-family: "Source Code Pro",monospace;
17
+ $content-width: 1000px;
18
+ $embedded-code-accent-color: inherit;
19
+ $embedded-code-background-color: #161616;
20
+ $footer-background-color: #292929;
21
+ $footer-border-color: transparent;
22
+ $footer-height: 100px;
23
+ $header-background-color: #292929;
24
+ $header-border-color: transparent;
25
+ $header-font-family: "Source Sans Pro",sans-serif;
26
+ $hyde-primary: #006000;
27
+ $icon-border-color: transparent;
28
+ $icon-hover-border-color: transparent;
29
+ $icon-hover-secondary-color: white;
30
+ $icon-secondary-color: white;
31
+ $inline-code-text-color: #d7ba7d;
11
32
  $link-color: #3690f8;
12
-
33
+ $on-laptop: 800px;
34
+ $on-palm: 600px;
35
+ $quote-accent-color: #3c3f46;
36
+ $quote-background-color: #292929;
37
+ $site-grey-color: #949597;
13
38
  $site-menu-background-color: inherit;
14
39
  $site-menu-border-color: transparent;
15
- $site-menu-fill-color: $text-color;
16
- $site-nav-link-color: $text-color;
17
-
18
- {% if site.adobe_hyde.header_image %}
19
- $header-image: url({{ site.adobe_hyde.header_image | prepend: site.baseurl }});
20
- {% endif %}
21
- $header-background-color: #292929;
22
- $header-border-color: transparent;
40
+ $spacing-unit: 30px;
41
+ $table-separator-color: #505050;
42
+ $text-color: #d4d4d4;
23
43
 
24
- $footer-background-color: #292929;
25
- $footer-border-color: transparent;
44
+ @import
45
+ "overrides",
46
+ "overrides-dark"
47
+ ;
26
48
 
49
+ $embedded-code-text-color: $text-color;
50
+ $footer-link-color: $site-grey-color;
51
+ $footer-text-color: $site-grey-color;
52
+ $header-height: $base-font-size * 2;
27
53
  $icon-fill-color: $site-grey-color;
28
- $icon-primary-color: $site-grey-color;
29
- $icon-text-color: $site-grey-color;
30
- $icon-secondary-color: white;
31
- $icon-border-color: transparent;
32
54
  $icon-hover-primary-color: $hyde-primary;
33
55
  $icon-hover-text-color: $hyde-primary;
34
- $icon-hover-secondary-color: white;
35
- $icon-hover-border-color: transparent;
36
-
37
- $footer-text-color: $site-grey-color;
38
- $footer-link-color: $site-grey-color;
39
-
40
- $post-meta-text-color: $site-grey-color;
41
-
42
- $table-separator-color: #505050;
43
-
44
- $quote-accent-color: #3c3f46;
45
- $quote-text-color: $text-color;
46
- $quote-background-color: #292929;
47
-
56
+ $icon-primary-color: $site-grey-color;
57
+ $icon-text-color: $site-grey-color;
48
58
  $inline-code-accent-color: $background-color;
49
- $inline-code-text-color: #d7ba7d;
50
59
  $inline-code-background-color: $background-color;
60
+ $post-meta-text-color: $site-grey-color;
61
+ $quote-text-color: $text-color;
62
+ $site-menu-fill-color: $text-color;
63
+ $site-nav-link-color: $text-color;
64
+ $small-font-size: $base-font-size * 0.875;
51
65
 
52
- $embedded-code-accent-color: inherit;
53
- $embedded-code-text-color: $text-color;
54
- $embedded-code-background-color: #161616;
66
+ {% if site.adobe_hyde.header_image %}
67
+ $header-image: url({{ site.adobe_hyde.header_image | prepend: site.baseurl }});
68
+ {% endif %}
55
69
 
56
- // Import partials from `sass_dir` (defaults to `_sass`)
57
70
  @import
58
- "main",
59
- "syntax-highlighting-dark"
71
+ "main",
72
+ "syntax-highlighting-dark"
60
73
  ;
@@ -3,63 +3,75 @@
3
3
  ---
4
4
  @charset "utf-8";
5
5
 
6
- // Our variables
6
+ // Theme variables are split into two buckets: primaries and dependents. First we define the
7
+ // primary variables, then allow the end-user to override them by defining their own override
8
+ // file set. Finally, we derive the dependent variables from the primaries, taking into account
9
+ // any user overrides that have been made.
10
+
11
+ $background-color: white;
12
+ $base-font-family: "Source Serif Pro",serif;
13
+ $base-font-size: 16px;
14
+ $base-font-weight: 400;
15
+ $base-line-height: 1.5;
16
+ $code-font-family: "Source Code Pro",monospace;
17
+ $content-width: 1000px;
18
+ $footer-background-color: #e4e4e4;
19
+ $footer-border-color: transparent;
20
+ $footer-height: 100px;
21
+ $header-background-color: #e4e4e4;
22
+ $header-border-color: transparent;
23
+ $header-font-family: "Source Sans Pro",sans-serif;
24
+ $highlight-accent-color: #dbdbdb;
25
+ $highlight-background-color: #f0f0f0;
7
26
  $hyde-primary: #006000;
27
+ $icon-hover-secondary-color: white;
28
+ $icon-secondary-color: white;
29
+ $link-color: #006000;
30
+ $on-laptop: 800px;
31
+ $on-palm: 600px;
8
32
  $site-grey-color: #949597;
9
- $site-grey-color-light: lighten($site-grey-color, 35%);
10
- $site-grey-color-dark: darken($site-grey-color, 25%);
11
- $text-color: #333;
12
- $background-color: white;
13
- $link-color: $hyde-primary;
14
-
15
33
  $site-menu-background-color: inherit;
16
34
  $site-menu-border-color: transparent;
17
- $site-menu-fill-color: $site-grey-color-dark;
18
- $site-nav-link-color: $hyde-primary;
19
-
20
- {% if site.adobe_hyde.header_image %}
21
- $header-image: url({{ site.adobe_hyde.header_image | prepend: site.baseurl }});
22
- {% endif %}
23
- $header-background-color: #e4e4e4;
24
- $header-border-color: transparent;
35
+ $spacing-unit: 30px;
36
+ $text-color: #333;
25
37
 
26
- $footer-background-color: #e4e4e4;
27
- $footer-border-color: transparent;
38
+ @import
39
+ "overrides",
40
+ "overrides-light"
41
+ ;
28
42
 
29
- $icon-fill-color: $hyde-primary;
30
- $icon-primary-color: $hyde-primary;
31
- $icon-text-color: $hyde-primary;
32
- $icon-secondary-color: white;
43
+ $embedded-code-accent-color: $highlight-background-color;
44
+ $embedded-code-background-color: $highlight-background-color;
45
+ $embedded-code-text-color: $text-color;
46
+ $footer-link-color: $site-grey-color;
47
+ $footer-text-color: $site-grey-color;
48
+ $header-height: $base-font-size * 2;
33
49
  $icon-border-color: $site-grey-color;
50
+ $icon-fill-color: $hyde-primary;
51
+ $icon-hover-border-color: $site-grey-color;
34
52
  $icon-hover-primary-color: $site-grey-color;
35
53
  $icon-hover-text-color: $site-grey-color;
36
- $icon-hover-secondary-color: white;
37
- $icon-hover-border-color: $site-grey-color;
38
-
39
- $footer-text-color: $site-grey-color;
40
- $footer-link-color: $site-grey-color;
41
-
54
+ $icon-primary-color: $hyde-primary;
55
+ $icon-text-color: $hyde-primary;
56
+ $inline-code-accent-color: $highlight-background-color;
57
+ $inline-code-background-color: $highlight-background-color;
58
+ $inline-code-text-color: $text-color;
42
59
  $post-meta-text-color: $site-grey-color;
43
-
44
- $table-separator-color: $site-grey-color-light;
45
-
46
- $highlight-background-color: #f0f0f0;
47
- $highlight-accent-color: #dbdbdb;
48
-
49
60
  $quote-accent-color: $highlight-accent-color;
50
- $quote-text-color: $text-color;
51
61
  $quote-background-color: $highlight-background-color;
62
+ $quote-text-color: $text-color;
63
+ $site-grey-color-dark: darken($site-grey-color, 25%);
64
+ $site-grey-color-light: lighten($site-grey-color, 35%);
65
+ $site-menu-fill-color: $site-grey-color-dark;
66
+ $site-nav-link-color: $hyde-primary;
67
+ $small-font-size: $base-font-size * 0.875;
68
+ $table-separator-color: $site-grey-color-light;
52
69
 
53
- $inline-code-accent-color: $highlight-background-color;
54
- $inline-code-text-color: $text-color;
55
- $inline-code-background-color: $highlight-background-color;
56
-
57
- $embedded-code-accent-color: $highlight-background-color;
58
- $embedded-code-text-color: $text-color;
59
- $embedded-code-background-color: $highlight-background-color;
70
+ {% if site.adobe_hyde.header_image %}
71
+ $header-image: url({{ site.adobe_hyde.header_image | prepend: site.baseurl }});
72
+ {% endif %}
60
73
 
61
- // Import partials from `sass_dir` (defaults to `_sass`)
62
74
  @import
63
- "main",
64
- "syntax-highlighting-light"
75
+ "main",
76
+ "syntax-highlighting-light"
65
77
  ;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-adobe-hyde
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.2
4
+ version: 1.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Sean Parent
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-05-22 00:00:00.000000000 Z
11
+ date: 2020-06-08 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -110,12 +110,13 @@ files:
110
110
  - _sass/_base.scss
111
111
  - _sass/_layout.scss
112
112
  - _sass/_main.scss
113
+ - _sass/_overrides-dark.scss
114
+ - _sass/_overrides-light.scss
115
+ - _sass/_overrides.scss
113
116
  - _sass/_syntax-highlighting-base.scss
114
117
  - _sass/_syntax-highlighting-dark.scss
115
118
  - _sass/_syntax-highlighting-light.scss
116
119
  - _sass/_syntax-highlighting.scss
117
- - _sass/jekyll-theme-adobe-hyde.scss
118
- - _sass/rouge-github.scss
119
120
  - assets/css/main-dark.scss
120
121
  - assets/css/main-light.scss
121
122
  - assets/images/bg_hr.png
@@ -1,474 +0,0 @@
1
- @import "rouge-github";
2
-
3
- /*******************************************************************************
4
- MeyerWeb Reset
5
- *******************************************************************************/
6
-
7
- html, body, div, span, applet, object, iframe,
8
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
9
- a, abbr, acronym, address, big, cite, code,
10
- del, dfn, em, img, ins, kbd, q, s, samp,
11
- small, strike, strong, sub, sup, tt, var,
12
- b, u, i, center,
13
- dl, dt, dd, ol, ul, li,
14
- fieldset, form, label, legend,
15
- table, caption, tbody, tfoot, thead, tr, th, td,
16
- article, aside, canvas, details, embed,
17
- figure, figcaption, footer, header, hgroup,
18
- menu, nav, output, ruby, section, summary,
19
- time, mark, audio, video {
20
- margin: 0;
21
- padding: 0;
22
- border: 0;
23
- font: inherit;
24
- vertical-align: baseline;
25
- }
26
-
27
- /* HTML5 display-role reset for older browsers */
28
- article, aside, details, figcaption, figure,
29
- footer, header, hgroup, menu, nav, section {
30
- display: block;
31
- }
32
-
33
- ol, ul {
34
- list-style: none;
35
- }
36
-
37
- table {
38
- border-collapse: collapse;
39
- border-spacing: 0;
40
- }
41
-
42
- /*******************************************************************************
43
- Theme Styles
44
- *******************************************************************************/
45
-
46
- body {
47
- box-sizing: border-box;
48
- color:#373737;
49
- background: #212121;
50
- font-size: 16px;
51
- font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
52
- line-height: 1.5;
53
- -webkit-font-smoothing: antialiased;
54
- }
55
-
56
- h1, h2, h3, h4, h5, h6 {
57
- margin: 10px 0;
58
- font-weight: 700;
59
- color:#222222;
60
- font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif;
61
- letter-spacing: -1px;
62
- }
63
-
64
- h1 {
65
- font-size: 36px;
66
- font-weight: 700;
67
- }
68
-
69
- h2 {
70
- padding-bottom: 10px;
71
- font-size: 32px;
72
- background: url('../images/bg_hr.png') repeat-x bottom;
73
- }
74
-
75
- h3 {
76
- font-size: 24px;
77
- }
78
-
79
- h4 {
80
- font-size: 21px;
81
- }
82
-
83
- h5 {
84
- font-size: 18px;
85
- }
86
-
87
- h6 {
88
- font-size: 16px;
89
- }
90
-
91
- p {
92
- margin: 10px 0 15px 0;
93
- }
94
-
95
- footer p {
96
- color: #f2f2f2;
97
- }
98
-
99
- a {
100
- text-decoration: none;
101
- color: #0F79D0;
102
- text-shadow: none;
103
-
104
- transition: color 0.5s ease;
105
- transition: text-shadow 0.5s ease;
106
- -webkit-transition: color 0.5s ease;
107
- -webkit-transition: text-shadow 0.5s ease;
108
- -moz-transition: color 0.5s ease;
109
- -moz-transition: text-shadow 0.5s ease;
110
- -o-transition: color 0.5s ease;
111
- -o-transition: text-shadow 0.5s ease;
112
- -ms-transition: color 0.5s ease;
113
- -ms-transition: text-shadow 0.5s ease;
114
- }
115
-
116
- a:hover, a:focus {
117
- text-decoration: underline;
118
- }
119
-
120
- footer a {
121
- color: #F2F2F2;
122
- text-decoration: underline;
123
- }
124
-
125
- em, cite {
126
- font-style: italic;
127
- }
128
-
129
- strong {
130
- font-weight: bold;
131
- }
132
-
133
- img {
134
- position: relative;
135
- margin: 0 auto;
136
- max-width: 739px;
137
- padding: 5px;
138
- margin: 10px 0 10px 0;
139
- border: 1px solid #ebebeb;
140
-
141
- box-shadow: 0 0 5px #ebebeb;
142
- -webkit-box-shadow: 0 0 5px #ebebeb;
143
- -moz-box-shadow: 0 0 5px #ebebeb;
144
- -o-box-shadow: 0 0 5px #ebebeb;
145
- -ms-box-shadow: 0 0 5px #ebebeb;
146
- }
147
-
148
- p img {
149
- display: inline;
150
- margin: 0;
151
- padding: 0;
152
- vertical-align: middle;
153
- text-align: center;
154
- border: none;
155
- }
156
-
157
- pre, code {
158
- color: #222;
159
- background-color: #fff;
160
-
161
- font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
162
- font-size: 0.875em;
163
-
164
- border-radius: 2px;
165
- -moz-border-radius: 2px;
166
- -webkit-border-radius: 2px;
167
- }
168
-
169
- pre {
170
- padding: 10px;
171
- box-shadow: 0 0 10px rgba(0,0,0,.1);
172
- overflow: auto;
173
- }
174
-
175
- code {
176
- padding: 3px;
177
- margin: 0 3px;
178
- box-shadow: 0 0 10px rgba(0,0,0,.1);
179
- }
180
-
181
- pre code {
182
- display: block;
183
- box-shadow: none;
184
- }
185
-
186
- blockquote {
187
- color: #666;
188
- margin-bottom: 20px;
189
- padding: 0 0 0 20px;
190
- border-left: 3px solid #bbb;
191
- }
192
-
193
-
194
- ul, ol, dl {
195
- margin-bottom: 15px
196
- }
197
-
198
- ul {
199
- list-style-position: inside;
200
- list-style: disc;
201
- padding-left: 20px;
202
- }
203
-
204
- ol {
205
- list-style-position: inside;
206
- list-style: decimal;
207
- padding-left: 20px;
208
- }
209
-
210
- dl dt {
211
- font-weight: bold;
212
- }
213
-
214
- dl dd {
215
- padding-left: 20px;
216
- font-style: italic;
217
- }
218
-
219
- dl p {
220
- padding-left: 20px;
221
- font-style: italic;
222
- }
223
-
224
- hr {
225
- height: 1px;
226
- margin-bottom: 5px;
227
- border: none;
228
- background: url('../images/bg_hr.png') repeat-x center;
229
- }
230
-
231
- table {
232
- border: 1px solid #373737;
233
- margin-bottom: 20px;
234
- text-align: left;
235
- }
236
-
237
- th {
238
- font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
239
- padding: 10px;
240
- background: #373737;
241
- color: #fff;
242
- }
243
-
244
- td {
245
- padding: 10px;
246
- border: 1px solid #373737;
247
- }
248
-
249
- form {
250
- background: #f2f2f2;
251
- padding: 20px;
252
- }
253
-
254
- /*******************************************************************************
255
- Full-Width Styles
256
- *******************************************************************************/
257
-
258
- .outer {
259
- width: 100%;
260
- }
261
-
262
- .inner {
263
- position: relative;
264
- max-width: 640px;
265
- padding: 20px 10px;
266
- margin: 0 auto;
267
- }
268
-
269
- #forkme_banner {
270
- display: block;
271
- position: absolute;
272
- top:0;
273
- right: 10px;
274
- z-index: 10;
275
- padding: 10px 50px 10px 10px;
276
- color: #fff;
277
- background: url('../images/blacktocat.png') #0090ff no-repeat 95% 50%;
278
- font-weight: 700;
279
- box-shadow: 0 0 10px rgba(0,0,0,.5);
280
- border-bottom-left-radius: 2px;
281
- border-bottom-right-radius: 2px;
282
- }
283
-
284
- #header_wrap {
285
- background: #212121;
286
- background: -moz-linear-gradient(top, #373737, #212121);
287
- background: -webkit-linear-gradient(top, #373737, #212121);
288
- background: -ms-linear-gradient(top, #373737, #212121);
289
- background: -o-linear-gradient(top, #373737, #212121);
290
- background: linear-gradient(to top, #373737, #212121);
291
- }
292
-
293
- #header_wrap .inner {
294
- padding: 50px 10px 30px 10px;
295
- }
296
-
297
- #project_title {
298
- margin: 0;
299
- color: #fff;
300
- font-size: 42px;
301
- font-weight: 700;
302
- text-shadow: #111 0px 0px 10px;
303
- }
304
-
305
- #project_tagline {
306
- color: #fff;
307
- font-size: 24px;
308
- font-weight: 300;
309
- background: none;
310
- text-shadow: #111 0px 0px 10px;
311
- }
312
-
313
- #downloads {
314
- position: absolute;
315
- width: 210px;
316
- z-index: 10;
317
- bottom: -40px;
318
- right: 0;
319
- height: 70px;
320
- background: url('../images/icon_download.png') no-repeat 0% 90%;
321
- }
322
-
323
- .zip_download_link {
324
- display: block;
325
- float: right;
326
- width: 90px;
327
- height:70px;
328
- text-indent: -5000px;
329
- overflow: hidden;
330
- background: url(../images/sprite_download.png) no-repeat bottom left;
331
- }
332
-
333
- .tar_download_link {
334
- display: block;
335
- float: right;
336
- width: 90px;
337
- height:70px;
338
- text-indent: -5000px;
339
- overflow: hidden;
340
- background: url(../images/sprite_download.png) no-repeat bottom right;
341
- margin-left: 10px;
342
- }
343
-
344
- .zip_download_link:hover {
345
- background: url(../images/sprite_download.png) no-repeat top left;
346
- }
347
-
348
- .tar_download_link:hover {
349
- background: url(../images/sprite_download.png) no-repeat top right;
350
- }
351
-
352
- #main_content_wrap {
353
- background: #f2f2f2;
354
- border-top: 1px solid #111;
355
- border-bottom: 1px solid #111;
356
- }
357
-
358
- #main_content {
359
- padding-top: 40px;
360
- }
361
-
362
- #footer_wrap {
363
- background: #212121;
364
- }
365
-
366
-
367
-
368
- /*******************************************************************************
369
- Small Device Styles
370
- *******************************************************************************/
371
-
372
- @media screen and (max-width: 992px) {
373
- img {
374
- max-width: 100%;
375
- }
376
- }
377
-
378
- @media screen and (max-width: 480px) {
379
- body {
380
- font-size:14px;
381
- }
382
-
383
- #downloads {
384
- display: none;
385
- }
386
-
387
- .inner {
388
- min-width: 320px;
389
- max-width: 480px;
390
- }
391
-
392
- #project_title {
393
- font-size: 32px;
394
- }
395
-
396
- h1 {
397
- font-size: 28px;
398
- }
399
-
400
- h2 {
401
- font-size: 24px;
402
- }
403
-
404
- h3 {
405
- font-size: 21px;
406
- }
407
-
408
- h4 {
409
- font-size: 18px;
410
- }
411
-
412
- h5 {
413
- font-size: 14px;
414
- }
415
-
416
- h6 {
417
- font-size: 12px;
418
- }
419
-
420
- code, pre {
421
- font-size: 11px;
422
- }
423
-
424
- }
425
-
426
- @media screen and (max-width: 320px) {
427
- body {
428
- font-size:14px;
429
- }
430
-
431
- #downloads {
432
- display: none;
433
- }
434
-
435
- .inner {
436
- min-width: 240px;
437
- max-width: 320px;
438
- }
439
-
440
- #project_title {
441
- font-size: 28px;
442
- }
443
-
444
- h1 {
445
- font-size: 24px;
446
- }
447
-
448
- h2 {
449
- font-size: 21px;
450
- }
451
-
452
- h3 {
453
- font-size: 18px;
454
- }
455
-
456
- h4 {
457
- font-size: 16px;
458
- }
459
-
460
- h5 {
461
- font-size: 14px;
462
- }
463
-
464
- h6 {
465
- font-size: 12px;
466
- }
467
-
468
- code, pre {
469
- min-width: 240px;
470
- max-width: 320px;
471
- font-size: 11px;
472
- }
473
-
474
- }
@@ -1,209 +0,0 @@
1
- .highlight table td { padding: 5px; }
2
- .highlight table pre { margin: 0; }
3
- .highlight .cm {
4
- color: #777772;
5
- font-style: italic;
6
- }
7
- .highlight .cp {
8
- color: #797676;
9
- font-weight: bold;
10
- }
11
- .highlight .c1 {
12
- color: #777772;
13
- font-style: italic;
14
- }
15
- .highlight .cs {
16
- color: #797676;
17
- font-weight: bold;
18
- font-style: italic;
19
- }
20
- .highlight .c, .highlight .cd {
21
- color: #777772;
22
- font-style: italic;
23
- }
24
- .highlight .err {
25
- color: #a61717;
26
- background-color: #e3d2d2;
27
- }
28
- .highlight .gd {
29
- color: #000000;
30
- background-color: #ffdddd;
31
- }
32
- .highlight .ge {
33
- color: #000000;
34
- font-style: italic;
35
- }
36
- .highlight .gr {
37
- color: #aa0000;
38
- }
39
- .highlight .gh {
40
- color: #797676;
41
- }
42
- .highlight .gi {
43
- color: #000000;
44
- background-color: #ddffdd;
45
- }
46
- .highlight .go {
47
- color: #888888;
48
- }
49
- .highlight .gp {
50
- color: #555555;
51
- }
52
- .highlight .gs {
53
- font-weight: bold;
54
- }
55
- .highlight .gu {
56
- color: #aaaaaa;
57
- }
58
- .highlight .gt {
59
- color: #aa0000;
60
- }
61
- .highlight .kc {
62
- color: #000000;
63
- font-weight: bold;
64
- }
65
- .highlight .kd {
66
- color: #000000;
67
- font-weight: bold;
68
- }
69
- .highlight .kn {
70
- color: #000000;
71
- font-weight: bold;
72
- }
73
- .highlight .kp {
74
- color: #000000;
75
- font-weight: bold;
76
- }
77
- .highlight .kr {
78
- color: #000000;
79
- font-weight: bold;
80
- }
81
- .highlight .kt {
82
- color: #445588;
83
- font-weight: bold;
84
- }
85
- .highlight .k, .highlight .kv {
86
- color: #000000;
87
- font-weight: bold;
88
- }
89
- .highlight .mf {
90
- color: #009999;
91
- }
92
- .highlight .mh {
93
- color: #009999;
94
- }
95
- .highlight .il {
96
- color: #009999;
97
- }
98
- .highlight .mi {
99
- color: #009999;
100
- }
101
- .highlight .mo {
102
- color: #009999;
103
- }
104
- .highlight .m, .highlight .mb, .highlight .mx {
105
- color: #009999;
106
- }
107
- .highlight .sb {
108
- color: #d14;
109
- }
110
- .highlight .sc {
111
- color: #d14;
112
- }
113
- .highlight .sd {
114
- color: #d14;
115
- }
116
- .highlight .s2 {
117
- color: #d14;
118
- }
119
- .highlight .se {
120
- color: #d14;
121
- }
122
- .highlight .sh {
123
- color: #d14;
124
- }
125
- .highlight .si {
126
- color: #d14;
127
- }
128
- .highlight .sx {
129
- color: #d14;
130
- }
131
- .highlight .sr {
132
- color: #009926;
133
- }
134
- .highlight .s1 {
135
- color: #d14;
136
- }
137
- .highlight .ss {
138
- color: #990073;
139
- }
140
- .highlight .s {
141
- color: #d14;
142
- }
143
- .highlight .na {
144
- color: #008080;
145
- }
146
- .highlight .bp {
147
- color: #797676;
148
- }
149
- .highlight .nb {
150
- color: #0086B3;
151
- }
152
- .highlight .nc {
153
- color: #445588;
154
- font-weight: bold;
155
- }
156
- .highlight .no {
157
- color: #008080;
158
- }
159
- .highlight .nd {
160
- color: #3c5d5d;
161
- font-weight: bold;
162
- }
163
- .highlight .ni {
164
- color: #800080;
165
- }
166
- .highlight .ne {
167
- color: #990000;
168
- font-weight: bold;
169
- }
170
- .highlight .nf {
171
- color: #990000;
172
- font-weight: bold;
173
- }
174
- .highlight .nl {
175
- color: #990000;
176
- font-weight: bold;
177
- }
178
- .highlight .nn {
179
- color: #555555;
180
- }
181
- .highlight .nt {
182
- color: #000080;
183
- }
184
- .highlight .vc {
185
- color: #008080;
186
- }
187
- .highlight .vg {
188
- color: #008080;
189
- }
190
- .highlight .vi {
191
- color: #008080;
192
- }
193
- .highlight .nv {
194
- color: #008080;
195
- }
196
- .highlight .ow {
197
- color: #000000;
198
- font-weight: bold;
199
- }
200
- .highlight .o {
201
- color: #000000;
202
- font-weight: bold;
203
- }
204
- .highlight .w {
205
- color: #bbbbbb;
206
- }
207
- .highlight {
208
- background-color: #f8f8f8;
209
- }