Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Changed the CSS to use the "Minimal" Github Pages theme #35

Merged
merged 2 commits into from

3 participants

@kgrz
Owner

Github Pages has a theme written by @orderedlist which can be modified and used. Tried to adopt it for the recipes repo. Good looking pages always get good attention :)

I will modify if something is out of place. No issues if you don't think this would be a good idea.

kgrz added some commits
@kgrz kgrz added the awesome modernist theme by orderedlist actually meant for g…
…ithub pages
60ee1ae
@kgrz kgrz Added vim swap files to the ignore list
Now uses thin
Made this more semantic by using header, aside and nav tags
Now using a slightly modified "Minimal" github pages theme
originally designed by @orderedlist. Modification involves
cloning the styles of the header tag to aside tag.

removed the incomplete asset_management portion
05dfa84
@zzak zzak merged commit 4395561 into from
@zzak
Owner

Looks good, deployed, thank you!

@kgrz
Owner

:)

@jacaetevha
Collaborator

The fixed position of the <aside> element doesn't work for smaller screens, or browsers that have a shortened height. I have a window with an innerHeight of 596. I cannot see all of the menu items, and the footer gets pushed up into the menu. This needs some work.

@kgrz
Owner
@zzak
Owner

@kgrz Cool, thanks! I just added some stuff and removed the 'public' folder from showing up on the menu.

We have a nice little list to show our appreciation to everyone who's helped now :smile:

@kgrz
Owner

@zzak Any idea why a "Bin" folder is showing up on the list items? It's not visible on my local repo though. It's on the production website. Screenshot: http://cl.ly/image/3Y0y2A1e443X

@zzak
Owner

@kgrz probably because of thin or something and bundler --binstubs

@zzak
Owner

@kgrz fixed by 16918ab, thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Feb 8, 2013
  1. @kgrz
Commits on Feb 9, 2013
  1. @kgrz

    Added vim swap files to the ignore list

    kgrz authored
    Now uses thin
    Made this more semantic by using header, aside and nav tags
    Now using a slightly modified "Minimal" github pages theme
    originally designed by @orderedlist. Modification involves
    cloning the styles of the header tag to aside tag.
    
    removed the incomplete asset_management portion
