Commit 7bf2bd57751c0c8dc736402157e6eab9d881da0f

Authored by Marius Hanne
1 parent 2bc9f23adc
Exists in gh-pages

Create gh-pages branch via GitHub

Showing 3 changed files with 349 additions and 405 deletions Side-by-side Diff

1 1 <!DOCTYPE html>
2 2 <html>
3   -
4 3 <head>
5   - <meta charset='utf-8' />
6   - <meta http-equiv="X-UA-Compatible" content="chrome=1" />
7   - <meta name="description" content="Bitcoin-ruby : bitcoin utils and protocol in ruby." />
8   -
9   - <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
10   -
11   - <title>Bitcoin-ruby</title>
  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/pygment_trac.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>Bitcoin-ruby by mhanne</title>
12 14 </head>
13 15  
14 16 <body>
  17 + <div id="container">
  18 + <div class="inner">
15 19  
16   - <!-- HEADER -->
17   - <div id="header_wrap" class="outer">
18   - <header class="inner">
19   - <a id="forkme_banner" href="https://github.com/mhanne/bitcoin-ruby">View on GitHub</a>
20   -
21   - <h1 id="project_title">Bitcoin-ruby</h1>
22   - <h2 id="project_tagline">bitcoin utils and protocol in ruby.</h2>
23   -
24   - <section id="downloads">
25   - <a class="zip_download_link" href="https://github.com/mhanne/bitcoin-ruby/zipball/master">Download this project as a .zip file</a>
26   - <a class="tar_download_link" href="https://github.com/mhanne/bitcoin-ruby/tarball/master">Download this project as a tar.gz file</a>
27   - </section>
  20 + <header>
  21 + <h1>Bitcoin-ruby</h1>
  22 + <h2>bitcoin utils and protocol in ruby.</h2>
28 23 </header>
29   - </div>
30 24  
31   - <!-- MAIN CONTENT -->
32   - <div id="main_content_wrap" class="outer">
33   - <section id="main_content" class="inner">
34   - <p>The documentation has moved to <a href="http://bitcoin-ruby.org">bitcoin-ruby.org</a>.</p>
35   - </section>
36   - </div>
  25 + <section id="downloads" class="clearfix">
  26 + <a href="https://github.com/mhanne/bitcoin-ruby/zipball/master" id="download-zip" class="button"><span>Download .zip</span></a>
  27 + <a href="https://github.com/mhanne/bitcoin-ruby/tarball/master" id="download-tar-gz" class="button"><span>Download .tar.gz</span></a>
  28 + <a href="https://github.com/mhanne/bitcoin-ruby" id="view-on-github" class="button"><span>View on GitHub</span></a>
  29 + </section>
37 30  
38   - <!-- FOOTER -->
39   - <div id="footer_wrap" class="outer">
40   - <footer class="inner">
41   - <p class="copyright">Bitcoin-ruby maintained by <a href="https://github.com/mhanne">mhanne</a></p>
42   - <p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
43   - </footer>
44   - </div>
  31 + <hr>
45 32  
46   -
  33 + <section id="main_content">
  34 + <p>The documentation has moved to <a href="http://bitcoin-ruby.org">bitcoin-ruby.org</a>.</p>
  35 + </section>
47 36  
  37 + <footer>
  38 + Bitcoin-ruby is maintained by <a href="https://github.com/mhanne">mhanne</a><br>
  39 + This page was generated by <a href="http://pages.github.com">GitHub Pages</a>. Tactile theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.
  40 + </footer>
  41 +
  42 +
  43 + </div>
  44 + </div>
