Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Create gh-pages branch via GitHub

  • Loading branch information...
commit 2fbacaaae82dbafe591f45b0e822fe870272e38c 0 parents
Arun Agrawal authored
BIN  images/body-bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  images/download-button.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  images/github-button.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  images/header-bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  images/highlight-bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  images/sidebar-bg.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
130 index.html
@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset='utf-8'>
+ <meta http-equiv="X-UA-Compatible" content="chrome=1">
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+ <link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen" />
+ <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen" />
+ <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" />
+
+ <!--[if lt IE 9]>
+ <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <title>Omniauth-twitter by arunagw</title>
+ </head>
+
+ <body>
+ <header>
+ <div class="inner">
+ <h1>Omniauth-twitter</h1>
+ <h2>OmniAuth strategy for Twitter</h2>
+ <a href="https://github.com/arunagw/omniauth-twitter" class="button"><small>View project on</small>GitHub</a>
+ </div>
+ </header>
+
+ <div id="content-wrapper">
+ <div class="inner clearfix">
+ <section id="main-content">
+ <h1>OmniAuth Twitter</h1>
+
+<p>This gem contains the Twitter strategy for OmniAuth.</p>
+
+<p>Twitter uses the OAuth 1.0a flow, you can read about it here: <a href="https://dev.twitter.com/docs/auth/oauth">https://dev.twitter.com/docs/auth/oauth</a></p>
+
+<h2>How To Use It</h2>
+
+<p>Usage is as per any other OmniAuth 1.0 strategy. So let's say you're using Rails, you need to add the strategy to your <code>Gemfile</code>:</p>
+
+<pre><code>gem 'omniauth-twitter'
+</code></pre>
+
+<p>You can pull them in directly from github e.g.:</p>
+
+<pre><code>gem 'omniauth-twitter', :git =&gt; 'https://github.com/arunagw/omniauth-twitter.git'
+</code></pre>
+
+<p>Once these are in, you need to add the following to your <code>config/initializers/omniauth.rb</code>:</p>
+
+<pre><code>Rails.application.config.middleware.use OmniAuth::Builder do
+ provider :twitter, "consumer_key", "consumer_secret"
+end
+</code></pre>
+
+<p>You will obviously have to put in your key and secret, which you get when you register your app with Twitter (they call them API Key and Secret Key). </p>
+
+<p>Twitter also optionally supports specifying a username when authenticating. This is handy when your application supports multiple twitter accounts since you can prompt the user to login to the correct account (and not defaulting to the current login). </p>
+
+<p>To use this, just add a querystring for screen_name. </p>
+
+<pre><code>/auth/twitter?screen_name=scottw
+</code></pre>
+
+<p>You can also specify <code>force_login</code> without specifying the screen_name to prompt the user to choose the twitter account they wish to use.</p>
+
+<pre><code>/auth/twitter?force_login=true
+</code></pre>
+
+<p>Twitter also optionally supports specifying a x_auth_access_type when authenticating. This is handy when you need to specify special permission in some cases.</p>
+
+<p>To use this, just add a querystring for x_auth_access_type. </p>
+
+<pre><code>/auth/twitter?x_auth_access_type=read
+</code></pre>
+
+<p>Now just follow the README at: <a href="https://github.com/intridea/omniauth">https://github.com/intridea/omniauth</a></p>
+
+<h2>Watch the RailsCast</h2>
+
+<p>Ryan Bates has put together an excellent RailsCast on OmniAuth:</p>
+
+<p><a href="http://railscasts.com/episodes/241-simple-omniauth-revised"><img src="https://www.evernote.com/shard/s35/sh/479f2503-aefa-4542-a7b4-8f84fd22eafc/0571f5a3795a0be3d0b0814312a8d5b7/res/49b5478a-657c-4aff-ae58-dae08b9a46d5/Screen_Shot_2012-07-15_at_12.41.15_PM-20120715-125424.jpg.jpg" alt="RailsCast #241" title="RailsCast #241 - Simple OmniAuth (revised)"></a></p>
+
+<h2>Supported Rubies</h2>
+
+<p>OmniAuth Twitter is tested under 1.8.7, 1.9.2, 1.9.3 and Ruby Enterprise Edition.</p>
+
+<p><a href="http://travis-ci.org/arunagw/omniauth-twitter"><img src="https://secure.travis-ci.org/arunagw/omniauth-twitter.png" alt="CI Build
+Status"></a></p>
+
+<h2>Note on Patches/Pull Requests</h2>
+
+<ul>
+<li>Fork the project.</li>
+<li>Make your feature addition or bug fix.</li>
+<li>Add tests for it. This is important so I don’t break it in a future version unintentionally.</li>
+<li>Commit, do not mess with rakefile, version, or history. (if you want to have your own version, that is fine but bump version in a commit by itself I can ignore when I pull)</li>
+<li>Send me a pull request. Bonus points for topic branches.</li>
+</ul><h2>License</h2>
+
+<p>Copyright (c) 2011 by Arun Agrawal</p>
+
+<p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:</p>
+
+<p>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.</p>
+
+<p>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.</p>
+ </section>
+
+ <aside id="sidebar">
+ <a href="https://github.com/arunagw/omniauth-twitter/zipball/master" class="button">
+ <small>Download</small>
+ .zip file
+ </a>
+ <a href="https://github.com/arunagw/omniauth-twitter/tarball/master" class="button">
+ <small>Download</small>
+ .tar.gz file
+ </a>
+
+ <p class="repo-owner"><a href="https://github.com/arunagw/omniauth-twitter"></a> is maintained by <a href="https://github.com/arunagw">arunagw</a>.</p>
+
+ <p>This page was generated by <a href="pages.github.com">GitHub Pages</a> using the Architect theme by <a href="http://twitter.com/jasonlong">Jason Long</a>.</p>
+ </aside>
+ </div>
+ </div>
+
+
+ </body>
+</html>
1  javascripts/main.js
@@ -0,0 +1 @@
+console.log('This would be the main JS file.');
1  params.json
@@ -0,0 +1 @@
+{"body":"# OmniAuth Twitter\r\n\r\nThis gem contains the Twitter strategy for OmniAuth.\r\n\r\nTwitter uses the OAuth 1.0a flow, you can read about it here: https://dev.twitter.com/docs/auth/oauth\r\n\r\n## How To Use It\r\n\r\nUsage is as per any other OmniAuth 1.0 strategy. So let's say you're using Rails, you need to add the strategy to your `Gemfile`:\r\n\r\n gem 'omniauth-twitter'\r\n\r\nYou can pull them in directly from github e.g.:\r\n\r\n gem 'omniauth-twitter', :git => 'https://github.com/arunagw/omniauth-twitter.git'\r\n\r\nOnce these are in, you need to add the following to your `config/initializers/omniauth.rb`:\r\n\r\n Rails.application.config.middleware.use OmniAuth::Builder do\r\n provider :twitter, \"consumer_key\", \"consumer_secret\" \r\n end\r\n\r\nYou will obviously have to put in your key and secret, which you get when you register your app with Twitter (they call them API Key and Secret Key). \r\n\r\nTwitter also optionally supports specifying a username when authenticating. This is handy when your application supports multiple twitter accounts since you can prompt the user to login to the correct account (and not defaulting to the current login). \r\n\r\nTo use this, just add a querystring for screen_name. \r\n\r\n\t/auth/twitter?screen_name=scottw\r\n\r\nYou can also specify ```force_login``` without specifying the screen_name to prompt the user to choose the twitter account they wish to use.\r\n\r\n /auth/twitter?force_login=true\r\n\r\nTwitter also optionally supports specifying a x_auth_access_type when authenticating. This is handy when you need to specify special permission in some cases.\r\n\r\nTo use this, just add a querystring for x_auth_access_type. \r\n\r\n\t/auth/twitter?x_auth_access_type=read\t\r\n\r\n\r\nNow just follow the README at: https://github.com/intridea/omniauth\r\n\r\n## Watch the RailsCast\r\n\r\nRyan Bates has put together an excellent RailsCast on OmniAuth:\r\n\r\n[![RailsCast #241](https://www.evernote.com/shard/s35/sh/479f2503-aefa-4542-a7b4-8f84fd22eafc/0571f5a3795a0be3d0b0814312a8d5b7/res/49b5478a-657c-4aff-ae58-dae08b9a46d5/Screen_Shot_2012-07-15_at_12.41.15_PM-20120715-125424.jpg.jpg \"RailsCast #241 - Simple OmniAuth (revised)\")](http://railscasts.com/episodes/241-simple-omniauth-revised)\r\n\r\n\r\n## Supported Rubies\r\n\r\nOmniAuth Twitter is tested under 1.8.7, 1.9.2, 1.9.3 and Ruby Enterprise Edition.\r\n\r\n[![CI Build\r\nStatus](https://secure.travis-ci.org/arunagw/omniauth-twitter.png)](http://travis-ci.org/arunagw/omniauth-twitter)\r\n\r\n## Note on Patches/Pull Requests\r\n\r\n- Fork the project.\r\n- Make your feature addition or bug fix.\r\n- Add tests for it. This is important so I don’t break it in a future version unintentionally.\r\n- Commit, do not mess with rakefile, version, or history. (if you want to have your own version, that is fine but bump version in a commit by itself I can ignore when I pull)\r\n- Send me a pull request. Bonus points for topic branches.\r\n\r\n## License\r\n\r\nCopyright (c) 2011 by Arun Agrawal\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\r\n\r\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.","note":"Don't delete this file! It's used internally to help with page regeneration.","tagline":"OmniAuth strategy for Twitter","google":"","name":"Omniauth-twitter"}
226 stylesheets/print.css
@@ -0,0 +1,226 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+body {
+ font-size: 13px;
+ line-height: 1.5;
+ font-family: 'Helvetica Neue', Helvetica, Arial, serif;
+ color: #000;
+}
+
+a {
+ color: #d5000d;
+ font-weight: bold;
+}
+
+header {
+ padding-top: 35px;
+ padding-bottom: 10px;
+}
+
+header h1 {
+ font-weight: bold;
+ letter-spacing: -1px;
+ font-size: 48px;
+ color: #303030;
+ line-height: 1.2;
+}
+
+header h2 {
+ letter-spacing: -1px;
+ font-size: 24px;
+ color: #aaa;
+ font-weight: normal;
+ line-height: 1.3;
+}
+#downloads {
+ display: none;
+}
+#main_content {
+ padding-top: 20px;
+}
+
+code, pre {
+ font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal;
+ color: #222;
+ margin-bottom: 30px;
+ font-size: 12px;
+}
+
+code {
+ padding: 0 3px;
+}
+
+pre {
+ border: solid 1px #ddd;
+ padding: 20px;
+ overflow: auto;
+}
+pre code {
+ padding: 0;
+}
+
+ul, ol, dl {
+ margin-bottom: 20px;
+}
+
+
+/* COMMON STYLES */
+
+table {
+ width: 100%;
+ border: 1px solid #ebebeb;
+}
+
+th {
+ font-weight: 500;
+}
+
+td {
+ border: 1px solid #ebebeb;
+ text-align: center;
+ font-weight: 300;
+}
+
+form {
+ background: #f2f2f2;
+ padding: 20px;
+
+}
+
+
+/* GENERAL ELEMENT TYPE STYLES */
+
+h1 {
+ font-size: 2.8em;
+}
+
+h2 {
+ font-size: 22px;
+ font-weight: bold;
+ color: #303030;
+ margin-bottom: 8px;
+}
+
+h3 {
+ color: #d5000d;
+ font-size: 18px;
+ font-weight: bold;
+ margin-bottom: 8px;
+}
+
+h4 {
+ font-size: 16px;
+ color: #303030;
+ font-weight: bold;
+}
+
+h5 {
+ font-size: 1em;
+ color: #303030;
+}
+
+h6 {
+ font-size: .8em;
+ color: #303030;
+}
+
+p {
+ font-weight: 300;
+ margin-bottom: 20px;
+}
+
+a {
+ text-decoration: none;
+}
+
+p a {
+ font-weight: 400;
+}
+
+blockquote {
+ font-size: 1.6em;
+ border-left: 10px solid #e9e9e9;
+ margin-bottom: 20px;
+ padding: 0 0 0 30px;
+}
+
+ul li {
+ list-style: disc inside;
+ padding-left: 20px;
+}
+
+ol li {
+ list-style: decimal inside;
+ padding-left: 3px;
+}
+
+dl dd {
+ font-style: italic;
+ font-weight: 100;
+}
+
+footer {
+ margin-top: 40px;
+ padding-top: 20px;
+ padding-bottom: 30px;
+ font-size: 13px;
+ color: #aaa;
+}
+
+footer a {
+ color: #666;
+}
+
+/* MISC */
+.clearfix:after {
+ clear: both;
+ content: '.';
+ display: block;
+ visibility: hidden;
+ height: 0;
+}
+
+.clearfix {display: inline-block;}
+* html .clearfix {height: 1%;}
+.clearfix {display: block;}
69 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 }
479 stylesheets/stylesheet.css
@@ -0,0 +1,479 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+/* LAYOUT STYLES */
+body {
+ font-size: 15px;
+ line-height: 1.5;
+ background: #fafafa url(../images/body-bg.jpg) 0 0 repeat;
+ font-family: 'Helvetica Neue', Helvetica, Arial, serif;
+ font-weight: 400;
+ color: #666;
+}
+
+a {
+ color: #2879d0;
+}
+a:hover {
+ color: #2268b2;
+}
+
+header {
+ padding-top: 40px;
+ padding-bottom: 40px;
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+ background: #2e7bcf url(../images/header-bg.jpg) 0 0 repeat-x;
+ border-bottom: solid 1px #275da1;
+}
+
+header h1 {
+ letter-spacing: -1px;
+ font-size: 72px;
+ color: #fff;
+ line-height: 1;
+ margin-bottom: 0.2em;
+ width: 540px;
+}
+
+header h2 {
+ font-size: 26px;
+ color: #9ddcff;
+ font-weight: normal;
+ line-height: 1.3;
+ width: 540px;
+ letter-spacing: 0;
+}
+
+.inner {
+ position: relative;
+ width: 940px;
+ margin: 0 auto;
+}
+
+#content-wrapper {
+ border-top: solid 1px #fff;
+ padding-top: 30px;
+}
+
+#main-content {
+ width: 690px;
+ float: left;
+}
+
+#main-content img {
+ max-width: 100%;
+}
+
+aside#sidebar {
+ width: 200px;
+ padding-left: 20px;
+ min-height: 504px;
+ float: right;
+ background: transparent url(../images/sidebar-bg.jpg) 0 0 no-repeat;
+ font-size: 12px;
+ line-height: 1.3;
+}
+
+aside#sidebar p.repo-owner,
+aside#sidebar p.repo-owner a {
+ font-weight: bold;
+}
+
+#downloads {
+ margin-bottom: 40px;
+}
+
+a.button {
+ width: 134px;
+ height: 58px;
+ line-height: 1.2;
+ font-size: 23px;
+ color: #fff;
+ padding-left: 68px;
+ padding-top: 22px;
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+}
+a.button small {
+ display: block;
+ font-size: 11px;
+}
+header a.button {
+ position: absolute;
+ right: 0;
+ top: 0;
+ background: transparent url(../images/github-button.png) 0 0 no-repeat;
+}
+aside a.button {
+ width: 138px;
+ padding-left: 64px;
+ display: block;
+ background: transparent url(../images/download-button.png) 0 0 no-repeat;
+ margin-bottom: 20px;
+ font-size: 21px;
+}
+
+code, pre {
+ font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
+ color: #222;
+ margin-bottom: 30px;
+ font-size: 13px;
+}
+
+code {
+ background-color: #f2f8fc;
+ border: solid 1px #dbe7f3;
+ padding: 0 3px;
+}
+
+pre {
+ padding: 20px;
+ background: #fff;
+ text-shadow: none;
+ overflow: auto;
+ border: solid 1px #f2f2f2;
+}
+pre code {
+ color: #2879d0;
+ background-color: #fff;
+ border: none;
+ padding: 0;
+}
+
+ul, ol, dl {
+ margin-bottom: 20px;
+}
+
+
+/* COMMON STYLES */
+
+hr {
+ height: 1px;
+ line-height: 1px;
+ margin-top: 1em;
+ padding-bottom: 1em;
+ border: none;
+ background: transparent url('../images/hr.png') 0 0 no-repeat;
+}
+
+table {
+ width: 100%;
+ border: 1px solid #ebebeb;
+}
+
+th {
+ font-weight: 500;
+}
+
+td {
+ border: 1px solid #ebebeb;
+ text-align: center;
+ font-weight: 300;
+}
+
+form {
+ background: #f2f2f2;
+ padding: 20px;
+
+}
+
+
+/* GENERAL ELEMENT TYPE STYLES */
+
+#main-content h1 {
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+ font-size: 2.8em;
+ letter-spacing: -1px;
+ color: #474747;
+}
+
+#main-content h1:before {
+ content: "/";
+ color: #9ddcff;
+ padding-right: 0.3em;
+ margin-left: -0.9em;
+}
+
+#main-content h2 {
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+ font-size: 22px;
+ font-weight: bold;
+ margin-bottom: 8px;
+ color: #474747;
+}
+#main-content h2:before {
+ content: "//";
+ color: #9ddcff;
+ padding-right: 0.3em;
+ margin-left: -1.5em;
+}
+
+#main-content h3 {
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+ font-size: 18px;
+ font-weight: bold;
+ margin-top: 24px;
+ margin-bottom: 8px;
+ color: #474747;
+}
+
+#main-content h3:before {
+ content: "///";
+ color: #9ddcff;
+ padding-right: 0.3em;
+ margin-left: -2em;
+}
+
+#main-content h4 {
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+ font-size: 15px;
+ font-weight: bold;
+ color: #474747;
+}
+
+h4:before {
+ content: "////";
+ color: #9ddcff;
+ padding-right: 0.3em;
+ margin-left: -2.8em;
+}
+
+#main-content h5 {
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+ font-size: 14px;
+ color: #474747;
+}
+h5:before {
+ content: "/////";
+ color: #9ddcff;
+ padding-right: 0.3em;
+ margin-left: -3.2em;
+}
+
+#main-content h6 {
+ font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif;
+ font-size: .8em;
+ color: #474747;
+}
+h6:before {
+ content: "//////";
+ color: #9ddcff;
+ padding-right: 0.3em;
+ margin-left: -3.7em;
+}
+
+p {
+ margin-bottom: 20px;
+}
+
+a {
+ text-decoration: none;
+}
+
+p a {
+ font-weight: 400;
+}
+
+blockquote {
+ font-size: 1.6em;
+ border-left: 10px solid #e9e9e9;
+ margin-bottom: 20px;
+ padding: 0 0 0 30px;
+}
+
+ul li {
+ list-style: disc inside;
+ padding-left: 20px;
+}
+
+ol li {
+ list-style: decimal inside;
+ padding-left: 3px;
+}
+
+dl dd {
+ font-style: italic;
+ font-weight: 100;
+}
+
+footer {
+ background: transparent url('../images/hr.png') 0 0 no-repeat;
+ margin-top: 40px;
+ padding-top: 20px;
+ padding-bottom: 30px;
+ font-size: 13px;
+ color: #aaa;
+}
+
+footer a {
+ color: #666;
+}
+footer a:hover {
+ color: #444;
+}
+
+/* MISC */
+.clearfix:after {
+ clear: both;
+ content: '.';
+ display: block;
+ visibility: hidden;
+ height: 0;
+}
+
+.clearfix {display: inline-block;}
+* html .clearfix {height: 1%;}
+.clearfix {display: block;}
+
+/* #Media Queries
+================================================== */
+
+/* Smaller than standard 960 (devices and browsers) */
+@media only screen and (max-width: 959px) {}
+
+/* Tablet Portrait size to standard 960 (devices and browsers) */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+ .inner {
+ width: 740px;
+ }
+ header h1, header h2 {
+ width: 340px;
+ }
+ header h1 {
+ font-size: 60px;
+ }
+ header h2 {
+ font-size: 30px;
+ }
+ #main-content {
+ width: 490px;
+ }
+ #main-content h1:before,
+ #main-content h2:before,
+ #main-content h3:before,
+ #main-content h4:before,
+ #main-content h5:before,
+ #main-content h6:before {
+ content: none;
+ padding-right: 0;
+ margin-left: 0;
+ }
+}
+
+/* All Mobile Sizes (devices and browser) */
+@media only screen and (max-width: 767px) {
+ .inner {
+ width: 93%;
+ }
+ header {
+ padding: 20px 0;
+ }
+ header .inner {
+ position: relative;
+ }
+ header h1, header h2 {
+ width: 100%;
+ }
+ header h1 {
+ font-size: 48px;
+ }
+ header h2 {
+ font-size: 24px;
+ }
+ header a.button {
+ background-image: none;
+ width: auto;
+ height: auto;
+ display: inline-block;
+ margin-top: 15px;
+ padding: 5px 10px;
+ position: relative;
+ text-align: center;
+ font-size: 13px;
+ line-height: 1;
+ background-color: #9ddcff;
+ color: #2879d0;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ }
+ header a.button small {
+ font-size: 13px;
+ display: inline;
+ }
+ #main-content,
+ aside#sidebar {
+ float: none;
+ width: 100% ! important;
+ }
+ aside#sidebar {
+ background-image: none;
+ margin-top: 20px;
+ border-top: solid 1px #ddd;
+ padding: 20px 0;
+ min-height: 0;
+ }
+ aside#sidebar a.button {
+ display: none;
+ }
+ #main-content h1:before,
+ #main-content h2:before,
+ #main-content h3:before,
+ #main-content h4:before,
+ #main-content h5:before,
+ #main-content h6:before {
+ content: none;
+ padding-right: 0;
+ margin-left: 0;
+ }
+}
+
+/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
+@media only screen and (min-width: 480px) and (max-width: 767px) {}
+
+/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
+@media only screen and (max-width: 479px) {}
Please sign in to comment.
Something went wrong with that request. Please try again.