This page is out of date. Refresh to see the latest.
View
1  .gitignore
@@ -5,3 +5,4 @@ config/database.yml
bin
.bundle
+*.swp
View
1  Gemfile
@@ -3,3 +3,4 @@ gem "sinatra"
gem "sass"
gem "rdiscount"
gem "rack-cache"
+gem "thin"
View
186 app.rb
@@ -3,6 +3,7 @@
require 'erb'
require 'sass'
+set :public_folder, File.dirname(__FILE__) + '/public'
configure :production do
sha1, date = `git log HEAD~1..HEAD --pretty=format:%h^%ci`.strip.split('^')
@@ -59,138 +60,77 @@
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Sinatra Recipes</title>
- <link rel="stylesheet" type="text/css" href="/style.css" />
+ <link rel="stylesheet" type="text/css" href="/stylesheets/styles.css" />
+ <link rel="stylesheet" type="text/css" href="/stylesheets/pygment_trac.css" />
<link rel="shortcut icon" href="https://github.com/sinatra/resources/raw/master/logo/favicon.ico">
- <script
- type='text/javascript'
+ <script src="javascripts/scale.fix.js"/>
+ <script type='text/javascript'
src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js'>
</script>
</head>
<body>
- <a name='top' />
- <div id="header">
- <h2>Community contributed recipes and techniques</h2>
- <h1><a href="/">
- <img src="https://github.com/sinatra/resources/raw/master/logo/sinatra-classic-156.png" />
- Sinatra Recipes
- </a></h1>
- </div>
- <div id="menu">
- <ul>
- <% @menu.each do |me| %>
- <li>
- <a href='/p/<%= "#{me}" %>'>
- <%= me.capitalize.sub('_', ' ') %>
- </a>
- </li>
- <% end %>
- </ul>
- </div>
- <div id="content">
- <div id="post">
- <%= yield %>
- <% if @children %>
- <div id="children">
- <ul>
- <% @children.each do |child| %>
- <li>
- <a href='/p/<%= "#{params[:topic]}/#{child}" %>'>
- <%= child.capitalize.sub('_', ' ') %>
+ <div class="wrapper">
+ <aside>
+ <header>
+ <img src="https://github.com/sinatra/resources/raw/master/logo/sinatra-classic-156.png" />
+ <h1>
+ Sinatra Recipes
+ </h1>
+ <p>Community contributed recipes and techniques</p>
+ <p class="view"><a href="http://github.com/sinatra/sinatra-recipes">View the Project on GitHub <small>sinatra/sinatra-recipes</small></a></p>
+ <ul>
+ <li><a href="https://github.com/sinatra/sinatra-recipes/zipball/master">Download <strong>ZIP File</strong></a></li>
+ <li><a href="https://github.com/sinatra/sinatra-recipes/tarball/master">Download <strong>TAR Ball</strong></a></li>
+ <li><a href="http://github.com/sinatra/sinatra-recipes">Fork On <strong>GitHub</strong></a></li>
+ </ul>
+ </header>
+ <nav>
+ <h2>Topics</h2>
+ <dl>
+ <% @menu.each do |me| %>
+ <dt>
+ <a href='/p/<%= "#{me}" %>'>
+ <%= me.capitalize.sub('_', ' ') %>
</a>
- </li>
+ </dt>
<% end %>
- </ul>
- </div>
- <% end %>
-
- <% if @readme %>
- <div id="footer">
- <h2>Did we miss something?</h2>
- <p>It's very possible we've left something out, thats why we need your help! This
- is a community driven project after all. Feel free to fork the project and send
- us a pull request to get your recipe or tutorial included in the book.</p>
- <p>See the <a href="http://github.com/sinatra/recipes/blob/master/README.md">README</a> for more details.</p>
- </div>
- <% end %>
- </div>
+ </dl>
+ </nav>
+ </aside>
+ <section>
+ <div id="post">
+ <%= yield %>
+ <% if @children %>
+ <div id="children">
+ <ul>
+ <% @children.each do |child| %>
+ <li>
+ <a href='/p/<%= "#{params[:topic]}/#{child}" %>'>
+ <%= child.capitalize.sub('_', ' ') %>
+ </a>
+ </li>
+ <% end %>
+ </ul>
+ </div>
+ <% end %>
+
+ <% if @readme %>
+ <div id="footer">
+ <h2>Did we miss something?</h2>
+ <p>It's very possible we've left something out, thats why we need your help! This
+ is a community driven project after all. Feel free to fork the project and send
+ us a pull request to get your recipe or tutorial included in the book.</p>
+ <p>See the <a href="http://github.com/sinatra/recipes/blob/master/README.md">README</a> for more details.</p>
+ </div>
+ <% end %>
+ </div>
+ </section>
+
+ <a href="http://github.com/sinatra/sinatra-recipes">
+ <img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub" />
+ </a>
</div>
-
- <a href="http://github.com/sinatra/sinatra-recipes">
- <img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub" />
- </a>
</body>
</html>
-@@ style
-body
- font-family: 'Lucida Grande', Verdana, sans-serif
- margin: 0 auto
- max-width: 800px
-
-h1, h2, h3, h4, h5
- font-family: georgia, 'bitstream vera serif', serif
- font-weight: normal
- font-size: 2em
- line-height: 160%
-
-a:link, a:visited
- color: #3F3F3F
-
-a:hover, a:active
- color: #8F8F8F
-
-.small
- font-size: .7em
-
-#header
- margin: 10px 0px
- a
- text-decoration: none
- h1
- float: left
- width: 250px
- font-size: 2.65em
- line-height: .75em
- h2
- text-align: right
- font-style: oblique
- font-size: 1em
- float: right
- width: 450px
- img
- float: left
- width: 100px
- margin-right: 15px
- border: 0
-
-#menu
- float: left
- max-width: 200px
- word-wrap: break-word
- font-size: .9em
- clear: left
-
-#children
- clear: both
- ul li
- float: left
- width: 275px
- height: 40px
-
-#content
- float: right
- max-width: 600px
- pre
- padding: 10px
- max-width: 600px
- overflow: auto
- overflow-Y: hidden
- background: #EEE
- line-height: 100%
-
-#post
- line-height: 110%
-#footer
- clear: both
- margin-top: 20px
View
141 index.html
@@ -0,0 +1,141 @@
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="chrome=1">
+ <title>Minimal by Steve Smith</title>
+
+ <link rel="stylesheet" href="stylesheets/styles.css">
+ <link rel="stylesheet" href="stylesheets/pygment_trac.css">
+ <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+ <!--[if lt IE 9]>
+ <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+ </head>
+ <body>
+ <div class="wrapper">
+ <header>
+ <h1>Minimal</h1>
+ <p>A Theme for GitHub Pages</p>
+ <p class="view"><a href="http://github.com/orderedlist/minimal">View the Project on GitHub <small>orderedlist/minimal</small></a></p>
+ <ul>
+ <li><a href="https://github.com/orderedlist/minimal/zipball/master">Download <strong>ZIP File</strong></a></li>
+ <li><a href="https://github.com/orderedlist/minimal/tarball/master">Download <strong>TAR Ball</strong></a></li>
+ <li><a href="http://github.com/orderedlist/minimal">Fork On <strong>GitHub</strong></a></li>
+ </ul>
+ </header>
+ <section>
+ <h1>Let&rsquo;s Test Some Markup</h1>
+ <p><em>View the <a href="http://github.github.com/github-flavored-markdown/sample_content.html">source of this content</a>.</em></p>
+ <p>Let's get the whole "linebreak" thing out of the way. The next paragraph contains two phrases separated by a single newline character:</p>
+ <p>Roses are red<br>Violets are blue</p>
+ <p>The next paragraph has the same phrases, but now they are separated by two spaces and a newline character:</p>
+ <p>Roses are <em>emphasized</em><br>Violets are <strong>strong</strong></p>
+ <h2>A bit of the GitHub spice</h2>
+ <h3>In addition to the changes in the previous section, certain references are auto-linked:</h3>
+ <ul>
+ <li>SHA: <a href="http://github.com/mojombo/god/commit/be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2">be6a8cc</a></li>
+ <li>User@SHA ref: <a href="http://github.com/mojombo/god/commit/be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2">mojombo@be6a8cc</a></li>
+ <li>User/Project@SHA: <a href="http://github.com/mojombo/god/commit/be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2">mojombo/god@be6a8cc</a></li>
+ <li>#Num: <a href="http://github.com/mojombo/god/issues/#issue/1">#1</a></li>
+ <li>User/#Num: <a href="http://github.com/mojombo/god/issues/#issue/1">mojombo#1</a></li>
+ <li>User/Project#Num: <a href="http://github.com/mojombo/god/issues/#issue/1">mojombo/god#1</a></li>
+ </ul>
+ <h3>These are dangerous goodies though, and we need to make sure email addresses don't get mangled:</h3>
+ <p>My email addy is <a href="mailto:tom@github.com">tom@github.com</a>.</p>
+ <h2>Math is hard, let's go shopping</h2>
+ <p>In first grade I learned that 5 &gt; 3 and 2 &lt; 7. Maybe some arrows. 1 -&gt; 2 -&gt; 3. 9 &lt;- 8 &lt;- 7.</p>
+ <p>Triangles man! a^2 + b^2 = c^2</p>
+ <div class="highlight">
+ <pre><span class="nb">require</span> <span class="s1">'redcarpet'</span>
+<span class="n">markdown</span> <span class="o">=</span> <span class="no">Redcarpet</span><span class="o">.</span><span class="n">new</span><span class="p">(</span><span class="s2">"Hello World!"</span><span class="p">)</span>
+<span class="nb">puts</span> <span class="n">markdown</span><span class="o">.</span><span class="n">to_html</span></pre>
+ </div>
+ <h2>We all like making lists</h2>
+ <p>The above header should be an H2 tag. Now, for a list of fruits:</p>
+ <ul>
+ <li>Red Apples</li>
+ <li>Purple Grapes</li>
+ <li>Green Kiwifruits</li>
+ </ul>
+ <p>Let's get crazy:</p>
+ <ol>
+ <li><p>This is a list item with two paragraphs. Lorem ipsum dolor<br>sit amet, consectetuer adipiscing elit. Aliquam hendrerit<br>mi posuere lectus.</p>
+ <p>Vestibulum enim wisi, viverra nec, fringilla in, laoreet<br>vitae, risus. Donec sit amet nisl. Aliquam semper ipsum<br>sit amet velit.</p></li>
+ <li><p>Suspendisse id sem consectetuer libero luctus adipiscing.</p></li>
+ </ol>
+ <p>What about some code <strong>in</strong> a list? That's insane, right?</p>
+ <ol>
+ <li><p>In Ruby you can map like this:</p>
+ <pre><code>['a', 'b'].map { |x| x.uppercase }</code></pre></li>
+ <li><p>In Rails, you can do a shortcut:</p>
+ <pre><code>['a', 'b'].map(&amp;:uppercase)</code></pre></li>
+ </ol>
+ <p>Some people seem to like definition lists</p>
+ <dl>
+ <dt>Lower cost</dt>
+ <dd>The new version of this product costs significantly less than the previous one!</dd>
+ <dt>Easier to use</dt>
+ <dd>We've changed the product so that it's much easier to use!</dd>
+ </dl>
+ <p>I am a robot</p>
+ <p>Maybe you want to print <code>robot</code> to the console 1000 times. Why not?</p>
+ <pre><code>def robot_invasion
+ puts("robot " * 1000)
+end</code></pre>
+ <p>You see, that was formatted as code because it's been indented by four spaces.</p>
+ <p>How about we throw some angle braces and ampersands in there?</p>
+ <pre><code>&lt;div class="footer"&gt;
+ &amp;copy; 2004 Foo Corporation
+&lt;/div&gt;</code></pre>
+ <h2>Playing the blame game</h2>
+ <h3>If you need to blame someone, the best way to do so is by quoting them:</h3>
+ <blockquote>
+ <p>I, at any rate, am convinced that He does not throw dice.</p>
+ </blockquote>
+ <p>Or perhaps someone a little less eloquent:</p>
+ <blockquote>
+ <p>I wish you'd have given me this written question ahead of time so I<br>could plan for it... I'm sure something will pop into my head here in<br>the midst of this press conference, with all the pressure of trying to<br>come up with answer, but it hadn't yet...</p>
+ <p>I don't want to sound like<br>I have made no mistakes. I'm confident I have. I just haven't - you<br>just put me under the spot here, and maybe I'm not as quick on my feet<br>as I should be in coming up with one.</p>
+ </blockquote>
+ <h2>Table for two</h2>
+ <table>
+ <tbody><tr>
+ <th>ID</th><th>Name</th><th>Rank</th>
+ </tr>
+ <tr>
+ <td>1</td><td>Tom Preston-Werner</td><td>Awesome</td>
+ </tr>
+ <tr>
+ <td>2</td><td>Albert Einstein</td><td>Nearly as awesome</td>
+ </tr>
+ </tbody></table>
+
+ <h2>Play by the rules</h2>
+ <p>Let's not forget the horizontal rule</p>
+ <hr/>
+
+ <h2>Crazy linking action</h2>
+ <p>I get 10 times more traffic from <a href="http://google.com/" title="Google">Google</a> than from<br><a href="http://search.yahoo.com/" title="Yahoo Search">Yahoo</a> or <a href="http://search.msn.com/" title="MSN Search">MSN</a>.</p>
+ <h2>Headlines</h2>
+ <h1>Headline 1</h1>
+ <p>Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.</p>
+ <h2>Headline 2</h2>
+ <p>Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.</p>
+ <h3>Headline 3</h3>
+ <p>Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.</p>
+ <h4>Headline 4</h4>
+ <p>Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.</p>
+ <h5>Headline 5</h5>
+ <p>Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.</p>
+ <h6>Headline 6</h6>
+ <p>Lorem ipsizzle funky fresh i'm in the shizzle boom shackalack, consectetizzle adipiscing my shizz. Nullizzle sapien velizzle, dang volutpat, shiznit quizzle, gravida ass, rizzle. Pot get down get down tortor. Sed erizzle. Black go to hizzle dolizzle dapibizzle turpis fo shizzle my nizzle yo. Maurizzle pellentesque nibh et check it out. Bow wow wow check it out tortizzle. Pellentesque for sure rhoncizzle bow wow wow. In owned habitasse brizzle dictumst. Nizzle dapibizzle. Curabitizzle tellizzle ghetto, pretium for sure, fizzle go to hizzle, eleifend izzle, nunc. Dope suscipizzle. Integizzle boom shackalack velit ass purus.</p>
+ </section>
+ <footer>
+ <p>This project is maintained by <a href="http://github.com/orderedlist">Steve Smith</a></p>
+ <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
+ </footer>
+ </div>
+ <script src="javascripts/scale.fix.js"></script>
+ </body>
+</html>
View
17 public/javascripts/scale.fix.js
@@ -0,0 +1,17 @@
+var metas = document.getElementsByTagName('meta');
+var i;
+if (navigator.userAgent.match(/iPhone/i)) {
+ for (i=0; i<metas.length; i++) {
+ if (metas[i].name == "viewport") {
+ metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
+ }
+ }
+ document.addEventListener("gesturestart", gestureStart, false);
+}
+function gestureStart() {
+ for (i=0; i<metas.length; i++) {
+ if (metas[i].name == "viewport") {
+ metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
+ }
+ }
+}
View
69 public/stylesheets/pygment_trac.css
@@ -0,0 +1,69 @@
+.highlight { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+
+.type-csharp .highlight .k { color: #0000FF }
+.type-csharp .highlight .kt { color: #0000FF }
+.type-csharp .highlight .nf { color: #000000; font-weight: normal }
+.type-csharp .highlight .nc { color: #2B91AF }
+.type-csharp .highlight .nn { color: #000000 }
+.type-csharp .highlight .s { color: #A31515 }
+.type-csharp .highlight .sc { color: #A31515 }
View
287 public/stylesheets/styles.css
@@ -0,0 +1,287 @@
+@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);
+
+body {
+ padding:50px;
+ font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color:#777;
+ font-weight:300;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ color:#222;
+ margin:0 0 20px;
+}
+
+p, ul, ol, table, pre, dl {
+ margin:0 0 20px;
+}
+
+h1, h2, h3 {
+ line-height:1.1;
+}
+
+h1 {
+ font-size:28px;
+}
+
+h2 {
+ color:#393939;
+}
+
+h3, h4, h5, h6 {
+ color:#494949;
+}
+
+a {
+ color:#39c;
+ font-weight:400;
+ text-decoration:none;
+}
+
+a:hover {
+ color:#069;
+}
+
+a small {
+ font-size:11px;
+ color:#777;
+ margin-top:-0.6em;
+ display:block;
+}
+
+a:hover small {
+ color:#777;
+}
+
+.wrapper {
+ width:860px;
+ margin:0 auto;
+}
+
+blockquote {
+ border-left:1px solid #e5e5e5;
+ margin:0;
+ padding:0 0 0 20px;
+ font-style:italic;
+}
+
+code, pre {
+ font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
+ color:#333;
+ font-size:12px;
+}
+
+pre {
+ padding:8px 15px;
+ background: #f8f8f8;
+ border-radius:5px;
+ border:1px solid #e5e5e5;
+ overflow-x: auto;
+}
+
+table {
+ width:100%;
+ border-collapse:collapse;
+}
+
+th, td {
+ text-align:left;
+ padding:5px 10px;
+ border-bottom:1px solid #e5e5e5;
+}
+
+dt {
+ color:#444;
+ font-weight:700;
+}
+
+th {
+ color:#444;
+}
+
+img {
+ max-width:100%;
+}
+
+aside {
+ float:left;
+ position:fixed;
+ width:270px;
+}
+
+header ul {
+ list-style:none;
+ height:40px;
+
+ padding:0;
+
+ background: #eee;
+ background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
+ background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+ background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+ background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+ background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+
+ border-radius:5px;
+ border:1px solid #d2d2d2;
+ box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;
+ width:270px;
+}
+
+header li {
+ width:89px;
+ float:left;
+ border-right:1px solid #d2d2d2;
+ height:40px;
+}
+
+header li:first-child a {
+ border-radius:5px 0 0 5px;
+}
+
+header li:last-child a {
+ border-radius:0 5px 5px 0;
+}
+
+header ul a {
+ line-height:1;
+ font-size:11px;
+ color:#999;
+ display:block;
+ text-align:center;
+ padding-top:6px;
+ height:34px;
+}
+
+header ul a:hover {
+ color:#999;
+ background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd));
+ background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%);
+ background: -o-linear-gradient(top, #fff 0%,#ddd 100%);
+ background: -ms-linear-gradient(top, #fff 0%,#ddd 100%);
+ background: linear-gradient(top, #fff 0%,#ddd 100%);
+}
+
+header ul a:active {
+ -webkit-box-shadow: inset 0px 2px 2px 0px #ddd;
+ -moz-box-shadow: inset 0px 2px 2px 0px #ddd;
+ box-shadow: inset 0px 2px 2px 0px #ddd;
+}
+
+strong {
+ color:#222;
+ font-weight:700;
+}
+
+header ul li + li {
+ width:88px;
+ border-left:1px solid #fff;
+}
+
+header ul li + li + li {
+ border-right:none;
+ width:89px;
+}
+
+header ul a strong {
+ font-size:14px;
+ display:block;
+ color:#222;
+}
+
+section {
+ width:500px;
+ float:right;
+ padding-bottom:50px;
+}
+
+small {
+ font-size:11px;
+}
+
+hr {
+ border:0;
+ background:#e5e5e5;
+ height:1px;
+ margin:0 0 20px;
+}
+
+footer {
+ width:270px;
+ float:left;
+ position:fixed;
+ bottom:50px;
+}
+
+@media print, screen and (max-width: 960px) {
+
+ div.wrapper {
+ width:auto;
+ margin:0;
+ }
+
+ header, section, footer {
+ float:none;
+ position:static;
+ width:auto;
+ }
+
+ header {
+ padding-right:320px;
+ }
+
+ section {
+ border:1px solid #e5e5e5;
+ border-width:1px 0;
+ padding:20px 0;
+ margin:0 0 20px;
+ }
+
+ header a small {
+ display:inline;
+ }
+
+ header ul {
+ position:absolute;
+ right:50px;
+ top:52px;
+ }
+}
+
+@media print, screen and (max-width: 720px) {
+ body {
+ word-wrap:break-word;
+ }
+
+ header {
+ padding:0;
+ }
+
+ header ul, header p.view {
+ position:static;
+ }
+
+ pre, code {
+ word-wrap:normal;
+ }
+}
+
+@media print, screen and (max-width: 480px) {
+ body {
+ padding:15px;
+ }
+
+ header ul {
+ display:none;
+ }
+}
+
+@media print {
+ body {
+ padding:0.4in;
+ font-size:12pt;
+ color:#444;
+ }
+}
Something went wrong with that request. Please try again.