48 45 </body>
49 46 </html>
stylesheets/pygment_trac.css
1   -.highlight .hll { background-color: #ffffcc }
2   -.highlight { background: #f0f3f3; }
3   -.highlight .c { color: #0099FF; font-style: italic } /* Comment */
4   -.highlight .err { color: #AA0000; background-color: #FFAAAA } /* Error */
5   -.highlight .k { color: #006699; font-weight: bold } /* Keyword */
6   -.highlight .o { color: #555555 } /* Operator */
7   -.highlight .cm { color: #0099FF; font-style: italic } /* Comment.Multiline */
8   -.highlight .cp { color: #009999 } /* Comment.Preproc */
9   -.highlight .c1 { color: #0099FF; font-style: italic } /* Comment.Single */
10   -.highlight .cs { color: #0099FF; font-weight: bold; font-style: italic } /* Comment.Special */
11   -.highlight .gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */
  1 +.highlight { background: #ffffff; }
  2 +.highlight .c { color: #999988; font-style: italic } /* Comment */
  3 +.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
  4 +.highlight .k { font-weight: bold } /* Keyword */
  5 +.highlight .o { font-weight: bold } /* Operator */
  6 +.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
  7 +.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
  8 +.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
  9 +.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
  10 +.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
  11 +.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
12 12 .highlight .ge { font-style: italic } /* Generic.Emph */
13   -.highlight .gr { color: #FF0000 } /* Generic.Error */
14   -.highlight .gh { color: #003300; font-weight: bold } /* Generic.Heading */
15   -.highlight .gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */
16   -.highlight .go { color: #AAAAAA } /* Generic.Output */
17   -.highlight .gp { color: #000099; font-weight: bold } /* Generic.Prompt */
  13 +.highlight .gr { color: #aa0000 } /* Generic.Error */
  14 +.highlight .gh { color: #999999 } /* Generic.Heading */
  15 +.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
  16 +.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
  17 +.highlight .go { color: #888888 } /* Generic.Output */
  18 +.highlight .gp { color: #555555 } /* Generic.Prompt */
18 19 .highlight .gs { font-weight: bold } /* Generic.Strong */
19   -.highlight .gu { color: #003300; font-weight: bold } /* Generic.Subheading */
20   -.highlight .gt { color: #99CC66 } /* Generic.Traceback */
21   -.highlight .kc { color: #006699; font-weight: bold } /* Keyword.Constant */
22   -.highlight .kd { color: #006699; font-weight: bold } /* Keyword.Declaration */
23   -.highlight .kn { color: #006699; font-weight: bold } /* Keyword.Namespace */
24   -.highlight .kp { color: #006699 } /* Keyword.Pseudo */
25   -.highlight .kr { color: #006699; font-weight: bold } /* Keyword.Reserved */
26   -.highlight .kt { color: #007788; font-weight: bold } /* Keyword.Type */
27   -.highlight .m { color: #FF6600 } /* Literal.Number */
28   -.highlight .s { color: #CC3300 } /* Literal.String */
29   -.highlight .na { color: #330099 } /* Name.Attribute */
30   -.highlight .nb { color: #336666 } /* Name.Builtin */
31   -.highlight .nc { color: #00AA88; font-weight: bold } /* Name.Class */
32   -.highlight .no { color: #336600 } /* Name.Constant */
33   -.highlight .nd { color: #9999FF } /* Name.Decorator */
34   -.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
35   -.highlight .ne { color: #CC0000; font-weight: bold } /* Name.Exception */
36   -.highlight .nf { color: #CC00FF } /* Name.Function */
37   -.highlight .nl { color: #9999FF } /* Name.Label */
38   -.highlight .nn { color: #00CCFF; font-weight: bold } /* Name.Namespace */
39   -.highlight .nt { color: #330099; font-weight: bold } /* Name.Tag */
40   -.highlight .nv { color: #003333 } /* Name.Variable */
41   -.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
  20 +.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
  21 +.highlight .gt { color: #aa0000 } /* Generic.Traceback */
  22 +.highlight .kc { font-weight: bold } /* Keyword.Constant */
  23 +.highlight .kd { font-weight: bold } /* Keyword.Declaration */
  24 +.highlight .kn { font-weight: bold } /* Keyword.Namespace */
  25 +.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
  26 +.highlight .kr { font-weight: bold } /* Keyword.Reserved */
  27 +.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
  28 +.highlight .m { color: #009999 } /* Literal.Number */
  29 +.highlight .s { color: #d14 } /* Literal.String */
  30 +.highlight .na { color: #008080 } /* Name.Attribute */
  31 +.highlight .nb { color: #0086B3 } /* Name.Builtin */
  32 +.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
  33 +.highlight .no { color: #008080 } /* Name.Constant */
  34 +.highlight .ni { color: #800080 } /* Name.Entity */
  35 +.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
  36 +.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
  37 +.highlight .nn { color: #555555 } /* Name.Namespace */
  38 +.highlight .nt { color: #000080 } /* Name.Tag */
  39 +.highlight .nv { color: #008080 } /* Name.Variable */
  40 +.highlight .ow { font-weight: bold } /* Operator.Word */
42 41 .highlight .w { color: #bbbbbb } /* Text.Whitespace */
43   -.highlight .mf { color: #FF6600 } /* Literal.Number.Float */
44   -.highlight .mh { color: #FF6600 } /* Literal.Number.Hex */
45   -.highlight .mi { color: #FF6600 } /* Literal.Number.Integer */
46   -.highlight .mo { color: #FF6600 } /* Literal.Number.Oct */
47   -.highlight .sb { color: #CC3300 } /* Literal.String.Backtick */
48   -.highlight .sc { color: #CC3300 } /* Literal.String.Char */
49   -.highlight .sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */
50   -.highlight .s2 { color: #CC3300 } /* Literal.String.Double */
51   -.highlight .se { color: #CC3300; font-weight: bold } /* Literal.String.Escape */
52   -.highlight .sh { color: #CC3300 } /* Literal.String.Heredoc */
53   -.highlight .si { color: #AA0000 } /* Literal.String.Interpol */
54   -.highlight .sx { color: #CC3300 } /* Literal.String.Other */
55   -.highlight .sr { color: #33AAAA } /* Literal.String.Regex */
56   -.highlight .s1 { color: #CC3300 } /* Literal.String.Single */
57   -.highlight .ss { color: #FFCC33 } /* Literal.String.Symbol */
58   -.highlight .bp { color: #336666 } /* Name.Builtin.Pseudo */
59   -.highlight .vc { color: #003333 } /* Name.Variable.Class */
60   -.highlight .vg { color: #003333 } /* Name.Variable.Global */
61   -.highlight .vi { color: #003333 } /* Name.Variable.Instance */
62   -.highlight .il { color: #FF6600 } /* Literal.Number.Integer.Long */
  42 +.highlight .mf { color: #009999 } /* Literal.Number.Float */
  43 +.highlight .mh { color: #009999 } /* Literal.Number.Hex */
  44 +.highlight .mi { color: #009999 } /* Literal.Number.Integer */
  45 +.highlight .mo { color: #009999 } /* Literal.Number.Oct */
  46 +.highlight .sb { color: #d14 } /* Literal.String.Backtick */
  47 +.highlight .sc { color: #d14 } /* Literal.String.Char */
  48 +.highlight .sd { color: #d14 } /* Literal.String.Doc */
  49 +.highlight .s2 { color: #d14 } /* Literal.String.Double */
  50 +.highlight .se { color: #d14 } /* Literal.String.Escape */
  51 +.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
  52 +.highlight .si { color: #d14 } /* Literal.String.Interpol */
  53 +.highlight .sx { color: #d14 } /* Literal.String.Other */
  54 +.highlight .sr { color: #009926 } /* Literal.String.Regex */
  55 +.highlight .s1 { color: #d14 } /* Literal.String.Single */
  56 +.highlight .ss { color: #990073 } /* Literal.String.Symbol */
  57 +.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
  58 +.highlight .vc { color: #008080 } /* Name.Variable.Class */
  59 +.highlight .vg { color: #008080 } /* Name.Variable.Global */
  60 +.highlight .vi { color: #008080 } /* Name.Variable.Instance */
  61 +.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
63 62  
64 63 .type-csharp .highlight .k { color: #0000FF }
65 64 .type-csharp .highlight .kt { color: #0000FF }
stylesheets/stylesheet.css
1   -/*******************************************************************************
2   -Slate Theme for GitHub Pages
3   -by Jason Costello, @jsncostello
4   -*******************************************************************************/
5   -
6   -@import url(pygment_trac.css);
7   -
8   -/*******************************************************************************
9   -MeyerWeb Reset
10   -*******************************************************************************/
11   -
  1 +/* http://meyerweb.com/eric/tools/css/reset/
  2 + v2.0 | 20110126
  3 + License: none (public domain)
  4 +*/
12 5 html, body, div, span, applet, object, iframe,
13 6 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
14 7 a, abbr, acronym, address, big, cite, code,
15 8  
16 9  
17 10  
18 11  
19 12  
20 13  
21 14  
22 15  
23 16  
24 17  
25 18  
26 19  
27 20  
28 21  
29 22  
30 23  
31 24  
32 25  
33 26  
34 27  
35 28  
36 29  
37 30  
38 31  
39 32  
40 33  
41 34  
42 35  
43 36  
44 37  
45 38  
46 39  
47 40  
48 41  
49 42  
50 43  
51 44  
52 45  
53 46  
54 47  
55 48  
56 49  
57 50  
58 51  
59 52  
60 53  
61 54  
62 55  
63 56  
64 57  
65 58  
66 59  
67 60  
68 61  
69 62  
70 63  
71 64  
72 65  
73 66  
74 67  
75 68  
76 69  
77 70  
78 71  
79 72  
80 73  
81 74  
82 75  
83 76  
84 77  
85 78  
86 79  
87 80  
88 81  
89 82  
... ... @@ -18,407 +11,362 @@
18 11 dl, dt, dd, ol, ul, li,
19 12 fieldset, form, label, legend,
20 13 table, caption, tbody, tfoot, thead, tr, th, td,
21   -article, aside, canvas, details, embed,
22   -figure, figcaption, footer, header, hgroup,
  14 +article, aside, canvas, details, embed,
  15 +figure, figcaption, footer, header, hgroup,
23 16 menu, nav, output, ruby, section, summary,
24 17 time, mark, audio, video {
25   - margin: 0;
26   - padding: 0;
27   - border: 0;
28   - font: inherit;
29   - vertical-align: baseline;
  18 + margin: 0;
  19 + padding: 0;
  20 + border: 0;
  21 + font-size: 100%;
  22 + font: inherit;
  23 + vertical-align: baseline;
30 24 }
31   -
32 25 /* HTML5 display-role reset for older browsers */
33   -article, aside, details, figcaption, figure,
  26 +article, aside, details, figcaption, figure,
34 27 footer, header, hgroup, menu, nav, section {
35   - display: block;
  28 + display: block;
36 29 }
37   -
  30 +body {
  31 + line-height: 1;
  32 +}
38 33 ol, ul {
39   - list-style: none;
  34 + list-style: none;
40 35 }
41   -
  36 +blockquote, q {
  37 + quotes: none;
  38 +}
  39 +blockquote:before, blockquote:after,
  40 +q:before, q:after {
  41 + content: '';
  42 + content: none;
  43 +}
42 44 table {
43   - border-collapse: collapse;
44   - border-spacing: 0;
  45 + border-collapse: collapse;
  46 + border-spacing: 0;
45 47 }
46 48  
47   -/*******************************************************************************
48   -Theme Styles
49   -*******************************************************************************/
50   -
  49 +/* LAYOUT STYLES */
51 50 body {
52   - box-sizing: border-box;
53   - color:#373737;
54   - background: #212121;
55   - font-size: 16px;
56   - font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
57   - line-height: 1.5;
58   - -webkit-font-smoothing: antialiased;
  51 + font-size: 1em;
  52 + line-height: 1.5;
  53 + background: #e7e7e7 url(../images/body-bg.png) 0 0 repeat;
  54 + font-family: 'Helvetica Neue', Helvetica, Arial, serif;
  55 + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  56 + color: #6d6d6d;
59 57 }
60 58  
61   -h1, h2, h3, h4, h5, h6 {
62   - margin: 10px 0;
63   - font-weight: 700;
64   - color:#222222;
65   - font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif;
66   - letter-spacing: -1px;
  59 +a {
  60 + color: #d5000d;
67 61 }
  62 +a:hover {
  63 + color: #c5000c;
  64 +}
68 65  
69   -h1 {
70   - font-size: 36px;
71   - font-weight: 700;
  66 +header {
  67 + padding-top: 35px;
  68 + padding-bottom: 25px;
72 69 }
73 70  
74   -h2 {
75   - padding-bottom: 10px;
76   - font-size: 32px;
77   - background: url('../images/bg_hr.png') repeat-x bottom;
  71 +header h1 {
  72 + font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif; font-weight: 900;
  73 + letter-spacing: -1px;
  74 + font-size: 48px;
  75 + color: #303030;
  76 + line-height: 1.2;
78 77 }
79 78  
80   -h3 {
  79 +header h2 {
  80 + letter-spacing: -1px;
81 81 font-size: 24px;
  82 + color: #aaa;
  83 + font-weight: normal;
  84 + line-height: 1.3;
82 85 }
83 86  
84   -h4 {
85   - font-size: 21px;
  87 +#container {
  88 + background: transparent url(../images/highlight-bg.jpg) 50% 0 no-repeat;
  89 + min-height: 595px;
86 90 }
87 91  
88   -h5 {
89   - font-size: 18px;
  92 +.inner {
  93 + width: 620px;
  94 + margin: 0 auto;
90 95 }
91 96  
92   -h6 {
93   - font-size: 16px;
  97 +#container .inner img {
  98 + max-width: 100%;
94 99 }
95 100  
96   -p {
97   - margin: 10px 0 15px 0;
  101 +#downloads {
  102 + margin-bottom: 40px;
98 103 }
99 104  
100   -footer p {
101   - color: #f2f2f2;
  105 +a.button {
  106 + -moz-border-radius: 30px;
  107 + -webkit-border-radius: 30px;
  108 + border-radius: 30px;
  109 + border-top: solid 1px #cbcbcb;
  110 + border-left: solid 1px #b7b7b7;
  111 + border-right: solid 1px #b7b7b7;
  112 + border-bottom: solid 1px #b3b3b3;
  113 + color: #303030;
  114 + line-height: 25px;
  115 + font-weight: bold;
  116 + font-size: 15px;
  117 + padding: 12px 8px 12px 8px;
  118 + display: block;
  119 + float: left;
  120 + width: 179px;
  121 + margin-right: 14px;
  122 + background: #fdfdfd; /* Old browsers */
  123 + background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%); /* FF3.6+ */
  124 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
  125 + background: -webkit-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
  126 + background: -o-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Opera 11.10+ */
  127 + background: -ms-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* IE10+ */
  128 + background: linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* W3C */
  129 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
  130 + -webkit-box-shadow: 10px 10px 5px #888;
  131 + -moz-box-shadow: 10px 10px 5px #888;
  132 + box-shadow: 0px 1px 5px #e8e8e8;
102 133 }
103   -
104   -a {
105   - text-decoration: none;
106   - color: #007edf;
107   - text-shadow: none;
108   -
109   - transition: color 0.5s ease;
110   - transition: text-shadow 0.5s ease;
111   - -webkit-transition: color 0.5s ease;
112   - -webkit-transition: text-shadow 0.5s ease;
113   - -moz-transition: color 0.5s ease;
114   - -moz-transition: text-shadow 0.5s ease;
115   - -o-transition: color 0.5s ease;
116   - -o-transition: text-shadow 0.5s ease;
117   - -ms-transition: color 0.5s ease;
118   - -ms-transition: text-shadow 0.5s ease;
  134 +a.button:hover {
  135 + border-top: solid 1px #b7b7b7;
  136 + border-left: solid 1px #b3b3b3;
  137 + border-right: solid 1px #b3b3b3;
  138 + border-bottom: solid 1px #b3b3b3;
  139 + background: #fafafa; /* Old browsers */
  140 + background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%); /* FF3.6+ */
  141 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
  142 + background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
  143 + background: -o-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Opera 11.10+ */
  144 + background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* IE10+ */
  145 + background: linear-gradient(top, #fdfdfd 0%,#f6f6f6, 100%); /* W3C */
  146 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
119 147 }
120 148  
121   -a:hover, a:focus {text-decoration: underline;}
122   -
123   -footer a {
124   - color: #F2F2F2;
125   - text-decoration: underline;
  149 +a.button span {
  150 + padding-left: 50px;
  151 + display: block;
  152 + height: 23px;
126 153 }
127 154  
128   -em {
129   - font-style: italic;
  155 +#download-zip span {
  156 + background: transparent url(../images/zip-icon.png) 12px 50% no-repeat;
130 157 }
131   -
132   -strong {
133   - font-weight: bold;
  158 +#download-tar-gz span {
  159 + background: transparent url(../images/tar-gz-icon.png) 12px 50% no-repeat;
134 160 }
135   -
136   -img {
137   - position: relative;
138   - margin: 0 auto;
139   - max-width: 739px;
140   - padding: 5px;
141   - margin: 10px 0 10px 0;
142   - border: 1px solid #ebebeb;
143   -
144   - box-shadow: 0 0 5px #ebebeb;
145   - -webkit-box-shadow: 0 0 5px #ebebeb;
146   - -moz-box-shadow: 0 0 5px #ebebeb;
147   - -o-box-shadow: 0 0 5px #ebebeb;
148   - -ms-box-shadow: 0 0 5px #ebebeb;
  161 +#view-on-github span {
  162 + background: transparent url(../images/octocat-icon.png) 12px 50% no-repeat;
149 163 }
150   -
151   -p img {
152   - display: inline;
153   - margin: 0;
154   - padding: 0;
155   - vertical-align: middle;
156   - text-align: center;
157   - border: none;
  164 +#view-on-github {
  165 + margin-right: 0;
158 166 }
159 167  
160   -pre, code {
161   - width: 100%;
  168 +code, pre {
  169 + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal;
162 170 color: #222;
163   - background-color: #fff;
164   -
165   - font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
  171 + margin-bottom: 30px;
166 172 font-size: 14px;
  173 +}
167 174  
168   - border-radius: 2px;
169   - -moz-border-radius: 2px;
170   - -webkit-border-radius: 2px;
  175 +code {
  176 + background-color: #f2f2f2;
  177 + border: solid 1px #ddd;
  178 + padding: 0 3px;
171 179 }
172 180  
173 181 pre {
174   - width: 100%;
175   - padding: 10px;
176   - box-shadow: 0 0 10px rgba(0,0,0,.1);
  182 + padding: 20px;
  183 + background: #303030;
  184 + color: #f2f2f2;
  185 + text-shadow: none;
177 186 overflow: auto;
178 187 }
179   -
180   -code {
181   - padding: 3px;
182   - margin: 0 3px;
183   - box-shadow: 0 0 10px rgba(0,0,0,.1);
184   -}
185   -
186 188 pre code {
187   - display: block;
188   - box-shadow: none;
  189 + color: #f2f2f2;
  190 + background-color: #303030;
  191 + border: none;
  192 + padding: 0;
189 193 }
190 194  
191   -blockquote {
192   - color: #666;
  195 +ul, ol, dl {
193 196 margin-bottom: 20px;
194   - padding: 0 0 0 20px;
195   - border-left: 3px solid #bbb;
196 197 }
197 198  
198 199  
199   -ul, ol, dl {
200   - margin-bottom: 15px
201   -}
  200 +/* COMMON STYLES */
202 201  
203   -ul {
204   - list-style: inside;
205   - padding-left: 20px;
  202 +hr {
  203 + height: 1px;
  204 + line-height: 1px;
  205 + margin-top: 1em;
  206 + padding-bottom: 1em;
  207 + border: none;
  208 + background: transparent url('../images/hr.png') 50% 0 no-repeat;
206 209 }
207 210  
208   -ol {
209   - list-style: decimal inside;
210   - padding-left: 20px;
211   -}
212   -
213   -dl dt {
  211 +strong {
214 212 font-weight: bold;
215 213 }
216 214  
217   -dl dd {
218   - padding-left: 20px;
  215 +em {
219 216 font-style: italic;
220 217 }
221 218  
222   -dl p {
223   - padding-left: 20px;
224   - font-style: italic;
  219 +table {
  220 + width: 100%;
  221 + border: 1px solid #ebebeb;
225 222 }
226 223  
227   -hr {
228   - height: 1px;
229   - margin-bottom: 5px;
230   - border: none;
231   - background: url('../images/bg_hr.png') repeat-x center;
  224 +th {
  225 + font-weight: 500;
232 226 }
233 227  
234   -table {
235   - border: 1px solid #373737;
236   - margin-bottom: 20px;
237   - text-align: left;
238   - }
239   -
240   -th {
241   - font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
242   - padding: 10px;
243   - background: #373737;
244   - color: #fff;
245   - }
246   -
247 228 td {
248   - padding: 10px;
249   - border: 1px solid #373737;
250   - }
  229 + border: 1px solid #ebebeb;
  230 + text-align: center;
  231 + font-weight: 300;
  232 +}
251 233  
252 234 form {
253 235 background: #f2f2f2;
254 236 padding: 20px;
  237 +
255 238 }
256 239  
257   -/*******************************************************************************
258   -Full-Width Styles
259   -*******************************************************************************/
260 240  
261   -.outer {
262   - width: 100%;
263   -}
  241 +/* GENERAL ELEMENT TYPE STYLES */
264 242  
265   -.inner {
266   - position: relative;
267   - max-width: 640px;
268   - padding: 20px 10px;
269   - margin: 0 auto;
270   -}
  243 +h1 {
  244 + font-size: 32px;
  245 +}
271 246  
272   -#forkme_banner {
273   - display: block;
274   - position: absolute;
275   - top:0;
276   - right: 10px;
277   - z-index: 10;
278   - padding: 10px 50px 10px 10px;
279   - color: #fff;
280   - background: url('../images/blacktocat.png') #0090ff no-repeat 95% 50%;
281   - font-weight: 700;
282   - box-shadow: 0 0 10px rgba(0,0,0,.5);
283   - border-bottom-left-radius: 2px;
284   - border-bottom-right-radius: 2px;
285   -}
  247 +h2 {
  248 + font-size: 22px;
  249 + font-weight: bold;
  250 + color: #303030;
  251 + margin-bottom: 8px;
  252 +}
286 253  
287   -#header_wrap {
288   - background: #212121;
289   - background: -moz-linear-gradient(top, #373737, #212121);
290   - background: -webkit-linear-gradient(top, #373737, #212121);
291   - background: -ms-linear-gradient(top, #373737, #212121);
292   - background: -o-linear-gradient(top, #373737, #212121);
293   - background: linear-gradient(top, #373737, #212121);
294   -}
  254 +h3 {
  255 + color: #d5000d;
  256 + font-size: 18px;
  257 + font-weight: bold;
  258 + margin-bottom: 8px;
  259 +}
  260 +
  261 +h4 {
  262 + font-size: 16px;
  263 + color: #303030;
  264 + font-weight: bold;
  265 +}
295 266  
296   -#header_wrap .inner {
297   - padding: 50px 10px 30px 10px;
298   -}
  267 +h5 {
  268 + font-size: 1em;
  269 + color: #303030;
  270 +}
299 271  
300   -#project_title {
301   - margin: 0;
302   - color: #fff;
303   - font-size: 42px;
304   - font-weight: 700;
305   - text-shadow: #111 0px 0px 10px;
306   -}
  272 +h6 {
  273 + font-size: .8em;
  274 + color: #303030;
  275 +}
307 276  
308   -#project_tagline {
309   - color: #fff;
310   - font-size: 24px;
  277 +p {
311 278 font-weight: 300;
312   - background: none;
313   - text-shadow: #111 0px 0px 10px;
  279 + margin-bottom: 20px;
314 280 }
  281 +
  282 +a {
  283 + text-decoration: none;
  284 +}
315 285  
316   -#downloads {
317   - position: absolute;
318   - width: 210px;
319   - z-index: 10;
320   - bottom: -40px;
321   - right: 0;
322   - height: 70px;
323   - background: url('../images/icon_download.png') no-repeat 0% 90%;
  286 +p a {
  287 + font-weight: 400;
324 288 }
325 289  
326   -.zip_download_link {
327   - display: block;
328   - float: right;
329   - width: 90px;
330   - height:70px;
331   - text-indent: -5000px;
332   - overflow: hidden;
333   - background: url(../images/sprite_download.png) no-repeat bottom left;
  290 +blockquote {
  291 + font-size: 1.6em;
  292 + border-left: 10px solid #e9e9e9;
  293 + margin-bottom: 20px;
  294 + padding: 0 0 0 30px;
334 295 }
335 296  
336   -.tar_download_link {
337   - display: block;
338   - float: right;
339   - width: 90px;
340   - height:70px;
341   - text-indent: -5000px;
342   - overflow: hidden;
343   - background: url(../images/sprite_download.png) no-repeat bottom right;
344   - margin-left: 10px;
  297 +ul li {
  298 + list-style: disc inside;
  299 + padding-left: 20px;
345 300 }
346 301  
347   -.zip_download_link:hover {
348   - background: url(../images/sprite_download.png) no-repeat top left;
  302 +ol li {
  303 + list-style: decimal inside;
  304 + padding-left: 3px;
349 305 }
350 306  
351   -.tar_download_link:hover {
352   - background: url(../images/sprite_download.png) no-repeat top right;
  307 +dl dt {
  308 + color: #303030;
353 309 }
354 310  
355   -#main_content_wrap {
356   - background: #f2f2f2;
357   - border-top: 1px solid #111;
358   - border-bottom: 1px solid #111;
  311 +footer {
  312 + background: transparent url('../images/hr.png') 0 0 no-repeat;
  313 + margin-top: 40px;
  314 + padding-top: 20px;
  315 + padding-bottom: 30px;
  316 + font-size: 13px;
  317 + color: #aaa;
359 318 }
360 319  
361   -#main_content {
362   - padding-top: 40px;
  320 +footer a {
  321 + color: #666;
363 322 }
  323 +footer a:hover {
  324 + color: #444;
  325 +}
364 326  
365   -#footer_wrap {
366   - background: #212121;
  327 +/* MISC */
  328 +.clearfix:after {
  329 + clear: both;
  330 + content: '.';
  331 + display: block;
  332 + visibility: hidden;
  333 + height: 0;
367 334 }
368 335  
  336 +.clearfix {display: inline-block;}
  337 +* html .clearfix {height: 1%;}
  338 +.clearfix {display: block;}
369 339  
  340 +/* #Media Queries
  341 +================================================== */
370 342  
371   -/*******************************************************************************
372   -Small Device Styles
373   -*******************************************************************************/
  343 +/* Smaller than standard 960 (devices and browsers) */
  344 +@media only screen and (max-width: 959px) {}
374 345  
375   -@media screen and (max-width: 480px) {
376   - body {
377   - font-size:14px;
378   - }
  346 +/* Tablet Portrait size to standard 960 (devices and browsers) */
  347 +@media only screen and (min-width: 768px) and (max-width: 959px) {}
379 348  
  349 +/* All Mobile Sizes (devices and browser) */
  350 +@media only screen and (max-width: 767px) {
  351 + header {
  352 + padding-top: 10px;
  353 + padding-bottom: 10px;
  354 + }
380 355 #downloads {
  356 + margin-bottom: 25px;
  357 + }
  358 + #download-zip, #download-tar-gz {
381 359 display: none;
382 360 }
383   -
384 361 .inner {
385   - min-width: 320px;
386   - max-width: 480px;
  362 + width: 94%;
  363 + margin: 0 auto;
387 364 }
  365 +}
388 366  
389   - #project_title {
390   - font-size: 32px;
391   - }
  367 +/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  368 +@media only screen and (min-width: 480px) and (max-width: 767px) {}
392 369  
393   - h1 {
394   - font-size: 28px;
395   - }
396   -
397   - h2 {
398   - font-size: 24px;
399   - }
400   -
401   - h3 {
402   - font-size: 21px;
403   - }
404   -
405   - h4 {
406   - font-size: 18px;
407   - }
408   -
409   - h5 {
410   - font-size: 14px;
411   - }
412   -
413   - h6 {
414   - font-size: 12px;
415   - }
416   -
417   - code, pre {
418   - min-width: 320px;
419   - max-width: 480px;
420   - font-size: 11px;
421   - }
422   -
423   -}
  370 +/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  371 +@media only screen and (max-width: 479px) {}