| File index.html added (mode: 100644) (index 0000000..f1fef7c) |
|
1 |
|
<!DOCTYPE html> |
|
2 |
|
<html> |
|
3 |
|
<head> |
|
4 |
|
<meta charset='utf-8'> |
|
5 |
|
<meta http-equiv="X-UA-Compatible" content="chrome=1"> |
|
6 |
|
<link href='https://fonts.googleapis.com/css?family=Chivo:900' rel='stylesheet' type='text/css'> |
|
7 |
|
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen"> |
|
8 |
|
<link rel="stylesheet" type="text/css" href="stylesheets/github-dark.css" media="screen"> |
|
9 |
|
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print"> |
|
10 |
|
<!--[if lt IE 9]> |
|
11 |
|
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> |
|
12 |
|
<![endif]--> |
|
13 |
|
<title>Practical Music Search by ambientsound</title> |
|
14 |
|
</head> |
|
15 |
|
|
|
16 |
|
<body> |
|
17 |
|
<div id="container"> |
|
18 |
|
<div class="inner"> |
|
19 |
|
|
|
20 |
|
<header> |
|
21 |
|
<h1>Practical Music Search</h1> |
|
22 |
|
<h2>Vim-like frontend to Music Player Daemon</h2> |
|
23 |
|
</header> |
|
24 |
|
|
|
25 |
|
<section id="downloads" class="clearfix"> |
|
26 |
|
<a href="https://github.com/ambientsound/pms/zipball/master" id="download-zip" class="button"><span>Download .zip</span></a> |
|
27 |
|
<a href="https://github.com/ambientsound/pms/tarball/master" id="download-tar-gz" class="button"><span>Download .tar.gz</span></a> |
|
28 |
|
<a href="https://github.com/ambientsound/pms" id="view-on-github" class="button"><span>View on GitHub</span></a> |
|
29 |
|
</section> |
|
30 |
|
|
|
31 |
|
<hr> |
|
32 |
|
|
|
33 |
|
<section id="main_content"> |
|
34 |
|
<h3> |
|
35 |
|
<a id="welcome-to-github-pages" class="anchor" href="#welcome-to-github-pages" aria-hidden="true"><span class="octicon octicon-link"></span></a>Welcome to GitHub Pages.</h3> |
|
36 |
|
|
|
37 |
|
<p>This automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here <a href="https://guides.github.com/features/mastering-markdown/">using GitHub Flavored Markdown</a>, select a template crafted by a designer, and publish. After your page is generated, you can check out the new <code>gh-pages</code> branch locally. If you’re using GitHub Desktop, simply sync your repository and you’ll see the new branch.</p> |
|
38 |
|
|
|
39 |
|
<h3> |
|
40 |
|
<a id="designer-templates" class="anchor" href="#designer-templates" aria-hidden="true"><span class="octicon octicon-link"></span></a>Designer Templates</h3> |
|
41 |
|
|
|
42 |
|
<p>We’ve crafted some handsome templates for you to use. Go ahead and click 'Continue to layouts' to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved.</p> |
|
43 |
|
|
|
44 |
|
<h3> |
|
45 |
|
<a id="creating-pages-manually" class="anchor" href="#creating-pages-manually" aria-hidden="true"><span class="octicon octicon-link"></span></a>Creating pages manually</h3> |
|
46 |
|
|
|
47 |
|
<p>If you prefer to not use the automatic generator, push a branch named <code>gh-pages</code> to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.</p> |
|
48 |
|
|
|
49 |
|
<h3> |
|
50 |
|
<a id="authors-and-contributors" class="anchor" href="#authors-and-contributors" aria-hidden="true"><span class="octicon octicon-link"></span></a>Authors and Contributors</h3> |
|
51 |
|
|
|
52 |
|
<p>You can <a href="https://github.com/blog/821" class="user-mention">@mention</a> a GitHub username to generate a link to their profile. The resulting <code><a></code> element will link to the contributor’s GitHub Profile. For example: In 2007, Chris Wanstrath (<a href="https://github.com/defunkt" class="user-mention">@defunkt</a>), PJ Hyett (<a href="https://github.com/pjhyett" class="user-mention">@pjhyett</a>), and Tom Preston-Werner (<a href="https://github.com/mojombo" class="user-mention">@mojombo</a>) founded GitHub.</p> |
|
53 |
|
|
|
54 |
|
<h3> |
|
55 |
|
<a id="support-or-contact" class="anchor" href="#support-or-contact" aria-hidden="true"><span class="octicon octicon-link"></span></a>Support or Contact</h3> |
|
56 |
|
|
|
57 |
|
<p>Having trouble with Pages? Check out our <a href="https://help.github.com/pages">documentation</a> or <a href="https://github.com/contact">contact support</a> and we’ll help you sort it out.</p> |
|
58 |
|
</section> |
|
59 |
|
|
|
60 |
|
<footer> |
|
61 |
|
Practical Music Search is maintained by <a href="https://github.com/ambientsound">ambientsound</a><br> |
|
62 |
|
This page was generated by <a href="https://pages.github.com">GitHub Pages</a>. Tactile theme by <a href="https://twitter.com/jasonlong">Jason Long</a>. |
|
63 |
|
</footer> |
|
64 |
|
|
|
65 |
|
|
|
66 |
|
</div> |
|
67 |
|
</div> |
|
68 |
|
</body> |
|
69 |
|
</html> |
| File stylesheets/github-dark.css added (mode: 100644) (index 0000000..0c393bf) |
|
1 |
|
/* |
|
2 |
|
Copyright 2014 GitHub Inc. |
|
3 |
|
|
|
4 |
|
Licensed under the Apache License, Version 2.0 (the "License"); |
|
5 |
|
you may not use this file except in compliance with the License. |
|
6 |
|
You may obtain a copy of the License at |
|
7 |
|
|
|
8 |
|
http://www.apache.org/licenses/LICENSE-2.0 |
|
9 |
|
|
|
10 |
|
Unless required by applicable law or agreed to in writing, software |
|
11 |
|
distributed under the License is distributed on an "AS IS" BASIS, |
|
12 |
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|
13 |
|
See the License for the specific language governing permissions and |
|
14 |
|
limitations under the License. |
|
15 |
|
|
|
16 |
|
*/ |
|
17 |
|
|
|
18 |
|
.pl-c /* comment */ { |
|
19 |
|
color: #969896; |
|
20 |
|
} |
|
21 |
|
|
|
22 |
|
.pl-c1 /* constant, markup.raw, meta.diff.header, meta.module-reference, meta.property-name, support, support.constant, support.variable, variable.other.constant */, |
|
23 |
|
.pl-s .pl-v /* string variable */ { |
|
24 |
|
color: #0099cd; |
|
25 |
|
} |
|
26 |
|
|
|
27 |
|
.pl-e /* entity */, |
|
28 |
|
.pl-en /* entity.name */ { |
|
29 |
|
color: #9774cb; |
|
30 |
|
} |
|
31 |
|
|
|
32 |
|
.pl-s .pl-s1 /* string source */, |
|
33 |
|
.pl-smi /* storage.modifier.import, storage.modifier.package, storage.type.java, variable.other, variable.parameter.function */ { |
|
34 |
|
color: #ddd; |
|
35 |
|
} |
|
36 |
|
|
|
37 |
|
.pl-ent /* entity.name.tag */ { |
|
38 |
|
color: #7bcc72; |
|
39 |
|
} |
|
40 |
|
|
|
41 |
|
.pl-k /* keyword, storage, storage.type */ { |
|
42 |
|
color: #cc2372; |
|
43 |
|
} |
|
44 |
|
|
|
45 |
|
.pl-pds /* punctuation.definition.string, string.regexp.character-class */, |
|
46 |
|
.pl-s /* string */, |
|
47 |
|
.pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */, |
|
48 |
|
.pl-sr /* string.regexp */, |
|
49 |
|
.pl-sr .pl-cce /* string.regexp constant.character.escape */, |
|
50 |
|
.pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */, |
|
51 |
|
.pl-sr .pl-sre /* string.regexp source.ruby.embedded */ { |
|
52 |
|
color: #3c66e2; |
|
53 |
|
} |
|
54 |
|
|
|
55 |
|
.pl-v /* variable */ { |
|
56 |
|
color: #fb8764; |
|
57 |
|
} |
|
58 |
|
|
|
59 |
|
.pl-id /* invalid.deprecated */ { |
|
60 |
|
color: #e63525; |
|
61 |
|
} |
|
62 |
|
|
|
63 |
|
.pl-ii /* invalid.illegal */ { |
|
64 |
|
background-color: #e63525; |
|
65 |
|
color: #f8f8f8; |
|
66 |
|
} |
|
67 |
|
|
|
68 |
|
.pl-sr .pl-cce /* string.regexp constant.character.escape */ { |
|
69 |
|
color: #7bcc72; |
|
70 |
|
font-weight: bold; |
|
71 |
|
} |
|
72 |
|
|
|
73 |
|
.pl-ml /* markup.list */ { |
|
74 |
|
color: #c26b2b; |
|
75 |
|
} |
|
76 |
|
|
|
77 |
|
.pl-mh /* markup.heading */, |
|
78 |
|
.pl-mh .pl-en /* markup.heading entity.name */, |
|
79 |
|
.pl-ms /* meta.separator */ { |
|
80 |
|
color: #264ec5; |
|
81 |
|
font-weight: bold; |
|
82 |
|
} |
|
83 |
|
|
|
84 |
|
.pl-mq /* markup.quote */ { |
|
85 |
|
color: #00acac; |
|
86 |
|
} |
|
87 |
|
|
|
88 |
|
.pl-mi /* markup.italic */ { |
|
89 |
|
color: #ddd; |
|
90 |
|
font-style: italic; |
|
91 |
|
} |
|
92 |
|
|
|
93 |
|
.pl-mb /* markup.bold */ { |
|
94 |
|
color: #ddd; |
|
95 |
|
font-weight: bold; |
|
96 |
|
} |
|
97 |
|
|
|
98 |
|
.pl-md /* markup.deleted, meta.diff.header.from-file */ { |
|
99 |
|
background-color: #ffecec; |
|
100 |
|
color: #bd2c00; |
|
101 |
|
} |
|
102 |
|
|
|
103 |
|
.pl-mi1 /* markup.inserted, meta.diff.header.to-file */ { |
|
104 |
|
background-color: #eaffea; |
|
105 |
|
color: #55a532; |
|
106 |
|
} |
|
107 |
|
|
|
108 |
|
.pl-mdr /* meta.diff.range */ { |
|
109 |
|
color: #9774cb; |
|
110 |
|
font-weight: bold; |
|
111 |
|
} |
|
112 |
|
|
|
113 |
|
.pl-mo /* meta.output */ { |
|
114 |
|
color: #264ec5; |
|
115 |
|
} |
|
116 |
|
|
| File stylesheets/print.css added (mode: 100644) (index 0000000..4b19b67) |
|
1 |
|
html, body, div, span, applet, object, iframe, |
|
2 |
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
3 |
|
a, abbr, acronym, address, big, cite, code, |
|
4 |
|
del, dfn, em, img, ins, kbd, q, s, samp, |
|
5 |
|
small, strike, strong, sub, sup, tt, var, |
|
6 |
|
b, u, i, center, |
|
7 |
|
dl, dt, dd, ol, ul, li, |
|
8 |
|
fieldset, form, label, legend, |
|
9 |
|
table, caption, tbody, tfoot, thead, tr, th, td, |
|
10 |
|
article, aside, canvas, details, embed, |
|
11 |
|
figure, figcaption, footer, header, hgroup, |
|
12 |
|
menu, nav, output, ruby, section, summary, |
|
13 |
|
time, mark, audio, video { |
|
14 |
|
padding: 0; |
|
15 |
|
margin: 0; |
|
16 |
|
font: inherit; |
|
17 |
|
font-size: 100%; |
|
18 |
|
vertical-align: baseline; |
|
19 |
|
border: 0; |
|
20 |
|
} |
|
21 |
|
/* HTML5 display-role reset for older browsers */ |
|
22 |
|
article, aside, details, figcaption, figure, |
|
23 |
|
footer, header, hgroup, menu, nav, section { |
|
24 |
|
display: block; |
|
25 |
|
} |
|
26 |
|
body { |
|
27 |
|
line-height: 1; |
|
28 |
|
} |
|
29 |
|
ol, ul { |
|
30 |
|
list-style: none; |
|
31 |
|
} |
|
32 |
|
blockquote, q { |
|
33 |
|
quotes: none; |
|
34 |
|
} |
|
35 |
|
blockquote:before, blockquote:after, |
|
36 |
|
q:before, q:after { |
|
37 |
|
content: ''; |
|
38 |
|
content: none; |
|
39 |
|
} |
|
40 |
|
table { |
|
41 |
|
border-spacing: 0; |
|
42 |
|
border-collapse: collapse; |
|
43 |
|
} |
|
44 |
|
body { |
|
45 |
|
font-family: 'Helvetica Neue', Helvetica, Arial, serif; |
|
46 |
|
font-size: 13px; |
|
47 |
|
line-height: 1.5; |
|
48 |
|
color: #000; |
|
49 |
|
} |
|
50 |
|
|
|
51 |
|
a { |
|
52 |
|
font-weight: bold; |
|
53 |
|
color: #d5000d; |
|
54 |
|
} |
|
55 |
|
|
|
56 |
|
header { |
|
57 |
|
padding-top: 35px; |
|
58 |
|
padding-bottom: 10px; |
|
59 |
|
} |
|
60 |
|
|
|
61 |
|
header h1 { |
|
62 |
|
font-size: 48px; |
|
63 |
|
font-weight: bold; |
|
64 |
|
line-height: 1.2; |
|
65 |
|
color: #303030; |
|
66 |
|
letter-spacing: -1px; |
|
67 |
|
} |
|
68 |
|
|
|
69 |
|
header h2 { |
|
70 |
|
font-size: 24px; |
|
71 |
|
font-weight: normal; |
|
72 |
|
line-height: 1.3; |
|
73 |
|
color: #aaa; |
|
74 |
|
letter-spacing: -1px; |
|
75 |
|
} |
|
76 |
|
#downloads { |
|
77 |
|
display: none; |
|
78 |
|
} |
|
79 |
|
#main_content { |
|
80 |
|
padding-top: 20px; |
|
81 |
|
} |
|
82 |
|
|
|
83 |
|
code, pre { |
|
84 |
|
margin-bottom: 30px; |
|
85 |
|
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; |
|
86 |
|
font-size: 12px; |
|
87 |
|
color: #222; |
|
88 |
|
} |
|
89 |
|
|
|
90 |
|
code { |
|
91 |
|
padding: 0 3px; |
|
92 |
|
} |
|
93 |
|
|
|
94 |
|
pre { |
|
95 |
|
padding: 20px; |
|
96 |
|
overflow: auto; |
|
97 |
|
border: solid 1px #ddd; |
|
98 |
|
} |
|
99 |
|
pre code { |
|
100 |
|
padding: 0; |
|
101 |
|
} |
|
102 |
|
|
|
103 |
|
ul, ol, dl { |
|
104 |
|
margin-bottom: 20px; |
|
105 |
|
} |
|
106 |
|
|
|
107 |
|
|
|
108 |
|
/* COMMON STYLES */ |
|
109 |
|
|
|
110 |
|
table { |
|
111 |
|
width: 100%; |
|
112 |
|
border: 1px solid #ebebeb; |
|
113 |
|
} |
|
114 |
|
|
|
115 |
|
th { |
|
116 |
|
font-weight: 500; |
|
117 |
|
} |
|
118 |
|
|
|
119 |
|
td { |
|
120 |
|
font-weight: 300; |
|
121 |
|
text-align: center; |
|
122 |
|
border: 1px solid #ebebeb; |
|
123 |
|
} |
|
124 |
|
|
|
125 |
|
form { |
|
126 |
|
padding: 20px; |
|
127 |
|
background: #f2f2f2; |
|
128 |
|
|
|
129 |
|
} |
|
130 |
|
|
|
131 |
|
|
|
132 |
|
/* GENERAL ELEMENT TYPE STYLES */ |
|
133 |
|
|
|
134 |
|
h1 { |
|
135 |
|
font-size: 2.8em; |
|
136 |
|
} |
|
137 |
|
|
|
138 |
|
h2 { |
|
139 |
|
margin-bottom: 8px; |
|
140 |
|
font-size: 22px; |
|
141 |
|
font-weight: bold; |
|
142 |
|
color: #303030; |
|
143 |
|
} |
|
144 |
|
|
|
145 |
|
h3 { |
|
146 |
|
margin-bottom: 8px; |
|
147 |
|
font-size: 18px; |
|
148 |
|
font-weight: bold; |
|
149 |
|
color: #d5000d; |
|
150 |
|
} |
|
151 |
|
|
|
152 |
|
h4 { |
|
153 |
|
font-size: 16px; |
|
154 |
|
font-weight: bold; |
|
155 |
|
color: #303030; |
|
156 |
|
} |
|
157 |
|
|
|
158 |
|
h5 { |
|
159 |
|
font-size: 1em; |
|
160 |
|
color: #303030; |
|
161 |
|
} |
|
162 |
|
|
|
163 |
|
h6 { |
|
164 |
|
font-size: .8em; |
|
165 |
|
color: #303030; |
|
166 |
|
} |
|
167 |
|
|
|
168 |
|
p { |
|
169 |
|
margin-bottom: 20px; |
|
170 |
|
font-weight: 300; |
|
171 |
|
} |
|
172 |
|
|
|
173 |
|
a { |
|
174 |
|
text-decoration: none; |
|
175 |
|
} |
|
176 |
|
|
|
177 |
|
p a { |
|
178 |
|
font-weight: 400; |
|
179 |
|
} |
|
180 |
|
|
|
181 |
|
blockquote { |
|
182 |
|
padding: 0 0 0 30px; |
|
183 |
|
margin-bottom: 20px; |
|
184 |
|
font-size: 1.6em; |
|
185 |
|
border-left: 10px solid #e9e9e9; |
|
186 |
|
} |
|
187 |
|
|
|
188 |
|
ul li { |
|
189 |
|
list-style-position: inside; |
|
190 |
|
list-style: disc; |
|
191 |
|
padding-left: 20px; |
|
192 |
|
} |
|
193 |
|
|
|
194 |
|
ol li { |
|
195 |
|
list-style-position: inside; |
|
196 |
|
list-style: decimal; |
|
197 |
|
padding-left: 3px; |
|
198 |
|
} |
|
199 |
|
|
|
200 |
|
dl dd { |
|
201 |
|
font-style: italic; |
|
202 |
|
font-weight: 100; |
|
203 |
|
} |
|
204 |
|
|
|
205 |
|
footer { |
|
206 |
|
padding-top: 20px; |
|
207 |
|
padding-bottom: 30px; |
|
208 |
|
margin-top: 40px; |
|
209 |
|
font-size: 13px; |
|
210 |
|
color: #aaa; |
|
211 |
|
} |
|
212 |
|
|
|
213 |
|
footer a { |
|
214 |
|
color: #666; |
|
215 |
|
} |
|
216 |
|
|
|
217 |
|
/* MISC */ |
|
218 |
|
.clearfix:after { |
|
219 |
|
display: block; |
|
220 |
|
height: 0; |
|
221 |
|
clear: both; |
|
222 |
|
visibility: hidden; |
|
223 |
|
content: '.'; |
|
224 |
|
} |
|
225 |
|
|
|
226 |
|
.clearfix {display: inline-block;} |
|
227 |
|
* html .clearfix {height: 1%;} |
|
228 |
|
.clearfix {display: block;} |
| File stylesheets/stylesheet.css added (mode: 100644) (index 0000000..d58131a) |
|
1 |
|
/* http://meyerweb.com/eric/tools/css/reset/ |
|
2 |
|
v2.0 | 20110126 |
|
3 |
|
License: none (public domain) |
|
4 |
|
*/ |
|
5 |
|
html, body, div, span, applet, object, iframe, |
|
6 |
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
7 |
|
a, abbr, acronym, address, big, cite, code, |
|
8 |
|
del, dfn, em, img, ins, kbd, q, s, samp, |
|
9 |
|
small, strike, strong, sub, sup, tt, var, |
|
10 |
|
b, u, i, center, |
|
11 |
|
dl, dt, dd, ol, ul, li, |
|
12 |
|
fieldset, form, label, legend, |
|
13 |
|
table, caption, tbody, tfoot, thead, tr, th, td, |
|
14 |
|
article, aside, canvas, details, embed, |
|
15 |
|
figure, figcaption, footer, header, hgroup, |
|
16 |
|
menu, nav, output, ruby, section, summary, |
|
17 |
|
time, mark, audio, video { |
|
18 |
|
padding: 0; |
|
19 |
|
margin: 0; |
|
20 |
|
font: inherit; |
|
21 |
|
font-size: 100%; |
|
22 |
|
vertical-align: baseline; |
|
23 |
|
border: 0; |
|
24 |
|
} |
|
25 |
|
/* HTML5 display-role reset for older browsers */ |
|
26 |
|
article, aside, details, figcaption, figure, |
|
27 |
|
footer, header, hgroup, menu, nav, section { |
|
28 |
|
display: block; |
|
29 |
|
} |
|
30 |
|
body { |
|
31 |
|
line-height: 1; |
|
32 |
|
} |
|
33 |
|
ol, ul { |
|
34 |
|
list-style: none; |
|
35 |
|
} |
|
36 |
|
blockquote, q { |
|
37 |
|
quotes: none; |
|
38 |
|
} |
|
39 |
|
blockquote:before, blockquote:after, |
|
40 |
|
q:before, q:after { |
|
41 |
|
content: ''; |
|
42 |
|
content: none; |
|
43 |
|
} |
|
44 |
|
table { |
|
45 |
|
border-spacing: 0; |
|
46 |
|
border-collapse: collapse; |
|
47 |
|
} |
|
48 |
|
|
|
49 |
|
/* LAYOUT STYLES */ |
|
50 |
|
body { |
|
51 |
|
font-family: 'Helvetica Neue', Helvetica, Arial, serif; |
|
52 |
|
font-size: 1em; |
|
53 |
|
line-height: 1.5; |
|
54 |
|
color: #6d6d6d; |
|
55 |
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); |
|
56 |
|
background: #e7e7e7 url(../images/body-bg.png) 0 0 repeat; |
|
57 |
|
} |
|
58 |
|
|
|
59 |
|
a { |
|
60 |
|
color: #d5000d; |
|
61 |
|
} |
|
62 |
|
a:hover { |
|
63 |
|
color: #c5000c; |
|
64 |
|
} |
|
65 |
|
|
|
66 |
|
header { |
|
67 |
|
padding-top: 35px; |
|
68 |
|
padding-bottom: 25px; |
|
69 |
|
} |
|
70 |
|
|
|
71 |
|
header h1 { |
|
72 |
|
font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif; |
|
73 |
|
font-size: 48px; font-weight: 900; |
|
74 |
|
line-height: 1.2; |
|
75 |
|
color: #303030; |
|
76 |
|
letter-spacing: -1px; |
|
77 |
|
} |
|
78 |
|
|
|
79 |
|
header h2 { |
|
80 |
|
font-size: 24px; |
|
81 |
|
font-weight: normal; |
|
82 |
|
line-height: 1.3; |
|
83 |
|
color: #aaa; |
|
84 |
|
letter-spacing: -1px; |
|
85 |
|
} |
|
86 |
|
|
|
87 |
|
#container { |
|
88 |
|
min-height: 595px; |
|
89 |
|
background: transparent url(../images/highlight-bg.jpg) 50% 0 no-repeat; |
|
90 |
|
} |
|
91 |
|
|
|
92 |
|
.inner { |
|
93 |
|
width: 620px; |
|
94 |
|
margin: 0 auto; |
|
95 |
|
} |
|
96 |
|
|
|
97 |
|
#container .inner img { |
|
98 |
|
max-width: 100%; |
|
99 |
|
} |
|
100 |
|
|
|
101 |
|
#downloads { |
|
102 |
|
margin-bottom: 40px; |
|
103 |
|
} |
|
104 |
|
|
|
105 |
|
a.button { |
|
106 |
|
display: block; |
|
107 |
|
float: left; |
|
108 |
|
width: 179px; |
|
109 |
|
padding: 12px 8px 12px 8px; |
|
110 |
|
margin-right: 14px; |
|
111 |
|
font-size: 15px; |
|
112 |
|
font-weight: bold; |
|
113 |
|
line-height: 25px; |
|
114 |
|
color: #303030; |
|
115 |
|
background: #fdfdfd; /* Old browsers */ |
|
116 |
|
background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%); /* FF3.6+ */ |
|
117 |
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ |
|
118 |
|
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ |
|
119 |
|
background: -o-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Opera 11.10+ */ |
|
120 |
|
background: -ms-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* IE10+ */ |
|
121 |
|
background: linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* W3C */ |
|
122 |
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ |
|
123 |
|
border-top: solid 1px #cbcbcb; |
|
124 |
|
border-right: solid 1px #b7b7b7; |
|
125 |
|
border-bottom: solid 1px #b3b3b3; |
|
126 |
|
border-left: solid 1px #b7b7b7; |
|
127 |
|
border-radius: 30px; |
|
128 |
|
-webkit-box-shadow: 10px 10px 5px #888; |
|
129 |
|
-moz-box-shadow: 10px 10px 5px #888; |
|
130 |
|
box-shadow: 0px 1px 5px #e8e8e8; |
|
131 |
|
-moz-border-radius: 30px; |
|
132 |
|
-webkit-border-radius: 30px; |
|
133 |
|
} |
|
134 |
|
a.button:hover { |
|
135 |
|
background: #fafafa; /* Old browsers */ |
|
136 |
|
background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%); /* FF3.6+ */ |
|
137 |
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ |
|
138 |
|
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ |
|
139 |
|
background: -o-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Opera 11.10+ */ |
|
140 |
|
background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* IE10+ */ |
|
141 |
|
background: linear-gradient(top, #fdfdfd 0%,#f6f6f6, 100%); /* W3C */ |
|
142 |
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ |
|
143 |
|
border-top: solid 1px #b7b7b7; |
|
144 |
|
border-right: solid 1px #b3b3b3; |
|
145 |
|
border-bottom: solid 1px #b3b3b3; |
|
146 |
|
border-left: solid 1px #b3b3b3; |
|
147 |
|
} |
|
148 |
|
|
|
149 |
|
a.button span { |
|
150 |
|
display: block; |
|
151 |
|
height: 23px; |
|
152 |
|
padding-left: 50px; |
|
153 |
|
} |
|
154 |
|
|
|
155 |
|
#download-zip span { |
|
156 |
|
background: transparent url(../images/zip-icon.png) 12px 50% no-repeat; |
|
157 |
|
} |
|
158 |
|
#download-tar-gz span { |
|
159 |
|
background: transparent url(../images/tar-gz-icon.png) 12px 50% no-repeat; |
|
160 |
|
} |
|
161 |
|
#view-on-github span { |
|
162 |
|
background: transparent url(../images/octocat-icon.png) 12px 50% no-repeat; |
|
163 |
|
} |
|
164 |
|
#view-on-github { |
|
165 |
|
margin-right: 0; |
|
166 |
|
} |
|
167 |
|
|
|
168 |
|
code, pre { |
|
169 |
|
margin-bottom: 30px; |
|
170 |
|
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; |
|
171 |
|
font-size: 14px; |
|
172 |
|
color: #222; |
|
173 |
|
} |
|
174 |
|
|
|
175 |
|
code { |
|
176 |
|
padding: 0 3px; |
|
177 |
|
background-color: #f2f2f2; |
|
178 |
|
border: solid 1px #ddd; |
|
179 |
|
} |
|
180 |
|
|
|
181 |
|
pre { |
|
182 |
|
padding: 20px; |
|
183 |
|
overflow: auto; |
|
184 |
|
color: #f2f2f2; |
|
185 |
|
text-shadow: none; |
|
186 |
|
background: #303030; |
|
187 |
|
} |
|
188 |
|
pre code { |
|
189 |
|
padding: 0; |
|
190 |
|
color: #f2f2f2; |
|
191 |
|
background-color: #303030; |
|
192 |
|
border: none; |
|
193 |
|
} |
|
194 |
|
|
|
195 |
|
ul, ol, dl { |
|
196 |
|
margin-bottom: 20px; |
|
197 |
|
} |
|
198 |
|
|
|
199 |
|
|
|
200 |
|
/* COMMON STYLES */ |
|
201 |
|
|
|
202 |
|
hr { |
|
203 |
|
height: 1px; |
|
204 |
|
padding-bottom: 1em; |
|
205 |
|
margin-top: 1em; |
|
206 |
|
line-height: 1px; |
|
207 |
|
background: transparent url('../images/hr.png') 50% 0 no-repeat; |
|
208 |
|
border: none; |
|
209 |
|
} |
|
210 |
|
|
|
211 |
|
strong { |
|
212 |
|
font-weight: bold; |
|
213 |
|
} |
|
214 |
|
|
|
215 |
|
em { |
|
216 |
|
font-style: italic; |
|
217 |
|
} |
|
218 |
|
|
|
219 |
|
table { |
|
220 |
|
width: 100%; |
|
221 |
|
border: 1px solid #ebebeb; |
|
222 |
|
} |
|
223 |
|
|
|
224 |
|
th { |
|
225 |
|
font-weight: 500; |
|
226 |
|
} |
|
227 |
|
|
|
228 |
|
td { |
|
229 |
|
font-weight: 300; |
|
230 |
|
text-align: center; |
|
231 |
|
border: 1px solid #ebebeb; |
|
232 |
|
} |
|
233 |
|
|
|
234 |
|
form { |
|
235 |
|
padding: 20px; |
|
236 |
|
background: #f2f2f2; |
|
237 |
|
|
|
238 |
|
} |
|
239 |
|
|
|
240 |
|
|
|
241 |
|
/* GENERAL ELEMENT TYPE STYLES */ |
|
242 |
|
|
|
243 |
|
h1 { |
|
244 |
|
font-size: 32px; |
|
245 |
|
} |
|
246 |
|
|
|
247 |
|
h2 { |
|
248 |
|
margin-bottom: 8px; |
|
249 |
|
font-size: 22px; |
|
250 |
|
font-weight: bold; |
|
251 |
|
color: #303030; |
|
252 |
|
} |
|
253 |
|
|
|
254 |
|
h3 { |
|
255 |
|
margin-bottom: 8px; |
|
256 |
|
font-size: 18px; |
|
257 |
|
font-weight: bold; |
|
258 |
|
color: #d5000d; |
|
259 |
|
} |
|
260 |
|
|
|
261 |
|
h4 { |
|
262 |
|
font-size: 16px; |
|
263 |
|
font-weight: bold; |
|
264 |
|
color: #303030; |
|
265 |
|
} |
|
266 |
|
|
|
267 |
|
h5 { |
|
268 |
|
font-size: 1em; |
|
269 |
|
color: #303030; |
|
270 |
|
} |
|
271 |
|
|
|
272 |
|
h6 { |
|
273 |
|
font-size: .8em; |
|
274 |
|
color: #303030; |
|
275 |
|
} |
|
276 |
|
|
|
277 |
|
p { |
|
278 |
|
margin-bottom: 20px; |
|
279 |
|
font-weight: 300; |
|
280 |
|
} |
|
281 |
|
|
|
282 |
|
a { |
|
283 |
|
text-decoration: none; |
|
284 |
|
} |
|
285 |
|
|
|
286 |
|
p a { |
|
287 |
|
font-weight: 400; |
|
288 |
|
} |
|
289 |
|
|
|
290 |
|
blockquote { |
|
291 |
|
padding: 0 0 0 30px; |
|
292 |
|
margin-bottom: 20px; |
|
293 |
|
font-size: 1.6em; |
|
294 |
|
border-left: 10px solid #e9e9e9; |
|
295 |
|
} |
|
296 |
|
|
|
297 |
|
ul li { |
|
298 |
|
list-style-position: inside; |
|
299 |
|
list-style: disc; |
|
300 |
|
padding-left: 20px; |
|
301 |
|
} |
|
302 |
|
|
|
303 |
|
ol li { |
|
304 |
|
list-style-position: inside; |
|
305 |
|
list-style: decimal; |
|
306 |
|
padding-left: 3px; |
|
307 |
|
} |
|
308 |
|
|
|
309 |
|
dl dt { |
|
310 |
|
color: #303030; |
|
311 |
|
} |
|
312 |
|
|
|
313 |
|
footer { |
|
314 |
|
padding-top: 20px; |
|
315 |
|
padding-bottom: 30px; |
|
316 |
|
margin-top: 40px; |
|
317 |
|
font-size: 13px; |
|
318 |
|
color: #aaa; |
|
319 |
|
background: transparent url('../images/hr.png') 0 0 no-repeat; |
|
320 |
|
} |
|
321 |
|
|
|
322 |
|
footer a { |
|
323 |
|
color: #666; |
|
324 |
|
} |
|
325 |
|
footer a:hover { |
|
326 |
|
color: #444; |
|
327 |
|
} |
|
328 |
|
|
|
329 |
|
/* MISC */ |
|
330 |
|
.clearfix:after { |
|
331 |
|
display: block; |
|
332 |
|
height: 0; |
|
333 |
|
clear: both; |
|
334 |
|
visibility: hidden; |
|
335 |
|
content: '.'; |
|
336 |
|
} |
|
337 |
|
|
|
338 |
|
.clearfix {display: inline-block;} |
|
339 |
|
* html .clearfix {height: 1%;} |
|
340 |
|
.clearfix {display: block;} |
|
341 |
|
|
|
342 |
|
/* #Media Queries |
|
343 |
|
================================================== */ |
|
344 |
|
|
|
345 |
|
/* Smaller than standard 960 (devices and browsers) */ |
|
346 |
|
@media only screen and (max-width: 959px) { } |
|
347 |
|
|
|
348 |
|
/* Tablet Portrait size to standard 960 (devices and browsers) */ |
|
349 |
|
@media only screen and (min-width: 768px) and (max-width: 959px) { } |
|
350 |
|
|
|
351 |
|
/* All Mobile Sizes (devices and browser) */ |
|
352 |
|
@media only screen and (max-width: 767px) { |
|
353 |
|
header { |
|
354 |
|
padding-top: 10px; |
|
355 |
|
padding-bottom: 10px; |
|
356 |
|
} |
|
357 |
|
#downloads { |
|
358 |
|
margin-bottom: 25px; |
|
359 |
|
} |
|
360 |
|
#download-zip, #download-tar-gz { |
|
361 |
|
display: none; |
|
362 |
|
} |
|
363 |
|
.inner { |
|
364 |
|
width: 94%; |
|
365 |
|
margin: 0 auto; |
|
366 |
|
} |
|
367 |
|
} |
|
368 |
|
|
|
369 |
|
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ |
|
370 |
|
@media only screen and (min-width: 480px) and (max-width: 767px) { } |
|
371 |
|
|
|
372 |
|
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ |
|
373 |
|
@media only screen and (max-width: 479px) { } |
