jekyll-theme-adobe-hyde 0.2.1

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.
Files changed (52) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +201 -0
  3. data/README.md +59 -0
  4. data/_includes/associated_classes.html +4 -0
  5. data/_includes/associated_enumerations.html +4 -0
  6. data/_includes/associated_fields.html +24 -0
  7. data/_includes/associated_functions.html +4 -0
  8. data/_includes/associated_libraries.html +6 -0
  9. data/_includes/associated_methods.html +4 -0
  10. data/_includes/associated_typedefs.html +24 -0
  11. data/_includes/breadcrumb.html +32 -0
  12. data/_includes/defined_in_header.html +3 -0
  13. data/_includes/example_table.html +33 -0
  14. data/_includes/external_examples.html +32 -0
  15. data/_includes/figure.md +26 -0
  16. data/_includes/footer.html +20 -0
  17. data/_includes/head.html +22 -0
  18. data/_includes/header.html +26 -0
  19. data/_includes/icon-github.html +1 -0
  20. data/_includes/icon-github.svg +1 -0
  21. data/_includes/icon-twitter.html +1 -0
  22. data/_includes/icon-twitter.svg +1 -0
  23. data/_includes/overloads.html +49 -0
  24. data/_includes/theme.html +81 -0
  25. data/_includes/top-bar.html +11 -0
  26. data/_layouts/class.html +49 -0
  27. data/_layouts/default.html +27 -0
  28. data/_layouts/directory.html +5 -0
  29. data/_layouts/eng_index.html +13 -0
  30. data/_layouts/enumeration.html +35 -0
  31. data/_layouts/function.html +56 -0
  32. data/_layouts/library.html +26 -0
  33. data/_layouts/method.html +5 -0
  34. data/_layouts/page.html +31 -0
  35. data/_layouts/post.html +32 -0
  36. data/_sass/_base.scss +201 -0
  37. data/_sass/_layout.scss +762 -0
  38. data/_sass/_main.scss +38 -0
  39. data/_sass/_syntax-highlighting-base.scss +34 -0
  40. data/_sass/_syntax-highlighting-dark.scss +71 -0
  41. data/_sass/_syntax-highlighting-light.scss +71 -0
  42. data/_sass/_syntax-highlighting.scss +75 -0
  43. data/_sass/jekyll-theme-adobe-hyde.scss +474 -0
  44. data/_sass/rouge-github.scss +209 -0
  45. data/assets/css/main-dark.scss +60 -0
  46. data/assets/css/main-light.scss +65 -0
  47. data/assets/images/bg_hr.png +0 -0
  48. data/assets/images/blacktocat.png +0 -0
  49. data/assets/images/icon_download.png +0 -0
  50. data/assets/images/sprite_download.png +0 -0
  51. data/assets/scripts/indices.js +259 -0
  52. metadata +149 -0
