1+ body {
2+ margin : 0 ;
3+ padding : 0 ;
4+ background : # 151515 url ("../images/bkg.png" ) 0 0 ;
5+ color : # eaeaea ;
6+ font : 16px ;
7+ line-height : 1.5 ;
8+ font-family : Monaco, "Bitstream Vera Sans Mono" , "Lucida Console" , Terminal, monospace;
9+ }
10+
11+ /* General & 'Reset' Stuff */
12+
13+ .container {
14+ width : 90% ;
15+ max-width : 600px ;
16+ margin : 0 auto;
17+ }
18+
19+ section {
20+ display : block;
21+ margin : 0 0 20px 0 ;
22+ }
23+
24+ h1 , h2 , h3 , h4 , h5 , h6 {
25+ margin : 0 0 20px ;
26+ }
27+
28+ li {
29+ line-height : 1.4 ;
30+ }
31+
32+ /* Header, <header>
33+ header - container
34+ h1 - project name
35+ h2 - project description
36+ */
37+
38+ header {
39+ background : rgba (0 , 0 , 0 , 0.1 );
40+ width : 100% ;
41+ border-bottom : 1px dashed # b5e853 ;
42+ padding : 20px 0 ;
43+ margin : 0 0 40px 0 ;
44+ }
45+
46+ header h1 {
47+ font-size : 30px ;
48+ line-height : 1.5 ;
49+ margin : 0 0 0 -40px ;
50+ font-weight : bold;
51+ font-family : Monaco, "Bitstream Vera Sans Mono" , "Lucida Console" , Terminal, monospace;
52+ color : # b5e853 ;
53+ text-shadow : 0 1px 1px rgba (0 , 0 , 0 , 0.1 ),
54+ 0 0 5px rgba (181 , 232 , 83 , 0.1 ),
55+ 0 0 10px rgba (181 , 232 , 83 , 0.1 );
56+ letter-spacing : -1px ;
57+ -webkit-font-smoothing : antialiased;
58+ }
59+
60+ header h1 : before {
61+ content : "./ " ;
62+ font-size : 24px ;
63+ }
64+
65+ header h2 {
66+ font-size : 18px ;
67+ font-weight : 300 ;
68+ color : # 666 ;
69+ }
70+
71+ # downloads .btn {
72+ display : inline-block;
73+ text-align : center;
74+ margin : 0 ;
75+ }
76+
77+ /* Main Content
78+ */
79+
80+ # main_content {
81+ width : 100% ;
82+ -webkit-font-smoothing : antialiased;
83+ }
84+ section img {
85+ max-width : 100%
86+ }
87+
88+ h1 , h2 , h3 , h4 , h5 , h6 {
89+ font-weight : normal;
90+ font-family : Monaco, "Bitstream Vera Sans Mono" , "Lucida Console" , Terminal, monospace;
91+ color : # b5e853 ;
92+ letter-spacing : -0.03em ;
93+ text-shadow : 0 1px 1px rgba (0 , 0 , 0 , 0.1 ),
94+ 0 0 5px rgba (181 , 232 , 83 , 0.1 ),
95+ 0 0 10px rgba (181 , 232 , 83 , 0.1 );
96+ }
97+
98+ # main_content h1 {
99+ font-size : 30px ;
100+ }
101+
102+ # main_content h2 {
103+ font-size : 24px ;
104+ }
105+
106+ # main_content h3 {
107+ font-size : 18px ;
108+ }
109+
110+ # main_content h4 {
111+ font-size : 14px ;
112+ }
113+
114+ # main_content h5 {
115+ font-size : 12px ;
116+ text-transform : uppercase;
117+ margin : 0 0 5px 0 ;
118+ }
119+
120+ # main_content h6 {
121+ font-size : 12px ;
122+ text-transform : uppercase;
123+ color : # 999 ;
124+ margin : 0 0 5px 0 ;
125+ }
126+
127+ dt {
128+ font-style : italic;
129+ font-weight : bold;
130+ }
131+
132+ ul li {
133+ list-style : none;
134+ }
135+
136+ ul li : before {
137+ content : ">>" ;
138+ font-family : Monaco, "Bitstream Vera Sans Mono" , "Lucida Console" , Terminal, monospace;
139+ font-size : 13px ;
140+ color : # b5e853 ;
141+ margin-left : -37px ;
142+ margin-right : 21px ;
143+ line-height : 16px ;
144+ }
145+
146+ blockquote {
147+ color : # aaa ;
148+ padding-left : 10px ;
149+ border-left : 1px dotted # 666 ;
150+ }
151+
152+ pre {
153+ background : rgba (0 , 0 , 0 , 0.9 );
154+ border : 1px solid rgba (255 , 255 , 255 , 0.15 );
155+ padding : 10px ;
156+ font-size : 14px ;
157+ color : # b5e853 ;
158+ border-radius : 2px ;
159+ -moz-border-radius : 2px ;
160+ -webkit-border-radius : 2px ;
161+ text-wrap : normal;
162+ overflow : auto;
163+ overflow-y : hidden;
164+ }
165+
166+ table {
167+ width : 100% ;
168+ margin : 0 0 20px 0 ;
169+ }
170+
171+ th {
172+ text-align : left;
173+ border-bottom : 1px dashed # b5e853 ;
174+ padding : 5px 10px ;
175+ }
176+
177+ td {
178+ padding : 5px 10px ;
179+ }
180+
181+ hr {
182+ height : 0 ;
183+ border : 0 ;
184+ border-bottom : 1px dashed # b5e853 ;
185+ color : # b5e853 ;
186+ }
187+
188+ /* Buttons
189+ */
190+
191+ .btn {
192+ display : inline-block;
193+ background : -webkit-linear-gradient (top, rgba (40 , 40 , 40 , 0.3 ), rgba (35 , 35 , 35 , 0.3 ) 50% , rgba (10 , 10 , 10 , 0.3 ) 50% , rgba (0 , 0 , 0 , 0.3 ));
194+ padding : 8px 18px ;
195+ border-radius : 50px ;
196+ border : 2px solid rgba (0 , 0 , 0 , 0.7 );
197+ border-bottom : 2px solid rgba (0 , 0 , 0 , 0.7 );
198+ border-top : 2px solid rgba (0 , 0 , 0 , 1 );
199+ color : rgba (255 , 255 , 255 , 0.8 );
200+ font-family : Helvetica, Arial, sans-serif;
201+ font-weight : bold;
202+ font-size : 13px ;
203+ text-decoration : none;
204+ text-shadow : 0 -1px 0 rgba (0 , 0 , 0 , 0.75 );
205+ box-shadow : inset 0 1px 0 rgba (255 , 255 , 255 , 0.05 );
206+ }
207+
208+ .btn : hover {
209+ background : -webkit-linear-gradient (top, rgba (40 , 40 , 40 , 0.6 ), rgba (35 , 35 , 35 , 0.6 ) 50% , rgba (10 , 10 , 10 , 0.8 ) 50% , rgba (0 , 0 , 0 , 0.8 ));
210+ }
211+
212+ .btn .icon {
213+ display : inline-block;
214+ width : 16px ;
215+ height : 16px ;
216+ margin : 1px 8px 0 0 ;
217+ float : left;
218+ }
219+
220+ .btn-github .icon {
221+ opacity : 0.6 ;
222+ background : url ("../images/blacktocat.png" ) 0 0 no-repeat;
223+ }
224+
225+ /* Links
226+ a, a:hover, a:visited
227+ */
228+
229+ a {
230+ color : # 63c0f5 ;
231+ text-shadow : 0 0 5px rgba (104 , 182 , 255 , 0.5 );
232+ }
233+
234+ /* Clearfix */
235+
236+ .cf : before , .cf : after {
237+ content : "" ;
238+ display : table;
239+ }
240+
241+ .cf : after {
242+ clear : both;
243+ }
244+
245+ .cf {
246+ zoom : 1 ;
247+ }
0 commit comments