8
|
1 /* line 17, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
|
2 html, body, div, span, applet, object, iframe,
|
|
3 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
4 a, abbr, acronym, address, big, cite, code,
|
|
5 del, dfn, em, img, ins, kbd, q, s, samp,
|
|
6 small, strike, strong, sub, sup, tt, var,
|
|
7 b, u, i, center,
|
|
8 dl, dt, dd, ol, ul, li,
|
|
9 fieldset, form, label, legend,
|
|
10 table, caption, tbody, tfoot, thead, tr, th, td,
|
|
11 article, aside, canvas, details, embed,
|
|
12 figure, figcaption, footer, header, hgroup,
|
|
13 menu, nav, output, ruby, section, summary,
|
|
14 time, mark, audio, video {
|
|
15 margin: 0;
|
|
16 padding: 0;
|
|
17 border: 0;
|
|
18 font: inherit;
|
|
19 font-size: 100%;
|
|
20 vertical-align: baseline;
|
|
21 }
|
|
22
|
|
23 /* line 22, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
|
24 html {
|
|
25 line-height: 1;
|
|
26 }
|
|
27
|
|
28 /* line 24, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
|
29 ol, ul {
|
|
30 list-style: none;
|
|
31 }
|
|
32
|
|
33 /* line 26, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
|
34 table {
|
|
35 border-collapse: collapse;
|
|
36 border-spacing: 0;
|
|
37 }
|
|
38
|
|
39 /* line 28, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
|
40 caption, th, td {
|
|
41 text-align: left;
|
|
42 font-weight: normal;
|
|
43 vertical-align: middle;
|
|
44 }
|
|
45
|
|
46 /* line 30, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
|
47 q, blockquote {
|
|
48 quotes: none;
|
|
49 }
|
|
50 /* line 103, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
|
51 q:before, q:after, blockquote:before, blockquote:after {
|
|
52 content: "";
|
|
53 content: none;
|
|
54 }
|
|
55
|
|
56 /* line 32, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
|
57 a img {
|
|
58 border: none;
|
|
59 }
|
|
60
|
|
61 /* line 116, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
|
|
62 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
|
|
63 display: block;
|
|
64 }
|
|
65
|
|
66 /* Typography
|
|
67 *----------------------------------------------- */
|
|
68 /* line 10, ../sass/screen.sass */
|
|
69 body,
|
|
70 input,
|
|
71 textarea {
|
|
72 color: #cccccc;
|
|
73 font-size: 18px;
|
|
74 font-family: "Karla", "lucida grande", sans-serif;
|
|
75 }
|
|
76
|
|
77 /* line 17, ../sass/screen.sass */
|
|
78 h1,
|
|
79 h2,
|
|
80 h3,
|
|
81 h4,
|
|
82 h5,
|
|
83 h6 {
|
|
84 line-height: 1.2em;
|
|
85 color: #fdf485;
|
|
86 }
|
|
87
|
|
88 /* line 26, ../sass/screen.sass */
|
|
89 h1 {
|
|
90 font-size: 72px;
|
|
91 line-height: 1em;
|
|
92 }
|
|
93
|
|
94 /* line 30, ../sass/screen.sass */
|
|
95 h2 {
|
|
96 font-size: 48px;
|
|
97 line-height: 1.2em;
|
|
98 margin-bottom: 0.3em;
|
|
99 }
|
|
100
|
|
101 /* line 35, ../sass/screen.sass */
|
|
102 h3 {
|
|
103 font-size: 18px;
|
|
104 text-transform: uppercase;
|
|
105 letter-spacing: 0.1em;
|
|
106 color: #e5d404;
|
|
107 margin-bottom: 0.3em;
|
|
108 }
|
|
109
|
|
110 /* line 42, ../sass/screen.sass */
|
|
111 h4 {
|
|
112 font-size: 18px;
|
|
113 }
|
|
114
|
|
115 /* line 45, ../sass/screen.sass */
|
|
116 p {
|
|
117 line-height: 1.4em;
|
|
118 margin-bottom: 1em;
|
|
119 }
|
|
120
|
|
121 /* line 49, ../sass/screen.sass */
|
|
122 ol {
|
|
123 list-style-type: decimal;
|
|
124 }
|
|
125
|
|
126 /* line 52, ../sass/screen.sass */
|
|
127 ul, ol {
|
|
128 margin: 0 0 1.25em 0;
|
|
129 }
|
|
130
|
|
131 /* line 55, ../sass/screen.sass */
|
|
132 li {
|
|
133 padding-bottom: 0.8em;
|
|
134 margin-bottom: 0.8em;
|
|
135 border-bottom: 2px solid #515151;
|
|
136 line-height: 1.3em;
|
|
137 }
|
|
138 /* line 60, ../sass/screen.sass */
|
|
139 li.last-list-item {
|
|
140 border-bottom: none;
|
|
141 }
|
|
142
|
|
143 /* line 63, ../sass/screen.sass */
|
|
144 dt {
|
|
145 font-weight: bold;
|
|
146 }
|
|
147
|
|
148 /* line 66, ../sass/screen.sass */
|
|
149 dd {
|
|
150 margin-bottom: 1.625em;
|
|
151 }
|
|
152
|
|
153 /* line 69, ../sass/screen.sass */
|
|
154 strong {
|
|
155 font-weight: bold;
|
|
156 }
|
|
157
|
|
158 /* line 72, ../sass/screen.sass */
|
|
159 i {
|
|
160 font-style: italic;
|
|
161 }
|
|
162
|
|
163 /* line 75, ../sass/screen.sass */
|
|
164 pre {
|
|
165 padding: 10px;
|
|
166 margin-top: 5px;
|
|
167 margin-bottom: 10px;
|
|
168 background-color: #2b2b2b;
|
|
169 font: 13px "Andale Mono", "DejaVu Sans Mono", monospace;
|
|
170 line-height: 1.5em;
|
|
171 -webkit-border-radius: 4px;
|
|
172 -moz-border-radius: 4px;
|
|
173 -ms-border-radius: 4px;
|
|
174 -o-border-radius: 4px;
|
|
175 border-radius: 4px;
|
|
176 overflow-x: auto;
|
|
177 }
|
|
178
|
|
179 /* line 85, ../sass/screen.sass */
|
|
180 code, kbd {
|
|
181 padding: 4px;
|
|
182 color: #ac8053;
|
|
183 background-color: #2b2b2b;
|
|
184 font: 13px "Andale Mono", "DejaVu Sans Mono", monospace;
|
|
185 -webkit-border-radius: 4px;
|
|
186 -moz-border-radius: 4px;
|
|
187 -ms-border-radius: 4px;
|
|
188 -o-border-radius: 4px;
|
|
189 border-radius: 4px;
|
|
190 }
|
|
191
|
|
192 /* line 92, ../sass/screen.sass */
|
|
193 code {
|
|
194 position: relative;
|
|
195 top: -1px;
|
|
196 }
|
|
197
|
|
198 /* line 96, ../sass/screen.sass */
|
|
199 pre code {
|
|
200 top: 0;
|
|
201 padding: 0;
|
|
202 background: transparent;
|
|
203 -webkit-box-shadow: none;
|
|
204 -moz-box-shadow: none;
|
|
205 box-shadow: none;
|
|
206 font-size: 13px;
|
|
207 }
|
|
208
|
|
209 /* line 103, ../sass/screen.sass */
|
|
210 a {
|
|
211 color: #00bfa8;
|
|
212 text-decoration: none;
|
|
213 }
|
|
214 /* line 106, ../sass/screen.sass */
|
|
215 a:hover {
|
|
216 color: #59ffeb;
|
|
217 }
|
|
218
|
|
219 /* line 109, ../sass/screen.sass */
|
|
220 ::-moz-selection,
|
|
221 ::selection {
|
|
222 background: #ff8000;
|
|
223 color: white;
|
|
224 }
|
|
225
|
|
226 /* line 114, ../sass/screen.sass */
|
|
227 .sub-point {
|
|
228 display: block;
|
|
229 font-size: 14px;
|
|
230 }
|
|
231 /* line 117, ../sass/screen.sass */
|
|
232 .sub-point code {
|
|
233 font-size: 12px;
|
|
234 padding: 2px;
|
|
235 }
|
|
236
|
|
237 /* -- Layout ------------------------------------------------------------------ */
|
|
238 /* line 124, ../sass/screen.sass */
|
|
239 body {
|
|
240 margin: 40px 40px 80px 40px;
|
|
241 background: #444444;
|
|
242 }
|
|
243
|
|
244 /* line 128, ../sass/screen.sass */
|
|
245 .wrapper {
|
|
246 max-width: 740px;
|
|
247 margin: 0 auto;
|
|
248 }
|
|
249
|
|
250 /* line 132, ../sass/screen.sass */
|
|
251 .section {
|
|
252 padding: 0 0 40px 0;
|
|
253 margin-bottom: 40px;
|
|
254 *zoom: 1;
|
|
255 border-bottom: 4px solid #373737;
|
|
256 }
|
|
257 /* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
|
|
258 .section:after {
|
|
259 content: "";
|
|
260 display: table;
|
|
261 clear: both;
|
|
262 }
|
|
263 /* line 137, ../sass/screen.sass */
|
|
264 .section.last {
|
|
265 border-bottom: none;
|
|
266 }
|
|
267
|
|
268 /* line 140, ../sass/screen.sass */
|
|
269 .section-header {
|
|
270 text-align: center;
|
|
271 }
|
|
272
|
|
273 /* line 143, ../sass/screen.sass */
|
|
274 .section-subheader {
|
|
275 margin-top: -0.6em;
|
|
276 margin-bottom: 1em;
|
|
277 text-align: center;
|
|
278 font-size: 24px;
|
|
279 }
|
|
280
|
|
281 /* line 149, ../sass/screen.sass */
|
|
282 .row {
|
|
283 *zoom: 1;
|
|
284 }
|
|
285 /* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
|
|
286 .row:after {
|
|
287 content: "";
|
|
288 display: table;
|
|
289 clear: both;
|
|
290 }
|
|
291
|
|
292 /* -- Sections ------------------------------------------------------------------ */
|
|
293 /* -- Intro -- */
|
|
294 /* line 156, ../sass/screen.sass */
|
|
295 .intro-section {
|
|
296 text-align: center;
|
|
297 }
|
|
298
|
|
299 /* line 159, ../sass/screen.sass */
|
|
300 .logo {
|
|
301 color: white;
|
|
302 margin-bottom: 0.05em;
|
|
303 }
|
|
304 /* line 162, ../sass/screen.sass */
|
|
305 .logo .version {
|
|
306 color: #fdf485;
|
|
307 }
|
|
308
|
|
309 /* line 165, ../sass/screen.sass */
|
|
310 .author {
|
|
311 margin-top: -9px;
|
|
312 padding-left: 23px;
|
|
313 line-height: 1.2em;
|
|
314 }
|
|
315
|
|
316 /* line 170, ../sass/screen.sass */
|
|
317 .author-links {
|
|
318 font-size: 16px;
|
|
319 }
|
|
320
|
|
321 /* line 173, ../sass/screen.sass */
|
|
322 .lead {
|
|
323 font-size: 22px;
|
|
324 }
|
|
325
|
|
326 /* -- Examples -- */
|
|
327 /* line 177, ../sass/screen.sass */
|
|
328 .examples-section {
|
|
329 text-align: center;
|
|
330 }
|
|
331
|
|
332 /* line 180, ../sass/screen.sass */
|
|
333 .image-row {
|
|
334 *zoom: 1;
|
|
335 margin-bottom: 20px;
|
|
336 }
|
|
337 /* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
|
|
338 .image-row:after {
|
|
339 content: "";
|
|
340 display: table;
|
|
341 clear: both;
|
|
342 }
|
|
343
|
|
344 /* line 184, ../sass/screen.sass */
|
|
345 .example-image-link {
|
|
346 display: inline-block;
|
|
347 margin: 0 10px 20px 10px;
|
|
348 line-height: 0;
|
|
349 -webkit-border-radius: 4px;
|
|
350 -moz-border-radius: 4px;
|
|
351 -ms-border-radius: 4px;
|
|
352 -o-border-radius: 4px;
|
|
353 border-radius: 4px;
|
|
354 border: 4px solid #5e5e5e;
|
|
355 -webkit-transition: all 0.1s ease-out;
|
|
356 -moz-transition: all 0.1s ease-out;
|
|
357 -o-transition: all 0.1s ease-out;
|
|
358 transition: all 0.1s ease-out;
|
|
359 }
|
|
360 /* line 191, ../sass/screen.sass */
|
|
361 .example-image-link:hover {
|
|
362 border: 4px solid #00bfa8;
|
|
363 }
|
|
364
|
|
365 /* line 194, ../sass/screen.sass */
|
|
366 .example-image {
|
|
367 -webkit-border-radius: 2px;
|
|
368 -moz-border-radius: 2px;
|
|
369 -ms-border-radius: 2px;
|
|
370 -o-border-radius: 2px;
|
|
371 border-radius: 2px;
|
|
372 }
|
|
373
|
|
374 /* -- Download -- */
|
|
375 /* line 199, ../sass/screen.sass */
|
|
376 .download-section {
|
|
377 text-align: center;
|
|
378 }
|
|
379
|
|
380 /* line 202, ../sass/screen.sass */
|
|
381 .download-button {
|
|
382 display: block;
|
|
383 max-width: 300px;
|
|
384 margin: 0 auto 20px auto;
|
|
385 padding-top: 20px;
|
|
386 padding-bottom: 10px;
|
|
387 background-color: #2b2b2b;
|
|
388 border: 4px solid #444444;
|
|
389 -webkit-border-radius: 4px;
|
|
390 -moz-border-radius: 4px;
|
|
391 -ms-border-radius: 4px;
|
|
392 -o-border-radius: 4px;
|
|
393 border-radius: 4px;
|
|
394 -webkit-transition: all 0.1s ease-out;
|
|
395 -moz-transition: all 0.1s ease-out;
|
|
396 -o-transition: all 0.1s ease-out;
|
|
397 transition: all 0.1s ease-out;
|
|
398 *zoom: 1;
|
|
399 }
|
|
400 /* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
|
|
401 .download-button:after {
|
|
402 content: "";
|
|
403 display: table;
|
|
404 clear: both;
|
|
405 }
|
|
406 /* line 213, ../sass/screen.sass */
|
|
407 .download-button:hover {
|
|
408 border-color: #00bfa8;
|
|
409 background-color: #444444;
|
|
410 }
|
|
411 /* line 216, ../sass/screen.sass */
|
|
412 .download-button .file {
|
|
413 font-size: 36px;
|
|
414 color: white;
|
|
415 line-height: 1em;
|
|
416 }
|
|
417 /* line 220, ../sass/screen.sass */
|
|
418 .download-button .version {
|
|
419 font-size: 24px;
|
|
420 color: #00bfa8;
|
|
421 }
|
|
422
|
|
423 /* -- Sharing -- */
|
|
424 /* line 226, ../sass/screen.sass */
|
|
425 .sharing {
|
|
426 position: fixed;
|
|
427 top: 20px;
|
|
428 right: 0;
|
|
429 }
|
|
430
|
|
431 /* -- Donate -- */
|
|
432 /* line 233, ../sass/screen.sass */
|
|
433 .donate-button-form {
|
|
434 text-align: center;
|
|
435 }
|
|
436
|
|
437 /* line 235, ../sass/screen.sass */
|
|
438 .donate-button {
|
|
439 border: 4px solid rgba(0, 0, 0, 0);
|
|
440 -webkit-border-radius: 4px;
|
|
441 -moz-border-radius: 4px;
|
|
442 -ms-border-radius: 4px;
|
|
443 -o-border-radius: 4px;
|
|
444 border-radius: 4px;
|
|
445 -webkit-transition: all 0.1s ease-out;
|
|
446 -moz-transition: all 0.1s ease-out;
|
|
447 -o-transition: all 0.1s ease-out;
|
|
448 transition: all 0.1s ease-out;
|
|
449 }
|
|
450 /* line 239, ../sass/screen.sass */
|
|
451 .donate-button:hover {
|
|
452 background-color: #444444;
|
|
453 border-color: #00bfa8;
|
|
454 }
|
|
455
|
|
456 /* -- Responsive design -------------------------------------------------------------- */
|
|
457 @media only screen and (max-width: 640px) {
|
|
458 /* line 247, ../sass/screen.sass */
|
|
459 body {
|
|
460 margin: 80px 10px 40px 10px;
|
|
461 font-size: 14px;
|
|
462 }
|
|
463
|
|
464 /* line 250, ../sass/screen.sass */
|
|
465 h1 {
|
|
466 font-size: 48px;
|
|
467 }
|
|
468
|
|
469 /* line 252, ../sass/screen.sass */
|
|
470 h2 {
|
|
471 font-size: 26px;
|
|
472 }
|
|
473
|
|
474 /* line 254, ../sass/screen.sass */
|
|
475 h3 {
|
|
476 font-size: 16px;
|
|
477 }
|
|
478
|
|
479 /* line 256, ../sass/screen.sass */
|
|
480 ol {
|
|
481 list-style-position: inside;
|
|
482 }
|
|
483
|
|
484 /* line 258, ../sass/screen.sass */
|
|
485 code,
|
|
486 kbd,
|
|
487 pre,
|
|
488 pre code {
|
|
489 font-size: 11px;
|
|
490 }
|
|
491
|
|
492 /* line 263, ../sass/screen.sass */
|
|
493 .sub-point {
|
|
494 font-size: 12px;
|
|
495 }
|
|
496 /* line 265, ../sass/screen.sass */
|
|
497 .sub-point code {
|
|
498 font-size: 9px;
|
|
499 }
|
|
500
|
|
501 /* line 267, ../sass/screen.sass */
|
|
502 .lead {
|
|
503 font-size: 16px;
|
|
504 }
|
|
505
|
|
506 /* line 269, ../sass/screen.sass */
|
|
507 .section {
|
|
508 padding-bottom: 20px;
|
|
509 margin-bottom: 20px;
|
|
510 }
|
|
511
|
|
512 /* line 272, ../sass/screen.sass */
|
|
513 .author {
|
|
514 margin-top: -5px;
|
|
515 padding-left: 30px;
|
|
516 }
|
|
517
|
|
518 /* line 275, ../sass/screen.sass */
|
|
519 .author-links {
|
|
520 font-size: 12px;
|
|
521 }
|
|
522 }
|