@@ -0,0 +1,38 @@
1
+ @charset "utf-8";
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
+ // Use media queries like this:
22
+ // @include media-query($on-palm) {
23
+ // .wrapper {
24
+ // padding-right: $spacing-unit / 2;
25
+ // padding-left: $spacing-unit / 2;
26
+ // }
27
+ // }
28
+ @mixin media-query($device) {
29
+ @media screen and (max-width: $device) {
30
+ @content;
31
+ }
32
+ }
33
+
34
+ // Import partials from `sass_dir` (defaults to `_sass`)
35
+ @import
36
+ "base",
37
+ "layout"
38
+ ;
@@ -0,0 +1,34 @@
1
+ /**
2
+ * Syntax highlighting styles
3
+ */
4
+
5
+ /* `highlighted` text */
6
+ code.highlighter-rouge {
7
+ padding: 0.1em 0.3em;
8
+ font-size: 0.8em;
9
+ color: $inline-code-text-color;
10
+ background-color: $inline-code-background-color;
11
+ border: 1px solid $inline-code-accent-color;
12
+ }
13
+ /* `highlighted` text in headers or links */
14
+ h1,h2,h3,h4,h5,h6,a {
15
+ code.highlighter-rouge {
16
+ padding: 0.1em;
17
+ font-size: 0.9em;
18
+ color: inherit;
19
+ background-color:inherit;
20
+ border: none;
21
+ }
22
+ }
23
+
24
+ pre.highlight {
25
+ .highlighter-rouge & {
26
+ border-left: 4px solid $embedded-code-accent-color;
27
+ margin: 1em 0;
28
+ overflow: auto;
29
+ padding: 1em;
30
+ background-color: $embedded-code-background-color;
31
+ color: $embedded-code-text-color;
32
+ border-radius: 3px;
33
+ }
34
+ }
@@ -0,0 +1,71 @@
1
+ /**
2
+ * Syntax highlighting styles
3
+ */
4
+
5
+ @import
6
+ "syntax-highlighting-base"
7
+ ;
8
+
9
+ pre.highlight {
10
+ .c { color: #009926; font-style: italic } // Comment
11
+ // Variadic templates are currently supported for highlighting. Toning down the error a bit.
12
+ .err { color: #a61717 } // Error
13
+ // .err { color: #a61717; background-color: #e3d2d2 } // Error
14
+ .k { color: #3690f8 } // Keyword
15
+ .o { font-weight: bold } // Operator
16
+ .cm { color: #009926; font-style: italic } // Comment.Multiline
17
+ .cp { color: #c33f40; font-weight: bold } // Comment.Preproc
18
+ .c1 { color: #009926; font-style: italic } // Comment.Single
19
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
20
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
21
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
22
+ .ge { font-style: italic } // Generic.Emph
23
+ .gr { color: #a00 } // Generic.Error
24
+ .gh { color: #999 } // Generic.Heading
25
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
26
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
27
+ .go { color: #888 } // Generic.Output
28
+ .gp { color: #555 } // Generic.Prompt
29
+ .gs { font-weight: bold } // Generic.Strong
30
+ .gu { color: #aaa } // Generic.Subheading
31
+ .gt { color: #a00 } // Generic.Traceback
32
+ .kc { font-weight: bold } // Keyword.Constant
33
+ .kd { font-weight: bold } // Keyword.Declaration
34
+ .kp { font-weight: bold } // Keyword.Pseudo
35
+ .kr { font-weight: bold } // Keyword.Reserved
36
+ .kt { color: #458; font-weight: bold } // Keyword.Type
37
+ .m { color: #099 } // Literal.Number
38
+ .s { color: #d14 } // Literal.String
39
+ .na { color: #008080 } // Name.Attribute
40
+ .nb { color: #0086B3 } // Name.Builtin
41
+ .nc { color: #458; font-weight: bold } // Name.Class
42
+ .no { color: #008080 } // Name.Constant
43
+ .ni { color: #800080 } // Name.Entity
44
+ .ne { color: #900; font-weight: bold } // Name.Exception
45
+ .nf { color: #900; font-weight: bold } // Name.Function
46
+ .nn { color: #555 } // Name.Namespace
47
+ .nt { color: #3690f8 } // Name.Tag
48
+ .nv { color: #008080 } // Name.Variable
49
+ .ow { font-weight: bold } // Operator.Word
50
+ .w { color: #bbb } // Text.Whitespace
51
+ .mf { color: #099 } // Literal.Number.Float
52
+ .mh { color: #099 } // Literal.Number.Hex
53
+ .mi { color: #099 } // Literal.Number.Integer
54
+ .mo { color: #099 } // Literal.Number.Oct
55
+ .sb { color: #d14 } // Literal.String.Backtick
56
+ .sc { color: #d14 } // Literal.String.Char
57
+ .sd { color: #d14 } // Literal.String.Doc
58
+ .s2 { color: #d14 } // Literal.String.Double
59
+ .se { color: #d14 } // Literal.String.Escape
60
+ .sh { color: #d14 } // Literal.String.Heredoc
61
+ .si { color: #d14 } // Literal.String.Interpol
62
+ .sx { color: #d14 } // Literal.String.Other
63
+ .sr { color: #009926 } // Literal.String.Regex
64
+ .s1 { color: #d14 } // Literal.String.Single
65
+ .ss { color: #990073 } // Literal.String.Symbol
66
+ .bp { color: #999 } // Name.Builtin.Pseudo
67
+ .vc { color: #008080 } // Name.Variable.Class
68
+ .vg { color: #008080 } // Name.Variable.Global
69
+ .vi { color: #008080 } // Name.Variable.Instance
70
+ .il { color: #099 } // Literal.Number.Integer.Long
71
+ }
@@ -0,0 +1,71 @@
1
+ /**
2
+ * Syntax highlighting styles
3
+ */
4
+
5
+ @import
6
+ "syntax-highlighting-base"
7
+ ;
8
+
9
+ pre.highlight {
10
+ .c { color: #009926; font-style: italic } // Comment
11
+ // Variadic templates are currently supported for highlighting. Toning down the error a bit.
12
+ .err { color: #a61717 } // Error
13
+ // .err { color: #a61717; background-color: #e3d2d2 } // Error
14
+ .k { color: #0000dd } // Keyword
15
+ .o { font-weight: bold } // Operator
16
+ .cm { color: #009926; font-style: italic } // Comment.Multiline
17
+ .cp { color: #c33f40; font-weight: bold } // Comment.Preproc
18
+ .c1 { color: #009926; font-style: italic } // Comment.Single
19
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
20
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
21
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
22
+ .ge { font-style: italic } // Generic.Emph
23
+ .gr { color: #a00 } // Generic.Error
24
+ .gh { color: #999 } // Generic.Heading
25
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
26
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
27
+ .go { color: #888 } // Generic.Output
28
+ .gp { color: #555 } // Generic.Prompt
29
+ .gs { font-weight: bold } // Generic.Strong
30
+ .gu { color: #aaa } // Generic.Subheading
31
+ .gt { color: #a00 } // Generic.Traceback
32
+ .kc { font-weight: bold } // Keyword.Constant
33
+ .kd { font-weight: bold } // Keyword.Declaration
34
+ .kp { font-weight: bold } // Keyword.Pseudo
35
+ .kr { font-weight: bold } // Keyword.Reserved
36
+ .kt { color: #458; font-weight: bold } // Keyword.Type
37
+ .m { color: #099 } // Literal.Number
38
+ .s { color: #d14 } // Literal.String
39
+ .na { color: #008080 } // Name.Attribute
40
+ .nb { color: #0086B3 } // Name.Builtin
41
+ .nc { color: #458; font-weight: bold } // Name.Class
42
+ .no { color: #008080 } // Name.Constant
43
+ .ni { color: #800080 } // Name.Entity
44
+ .ne { color: #900; font-weight: bold } // Name.Exception
45
+ .nf { color: #900; font-weight: bold } // Name.Function
46
+ .nn { color: #555 } // Name.Namespace
47
+ .nt { color: #000080 } // Name.Tag
48
+ .nv { color: #008080 } // Name.Variable
49
+ .ow { font-weight: bold } // Operator.Word
50
+ .w { color: #bbb } // Text.Whitespace
51
+ .mf { color: #099 } // Literal.Number.Float
52
+ .mh { color: #099 } // Literal.Number.Hex
53
+ .mi { color: #099 } // Literal.Number.Integer
54
+ .mo { color: #099 } // Literal.Number.Oct
55
+ .sb { color: #d14 } // Literal.String.Backtick
56
+ .sc { color: #d14 } // Literal.String.Char
57
+ .sd { color: #d14 } // Literal.String.Doc
58
+ .s2 { color: #d14 } // Literal.String.Double
59
+ .se { color: #d14 } // Literal.String.Escape
60
+ .sh { color: #d14 } // Literal.String.Heredoc
61
+ .si { color: #d14 } // Literal.String.Interpol
62
+ .sx { color: #d14 } // Literal.String.Other
63
+ .sr { color: #009926 } // Literal.String.Regex
64
+ .s1 { color: #d14 } // Literal.String.Single
65
+ .ss { color: #990073 } // Literal.String.Symbol
66
+ .bp { color: #999 } // Name.Builtin.Pseudo
67
+ .vc { color: #008080 } // Name.Variable.Class
68
+ .vg { color: #008080 } // Name.Variable.Global
69
+ .vi { color: #008080 } // Name.Variable.Instance
70
+ .il { color: #099 } // Literal.Number.Integer.Long
71
+ }
@@ -0,0 +1,75 @@
1
+ /**
2
+ * Syntax highlighting styles
3
+ */
4
+ pre.highlight {
5
+ .highlighter-rouge & {
6
+ border-radius: 5px;
7
+ border: 1px solid silver;
8
+ margin: 1em 0;
9
+ overflow: auto;
10
+ padding: 1em;
11
+ width: 100%;
12
+ }
13
+
14
+ .c { color: #998; font-style: italic } // Comment
15
+ // Variadic templates are currently supported for highlighting. Toning down the error a bit.
16
+ .err { color: #a61717 } // Error
17
+ // .err { color: #a61717; background-color: #e3d2d2 } // Error
18
+ .k { color: #0000dd } // Keyword
19
+ .o { font-weight: bold } // Operator
20
+ .cm { color: #998; font-style: italic } // Comment.Multiline
21
+ .cp { color: #999; font-weight: bold } // Comment.Preproc
22
+ .c1 { color: #998; font-style: italic } // Comment.Single
23
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
24
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
25
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
26
+ .ge { font-style: italic } // Generic.Emph
27
+ .gr { color: #a00 } // Generic.Error
28
+ .gh { color: #999 } // Generic.Heading
29
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
30
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
31
+ .go { color: #888 } // Generic.Output
32
+ .gp { color: #555 } // Generic.Prompt
33
+ .gs { font-weight: bold } // Generic.Strong
34
+ .gu { color: #aaa } // Generic.Subheading
35
+ .gt { color: #a00 } // Generic.Traceback
36
+ .kc { font-weight: bold } // Keyword.Constant
37
+ .kd { font-weight: bold } // Keyword.Declaration
38
+ .kp { font-weight: bold } // Keyword.Pseudo
39
+ .kr { font-weight: bold } // Keyword.Reserved
40
+ .kt { color: #458; font-weight: bold } // Keyword.Type
41
+ .m { color: #099 } // Literal.Number
42
+ .s { color: #d14 } // Literal.String
43
+ .na { color: #008080 } // Name.Attribute
44
+ .nb { color: #0086B3 } // Name.Builtin
45
+ .nc { color: #458; font-weight: bold } // Name.Class
46
+ .no { color: #008080 } // Name.Constant
47
+ .ni { color: #800080 } // Name.Entity
48
+ .ne { color: #900; font-weight: bold } // Name.Exception
49
+ .nf { color: #900; font-weight: bold } // Name.Function
50
+ .nn { color: #555 } // Name.Namespace
51
+ .nt { color: #000080 } // Name.Tag
52
+ .nv { color: #008080 } // Name.Variable
53
+ .ow { font-weight: bold } // Operator.Word
54
+ .w { color: #bbb } // Text.Whitespace
55
+ .mf { color: #099 } // Literal.Number.Float
56
+ .mh { color: #099 } // Literal.Number.Hex
57
+ .mi { color: #099 } // Literal.Number.Integer
58
+ .mo { color: #099 } // Literal.Number.Oct
59
+ .sb { color: #d14 } // Literal.String.Backtick
60
+ .sc { color: #d14 } // Literal.String.Char
61
+ .sd { color: #d14 } // Literal.String.Doc
62
+ .s2 { color: #d14 } // Literal.String.Double
63
+ .se { color: #d14 } // Literal.String.Escape
64
+ .sh { color: #d14 } // Literal.String.Heredoc
65
+ .si { color: #d14 } // Literal.String.Interpol
66
+ .sx { color: #d14 } // Literal.String.Other
67
+ .sr { color: #009926 } // Literal.String.Regex
68
+ .s1 { color: #d14 } // Literal.String.Single
69
+ .ss { color: #990073 } // Literal.String.Symbol
70
+ .bp { color: #999 } // Name.Builtin.Pseudo
71
+ .vc { color: #008080 } // Name.Variable.Class
72
+ .vg { color: #008080 } // Name.Variable.Global
73
+ .vi { color: #008080 } // Name.Variable.Instance
74
+ .il { color: #099 } // Literal.Number.Integer.Long
75
+ }
@@ -0,0 +1,474 @@
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
+ }