Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

get this guides party started

  • Loading branch information...
commit 160b53c14633fb684fe7552459b8e72e8b623581 0 parents
@qrush qrush authored
4 .gitignore
@@ -0,0 +1,4 @@
+_site
+*.swp
+*.DS_Store
+.sass-cache/
1  CNAME
@@ -0,0 +1 @@
+guides.rubygems.org
5 README.md
@@ -0,0 +1,5 @@
+Make sure you have jekyll installed, and run:
+
+ $ jekyll --server
+
+The pages will be available at http://localhost:4000/
5 _config.yml
@@ -0,0 +1,5 @@
+auto: true
+permalink: "pretty"
+exclude:
+- README.md
+- CNAME
60 _layouts/default.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8" />
+ <title>{{ page.title }} - RubyGems Guides</title>
+ <link rel="icon" href="/favicon.ico" type="image/x-icon">
+ <meta http-equiv="Description" name="Description" content="Tutorials, guides, FAQs for RubyGems package management" />
+ <meta http-equiv="Keywords" name="Keywords" content="rubygems, gems, programming, ruby, packages" />
+ <link href="/stylesheets/screen.css" rel="stylesheet" type="text/css" />
+ <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
+ <!--[if !IE]>-->
+ <meta name="viewport" content="width=device-width">
+ <script type="text/javascript">
+ window.scrollTo(0, 1);
+ </script>
+ <!--<![endif]-->
+</head>
+<body class="default">
+<section id="head-wrapper">
+ <section id="small-top">
+ <header>
+ <a href="/">
+ <h1>RubyGems Guides</h1>
+ </a>
+ </header>
+ </section>
+</section>
+
+<section id="container">
+ <div class="nav">
+ <span class="previous"><a href="{{ page.previous }}" class="left">&larr; Previous</a></span>
+ <span class="next"><a href="{{ page.next }}" class="right">Next &rarr;</a></span>
+ </div>
+ <section id="content">
+ {{ content }}
+ </section>
+ <div class="nav">
+ <span class="previous"><a href="{{ page.previous }}" class="left">&larr; Previous</a></span>
+ <span class="next"><a href="{{ page.next }}" class="right">Next &rarr;</a></span>
+ </div>
+ <footer>
+ <p>blah blah footer</p>
+ </footer>
+</section>
+
+<script type="text/javascript">
+
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-10315684-2']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+
+</script>
+</body>
+</html>
44 _layouts/home.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8" />
+ <title>RubyGems Guides</title>
+ <link rel="icon" href="/favicon.ico" type="image/x-icon">
+ <link href="/stylesheets/screen.css" rel="stylesheet" type="text/css" />
+ <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
+ <meta http-equiv="Description" name="Description" content="Tutorials, guides, FAQs for RubyGems package management" />
+ <meta http-equiv="Keywords" name="Keywords" content="rubygems, gems, programming, ruby, packages" />
+</head>
+<body class="home">
+<section id="head-wrapper">
+ <section id="homepage-top">
+ <header>
+ <h1>RubyGems Guides</h1>
+
+ <section id="the-sell">
+ <h2>RubyGems Guides</h2>
+ <p class="tagline">Learn how RubyGems works, and how to make your own.</p>
+ </section>
+ </header>
+
+ <section id="chapters">
+ {{ content }}
+ </section>
+ </section>
+</section>
+
+<script type="text/javascript">
+
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-10315684-2']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+
+</script>
+</body>
+</html>
BIN  favicon.ico
Binary file not shown
BIN  images/background.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  images/logo-small.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  images/logo.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
43 index.md
@@ -0,0 +1,43 @@
+---
+layout: home
+---
+
+[What is a gem?](/what-is-a-gem)
+---------------
+
+Unpack the mystery behind what's in a RubyGem.
+
+[Make your own gem](/)
+---------------
+
+From start to finish, what you'll need to do.
+
+[Patterns](/)
+---------------
+
+Common gem packaging patterns and recommendations for building yours.
+
+[Command Reference](/)
+---------------
+
+In depth coverage of each `gem` command.
+
+[Specification Reference](/)
+---------------
+
+Learn about the data in each gem package and how you can configure it.
+
+[RubyGems.org API](/)
+---------------
+
+Interact with publicly available gems over HTTP.
+
+[Run your own gem server](/)
+---------------
+
+Need to serve gems locally or for your organization? Go here.
+
+[Frequently Asked Questions](/)
+---------------
+
+More of the "why" and "wtf" than "how".
578 stylesheets/_flutie.scss
@@ -0,0 +1,578 @@
+/*
+ html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+ v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
+ html5doctor.com/html-5-reset-stylesheet/
+*/
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent; }
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block; }
+
+nav ul {
+ list-style: none; }
+
+blockquote, q {
+ quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none; }
+
+a {
+ margin: 0;
+ padding: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent; }
+
+ins {
+ background-color: #ff9;
+ color: #000;
+ text-decoration: none; }
+
+mark {
+ background-color: #ff9;
+ color: #000;
+ font-style: italic;
+ font-weight: bold; }
+
+del {
+ text-decoration: line-through; }
+
+abbr[title], dfn[title] {
+ cursor: help; }
+
+/* tables still need cellspacing="0" in the markup */
+table {
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+hr {
+ display: block;
+ height: 1px;
+ border: 0;
+ border-top: 1px solid #ccc;
+ margin: 1em 0;
+ padding: 0; }
+
+input, select {
+ vertical-align: middle; }
+
+body {
+ color: #222;
+ font-size: 13px;
+ font-family: "helvetica neue", arial, helvetica, "lucida grande", sans-serif; }
+
+h1, h2, h3, h4, h5, h6 {
+ color: #111;
+ font-family: "helvetica neue", Helvetica, arial, sans-serif; }
+
+/* Success, error & notice boxes for messages and errors. */
+div.error, div.notice, div.success,
+#flash_failure, #flash_success, #flash_notice {
+ -moz-border-radius: 8px;
+ -webkit-border-radius: 8px;
+ border: 1px solid #ddd;
+ margin-bottom: 1em;
+ padding: 0.8em; }
+
+div.error,
+#flash_failure {
+ background: #FBE3E4;
+ border-color: #FBC2C4;
+ color: #D12F19; }
+
+div.error a,
+#flash_failure a {
+ color: #D12F19; }
+
+div.notice,
+#flash_notice {
+ background: #FFF6BF;
+ border-color: #FFD324;
+ color: #817134; }
+
+div.notice a,
+#flash_notice a {
+ color: #817134; }
+
+div.success,
+#flash_success {
+ background: #E6EFC2;
+ border-color: #C6D880;
+ color: #529214; }
+
+div.success a,
+#flash_success a {
+ color: #529214; }
+
+/* Misc classes and elements */
+/* Use a .box to create a padded box inside a column. */
+.box {
+ background: #eee;
+ margin-bottom: 1.5em;
+ padding: 1.5em; }
+
+/* Use this to create a horizontal ruler across a column. */
+hr {
+ background: #ddd;
+ border: none;
+ clear: both;
+ color: #ddd;
+ float: none;
+ height: 1px;
+ margin: 0 0 1.4em;
+ width: 100%; }
+
+hr.space {
+ background: #fff;
+ color: #fff; }
+
+/* for image replacement */
+.ir {
+ background-repeat: no-repeat;
+ direction: ltr;
+ display: block;
+ overflow: hidden;
+ text-align: left;
+ text-indent: -999em; }
+
+/* Hide for both screenreaders and browsers
+ css-discuss.incutio.com/wiki/Screenreader_Visibility */
+.hidden {
+ display: none;
+ visibility: hidden; }
+
+/* Hide only visually, but have it available for screenreaders
+ www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
+.visuallyhidden {
+ clip: rect(1px 1px 1px 1px);
+ /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px);
+ position: absolute !important; }
+
+/* Hide visually and from screenreaders, but maintain layout */
+.invisible {
+ visibility: hidden; }
+
+/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
+.clearfix:before,
+.clearfix:after {
+ content: "\0020";
+ display: block;
+ height: 0;
+ visibility: hidden; }
+
+.clearfix:after {
+ clear: both; }
+
+/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
+.clearfix {
+ zoom: 1; }
+
+.ie7 img {
+ -ms-interpolation-mode: bicubic; }
+
+@media print {
+ * {
+ background: transparent !important;
+ color: #444 !important;
+ text-shadow: none !important; }
+
+ a, a:visited {
+ color: #444 !important;
+ text-decoration: underline; }
+
+ a:after {
+ content: " (" attr(href) ")"; }
+
+ abbr:after {
+ content: " (" attr(title) ")"; }
+
+ .ir a:after {
+ content: ""; }
+
+ /* Don't show links for images */
+ pre, blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid; }
+
+ thead {
+ display: table-header-group; }
+
+ /* css-discuss.incutio.com/wiki/Printing_Tables */
+ tr, img {
+ page-break-inside: avoid; }
+
+ @page {
+ margin: 0.5cm; }
+
+ p, h2, h3 {
+ orphans: 3;
+ widows: 3; }
+
+ h2, h3 {
+ page-break-after: avoid; } }
+
+/* Headings */
+h1, h2, h3, h4, h5, h6 {
+ font-weight: bold; }
+
+h1 {
+ font-size: 2.2em;
+ line-height: 1;
+ margin-bottom: 0.25em; }
+
+h2 {
+ font-size: 1.6em;
+ line-height: 1.1;
+ margin-bottom: 0.25em; }
+
+h3 {
+ font-size: 1.3em;
+ line-height: 1;
+ margin-bottom: 0.25em; }
+
+h4 {
+ font-size: 1.1em;
+ line-height: 1.25;
+ margin-bottom: 0.25em; }
+
+h5 {
+ font-size: 1em;
+ margin-bottom: 0.25em; }
+
+h6 {
+ font-size: 1em;
+ margin-bottom: 0.25em; }
+
+/* Text elements */
+p {
+ margin-bottom: 0.5em; }
+
+p.last {
+ margin-bottom: 0; }
+
+p img {
+ float: left;
+ margin: 1.5em 1.5em 1.5em 0;
+ padding: 0; }
+
+/* Use this if the image is at the top of the <p>. */
+p img.top {
+ margin-top: 0; }
+
+img {
+ margin: 0; }
+
+abbr, acronym {
+ border-bottom: 1px dotted #666;
+ cursor: help; }
+
+address {
+ font-style: italic;
+ margin-top: 1.5em; }
+
+del {
+ color: #666; }
+
+a, a:link {
+ color: #1a4882;
+ text-decoration: underline; }
+
+a:visited {
+ color: #1a4882; }
+
+a:hover {
+ color: #052246; }
+
+a:active,
+a:focus {
+ color: #1a4882; }
+
+blockquote {
+ border-left: 4px solid #d1d1d1;
+ color: #666;
+ font-style: italic;
+ margin: 1.5em 0;
+ padding-left: 1em; }
+
+strong {
+ font-weight: bold; }
+
+em,
+dfn {
+ font-style: italic; }
+
+dfn {
+ font-weight: bold; }
+
+pre, code {
+ margin: 1.5em 0;
+ white-space: pre;
+ /* CSS2 */
+ white-space: pre-wrap;
+ /* CSS 2.1 */
+ word-wrap: break-word;
+ /* IE */ }
+
+pre, code, tt {
+ font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
+ line-height: 1.5; }
+
+pre.code {
+ background: #000;
+ color: #fff;
+ padding: 20px; }
+
+tt {
+ display: block;
+ line-height: 1.5;
+ margin: 1.5em 0; }
+
+/* Forms */
+/*removes dotted outline on submit buttons when clicking in firefox */
+input[type="submit"]::-moz-focus-inner {
+ border: none; }
+
+form ol {
+ list-style: none;
+ margin: 0 0 1em 0; }
+
+form ol ol {
+ margin-left: 0; }
+
+form ol li {
+ list-style-position: outside;
+ margin: 0 0 1em 0; }
+
+/*list-style-position fixes IE label margin bug*/
+form ol ol li {
+ list-style-position: outside;
+ margin: 0 0 .25em 0; }
+
+form ol li.error input {
+ background: #FBE3E4; }
+
+p.inline-errors {
+ color: #D12F19; }
+
+form ol li.file {
+ background: #e1e1e1;
+ border: 1px solid #c8c8c8;
+ padding: 10px; }
+
+form abbr {
+ border-bottom: 0; }
+
+label {
+ display: block; }
+
+.required label {
+ font-weight: bold; }
+
+.checkbox_field label,
+.radio_field label {
+ font-weight: normal; }
+
+a.cancel {
+ color: #7d0d0d; }
+
+.inline-hints {
+ color: #666;
+ font-size: 0.8em;
+ margin-bottom: 0.25em; }
+
+/* Fieldsets */
+fieldset {
+ background: #f1f1f1;
+ border: 1px solid #e3e3e3;
+ margin: 0 0 1.5em 0;
+ padding: 1.5em 1.5em 1em 1.5em; }
+
+fieldset fieldset,
+fieldset fieldset fieldset {
+ border: 0;
+ padding: 0; }
+
+legend {
+ font-weight: bold; }
+
+.ie6 legend, .ie7 legend {
+ margin-left: -7px; }
+
+fieldset.buttons {
+ background: inherit;
+ border: 0;
+ padding: 0; }
+
+fieldset.buttons li {
+ display: inline; }
+
+.radio fieldset {
+ margin: 0;
+ padding: 0; }
+
+/* Text fields */
+input[type="color"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="range"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+ font-size: inherit;
+ padding: 3px 2px;
+ width: 300px; }
+
+.ie6 input {
+ vertical-align: text-bottom; }
+
+input[disabled='disabled'] {
+ background-color: #fcfcfc;
+ cursor: default; }
+
+input[type="checkbox"] {
+ margin: 0 3px 0 0;
+ position: relative;
+ top: -2px;
+ vertical-align: middle; }
+
+.ie7 input[type="checkbox"] {
+ vertical-align: baseline; }
+
+input[type="radio"] {
+ margin: 0 3px 0 0;
+ position: relative;
+ top: -2px;
+ vertical-align: middle; }
+
+.check_boxes label {
+ display: inline;
+ padding: 0;
+ vertical-align: middle; }
+
+.radio label {
+ padding: 0; }
+
+/* Textareas */
+textarea {
+ font-size: inherit;
+ height: 200px;
+ margin: 0 0.5em 0.5em 0;
+ padding: 5px;
+ width: 440px;
+ overflow: auto; }
+
+/* Select fields */
+fieldset .select select {
+ width: 200px;
+ font-size: 0.9em; }
+
+optgroup {
+ margin: 0 0 .5em 0; }
+
+/* Date & Time */
+form ol li.date ol li,
+form ol li.time ol li {
+ display: inline; }
+
+form ol li.datetime ol li {
+ display: inline-block; }
+
+form ol li.datetime select,
+form ol li.date select,
+form ol li.time select {
+ display: inline;
+ width: auto; }
+
+form ol li.date label,
+form ol li.time label {
+ display: none; }
+
+/* Tables */
+table {
+ margin-bottom: 2em;
+ width: 100%; }
+
+th {
+ border-bottom: 2px solid #ccc;
+ font-weight: bold;
+ text-align: left; }
+
+td {
+ border-bottom: 1px solid #ddd; }
+
+caption, th, td {
+ padding: 4px 10px 4px 0; }
+
+caption {
+ background: #f1f1f1;
+ margin-bottom: 1em;
+ padding: 10px 0; }
+
+tr, td, th {
+ vertical-align: middle; }
+
+/* Use this if you use span-x classes on th/td. */
+table .last {
+ padding-right: 0; }
+
+/* Lists */
+ul, ol {
+ list-style-position: inside;
+ margin-bottom: 1.5em; }
+
+ul {
+ list-style-type: disc; }
+
+ol {
+ list-style-type: decimal; }
+
+dl {
+ line-height: 1.4;
+ margin-bottom: 1.5em; }
+
+dl dt {
+ font-weight: bold;
+ margin-top: 0.5em; }
+
+dl dd {
+ margin-bottom: 0em; }
+
+dd {
+ margin-left: 0.5em; }
+
+li {
+ line-height: 1.4; }
+
+ol ol, ol ul, ul ul, ul ol {
+ margin-left: 1em; }
2  stylesheets/print.css
@@ -0,0 +1,2 @@
+#container ul.nav {
+ display: none; }
3  stylesheets/print.scss
@@ -0,0 +1,3 @@
+#container ul.nav {
+ display: none;
+}
714 stylesheets/screen.css
@@ -0,0 +1,714 @@
+/*
+ html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+ v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
+ html5doctor.com/html-5-reset-stylesheet/
+*/
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent; }
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block; }
+
+nav ul {
+ list-style: none; }
+
+blockquote, q {
+ quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none; }
+
+a {
+ margin: 0;
+ padding: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent; }
+
+ins {
+ background-color: #ff9;
+ color: #000;
+ text-decoration: none; }
+
+mark {
+ background-color: #ff9;
+ color: #000;
+ font-style: italic;
+ font-weight: bold; }
+
+del {
+ text-decoration: line-through; }
+
+abbr[title], dfn[title] {
+ cursor: help; }
+
+/* tables still need cellspacing="0" in the markup */
+table {
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+hr {
+ display: block;
+ height: 1px;
+ border: 0;
+ border-top: 1px solid #ccc;
+ margin: 1em 0;
+ padding: 0; }
+
+input, select {
+ vertical-align: middle; }
+
+body {
+ color: #222;
+ font-size: 13px;
+ font-family: "helvetica neue", arial, helvetica, "lucida grande", sans-serif; }
+
+h1, h2, h3, h4, h5, h6 {
+ color: #111;
+ font-family: "helvetica neue", Helvetica, arial, sans-serif; }
+
+/* Success, error & notice boxes for messages and errors. */
+div.error, div.notice, div.success,
+#flash_failure, #flash_success, #flash_notice {
+ -moz-border-radius: 8px;
+ -webkit-border-radius: 8px;
+ border: 1px solid #ddd;
+ margin-bottom: 1em;
+ padding: 0.8em; }
+
+div.error,
+#flash_failure {
+ background: #FBE3E4;
+ border-color: #FBC2C4;
+ color: #D12F19; }
+
+div.error a,
+#flash_failure a {
+ color: #D12F19; }
+
+div.notice,
+#flash_notice {
+ background: #FFF6BF;
+ border-color: #FFD324;
+ color: #817134; }
+
+div.notice a,
+#flash_notice a {
+ color: #817134; }
+
+div.success,
+#flash_success {
+ background: #E6EFC2;
+ border-color: #C6D880;
+ color: #529214; }
+
+div.success a,
+#flash_success a {
+ color: #529214; }
+
+/* Misc classes and elements */
+/* Use a .box to create a padded box inside a column. */
+.box {
+ background: #eee;
+ margin-bottom: 1.5em;
+ padding: 1.5em; }
+
+/* Use this to create a horizontal ruler across a column. */
+hr {
+ background: #ddd;
+ border: none;
+ clear: both;
+ color: #ddd;
+ float: none;
+ height: 1px;
+ margin: 0 0 1.4em;
+ width: 100%; }
+
+hr.space {
+ background: #fff;
+ color: #fff; }
+
+/* for image replacement */
+.ir {
+ background-repeat: no-repeat;
+ direction: ltr;
+ display: block;
+ overflow: hidden;
+ text-align: left;
+ text-indent: -999em; }
+
+/* Hide for both screenreaders and browsers
+ css-discuss.incutio.com/wiki/Screenreader_Visibility */
+.hidden {
+ display: none;
+ visibility: hidden; }
+
+/* Hide only visually, but have it available for screenreaders
+ www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
+.visuallyhidden {
+ clip: rect(1px 1px 1px 1px);
+ /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px);
+ position: absolute !important; }
+
+/* Hide visually and from screenreaders, but maintain layout */
+.invisible {
+ visibility: hidden; }
+
+/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
+.clearfix:before,
+.clearfix:after {
+ content: "\0020";
+ display: block;
+ height: 0;
+ visibility: hidden; }
+
+.clearfix:after {
+ clear: both; }
+
+/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
+.clearfix {
+ zoom: 1; }
+
+.ie7 img {
+ -ms-interpolation-mode: bicubic; }
+
+@media print {
+ * {
+ background: transparent !important;
+ color: #444 !important;
+ text-shadow: none !important; }
+
+ a, a:visited {
+ color: #444 !important;
+ text-decoration: underline; }
+
+ a:after {
+ content: " (" attr(href) ")"; }
+
+ abbr:after {
+ content: " (" attr(title) ")"; }
+
+ .ir a:after {
+ content: ""; }
+
+ /* Don't show links for images */
+ pre, blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid; }
+
+ thead {
+ display: table-header-group; }
+
+ /* css-discuss.incutio.com/wiki/Printing_Tables */
+ tr, img {
+ page-break-inside: avoid; }
+
+ @page {
+ margin: 0.5cm; }
+
+ p, h2, h3 {
+ orphans: 3;
+ widows: 3; }
+
+ h2, h3 {
+ page-break-after: avoid; } }
+
+/* Headings */
+h1, h2, h3, h4, h5, h6 {
+ font-weight: bold; }
+
+h1 {
+ font-size: 2.2em;
+ line-height: 1;
+ margin-bottom: 0.25em; }
+
+h2 {
+ font-size: 1.6em;
+ line-height: 1.1;
+ margin-bottom: 0.25em; }
+
+h3 {
+ font-size: 1.3em;
+ line-height: 1;
+ margin-bottom: 0.25em; }
+
+h4 {
+ font-size: 1.1em;
+ line-height: 1.25;
+ margin-bottom: 0.25em; }
+
+h5 {
+ font-size: 1em;
+ margin-bottom: 0.25em; }
+
+h6 {
+ font-size: 1em;
+ margin-bottom: 0.25em; }
+
+/* Text elements */
+p {
+ margin-bottom: 0.5em; }
+
+p.last {
+ margin-bottom: 0; }
+
+p img {
+ float: left;
+ margin: 1.5em 1.5em 1.5em 0;
+ padding: 0; }
+
+/* Use this if the image is at the top of the <p>. */
+p img.top {
+ margin-top: 0; }
+
+img {
+ margin: 0; }
+
+abbr, acronym {
+ border-bottom: 1px dotted #666;
+ cursor: help; }
+
+address {
+ font-style: italic;
+ margin-top: 1.5em; }
+
+del {
+ color: #666; }
+
+a, a:link {
+ color: #1a4882;
+ text-decoration: underline; }
+
+a:visited {
+ color: #1a4882; }
+
+a:hover {
+ color: #052246; }
+
+a:active,
+a:focus {
+ color: #1a4882; }
+
+blockquote {
+ border-left: 4px solid #d1d1d1;
+ color: #666;
+ font-style: italic;
+ margin: 1.5em 0;
+ padding-left: 1em; }
+
+strong {
+ font-weight: bold; }
+
+em,
+dfn {
+ font-style: italic; }
+
+dfn {
+ font-weight: bold; }
+
+pre, code {
+ margin: 1.5em 0;
+ white-space: pre;
+ /* CSS2 */
+ white-space: pre-wrap;
+ /* CSS 2.1 */
+ word-wrap: break-word;
+ /* IE */ }
+
+pre, code, tt {
+ font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
+ line-height: 1.5; }
+
+pre.code {
+ background: #000;
+ color: #fff;
+ padding: 20px; }
+
+tt {
+ display: block;
+ line-height: 1.5;
+ margin: 1.5em 0; }
+
+/* Forms */
+/*removes dotted outline on submit buttons when clicking in firefox */
+input[type="submit"]::-moz-focus-inner {
+ border: none; }
+
+form ol {
+ list-style: none;
+ margin: 0 0 1em 0; }
+
+form ol ol {
+ margin-left: 0; }
+
+form ol li {
+ list-style-position: outside;
+ margin: 0 0 1em 0; }
+
+/*list-style-position fixes IE label margin bug*/
+form ol ol li {
+ list-style-position: outside;
+ margin: 0 0 .25em 0; }
+
+form ol li.error input {
+ background: #FBE3E4; }
+
+p.inline-errors {
+ color: #D12F19; }
+
+form ol li.file {
+ background: #e1e1e1;
+ border: 1px solid #c8c8c8;
+ padding: 10px; }
+
+form abbr {
+ border-bottom: 0; }
+
+label {
+ display: block; }
+
+.required label {
+ font-weight: bold; }
+
+.checkbox_field label,
+.radio_field label {
+ font-weight: normal; }
+
+a.cancel {
+ color: #7d0d0d; }
+
+.inline-hints {
+ color: #666;
+ font-size: 0.8em;
+ margin-bottom: 0.25em; }
+
+/* Fieldsets */
+fieldset {
+ background: #f1f1f1;
+ border: 1px solid #e3e3e3;
+ margin: 0 0 1.5em 0;
+ padding: 1.5em 1.5em 1em 1.5em; }
+
+fieldset fieldset,
+fieldset fieldset fieldset {
+ border: 0;
+ padding: 0; }
+
+legend {
+ font-weight: bold; }
+
+.ie6 legend, .ie7 legend {
+ margin-left: -7px; }
+
+fieldset.buttons {
+ background: inherit;
+ border: 0;
+ padding: 0; }
+
+fieldset.buttons li {
+ display: inline; }
+
+.radio fieldset {
+ margin: 0;
+ padding: 0; }
+
+/* Text fields */
+input[type="color"],
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="range"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"] {
+ font-size: inherit;
+ padding: 3px 2px;
+ width: 300px; }
+
+.ie6 input {
+ vertical-align: text-bottom; }
+
+input[disabled='disabled'] {
+ background-color: #fcfcfc;
+ cursor: default; }
+
+input[type="checkbox"] {
+ margin: 0 3px 0 0;
+ position: relative;
+ top: -2px;
+ vertical-align: middle; }
+
+.ie7 input[type="checkbox"] {
+ vertical-align: baseline; }
+
+input[type="radio"] {
+ margin: 0 3px 0 0;
+ position: relative;
+ top: -2px;
+ vertical-align: middle; }
+
+.check_boxes label {
+ display: inline;
+ padding: 0;
+ vertical-align: middle; }
+
+.radio label {
+ padding: 0; }
+
+/* Textareas */
+textarea {
+ font-size: inherit;
+ height: 200px;
+ margin: 0 0.5em 0.5em 0;
+ padding: 5px;
+ width: 440px;
+ overflow: auto; }
+
+/* Select fields */
+fieldset .select select {
+ width: 200px;
+ font-size: 0.9em; }
+
+optgroup {
+ margin: 0 0 .5em 0; }
+
+/* Date & Time */
+form ol li.date ol li,
+form ol li.time ol li {
+ display: inline; }
+
+form ol li.datetime ol li {
+ display: inline-block; }
+
+form ol li.datetime select,
+form ol li.date select,
+form ol li.time select {
+ display: inline;
+ width: auto; }
+
+form ol li.date label,
+form ol li.time label {
+ display: none; }
+
+/* Tables */
+table {
+ margin-bottom: 2em;
+ width: 100%; }
+
+th {
+ border-bottom: 2px solid #ccc;
+ font-weight: bold;
+ text-align: left; }
+
+td {
+ border-bottom: 1px solid #ddd; }
+
+caption, th, td {
+ padding: 4px 10px 4px 0; }
+
+caption {
+ background: #f1f1f1;
+ margin-bottom: 1em;
+ padding: 10px 0; }
+
+tr, td, th {
+ vertical-align: middle; }
+
+/* Use this if you use span-x classes on th/td. */
+table .last {
+ padding-right: 0; }
+
+/* Lists */
+ul, ol {
+ list-style-position: inside;
+ margin-bottom: 1.5em; }
+
+ul {
+ list-style-type: disc; }
+
+ol {
+ list-style-type: decimal; }
+
+dl {
+ line-height: 1.4;
+ margin-bottom: 1.5em; }
+
+dl dt {
+ font-weight: bold;
+ margin-top: 0.5em; }
+
+dl dd {
+ margin-bottom: 0em; }
+
+dd {
+ margin-left: 0.5em; }
+
+li {
+ line-height: 1.4; }
+
+ol ol, ol ul, ul ul, ul ol {
+ margin-left: 1em; }
+
+body {
+ font-family: helvetica neue, helvetica, sans-serif;
+ line-height: 1; }
+
+body.home {
+ background: url("/images/background.jpg") repeat; }
+
+.left {
+ float: left; }
+
+.right {
+ float: right; }
+
+#head-wrapper {
+ background: url("/images/background.jpg") repeat;
+ width: 100%; }
+ #head-wrapper #small-top {
+ margin: 0 auto;
+ padding: 20px 0;
+ max-width: 480px; }
+ #head-wrapper #small-top header {
+ margin: 0 auto;
+ height: 75px;
+ max-width: 450px; }
+ #head-wrapper #small-top header a {
+ text-decoration: none; }
+ #head-wrapper #small-top header h1 {
+ background: url("/images/logo-small.png") 5px 0 no-repeat;
+ float: left;
+ height: 70px;
+ padding-top: 13px;
+ text-indent: 90px;
+ color: white;
+ font: 300 42px/42px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif;
+ letter-spacing: 1px;
+ text-shadow: 0 0 1px #333; }
+ #head-wrapper #homepage-top {
+ margin: 0 auto;
+ padding: 30px 0;
+ width: 978px; }
+ #head-wrapper #homepage-top header {
+ height: 150px; }
+ #head-wrapper #homepage-top header h1 {
+ background: url("/images/logo.png") 5px 0 no-repeat;
+ float: left;
+ height: 150px;
+ text-indent: -9999px;
+ width: 168px; }
+ #head-wrapper #homepage-top header #the-sell {
+ float: left;
+ margin: 25px 0 0 0;
+ width: 726px; }
+ #head-wrapper #homepage-top header #the-sell h2 {
+ color: white;
+ font: 300 42px/42px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif;
+ letter-spacing: 1px;
+ text-shadow: 0 0 1px #333; }
+ #head-wrapper #homepage-top header #the-sell p.tagline {
+ color: #CCC;
+ font: 300 18px/22px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif;
+ margin: 6px 0 0 0;
+ text-shadow: 0 0 1px #333; }
+ #head-wrapper #homepage-top header #the-sell p.tagline a, #head-wrapper #homepage-top header #the-sell p.tagline a:visited, #head-wrapper #homepage-top header #the-sell p.tagline a:link {
+ color: #ccc; }
+ #head-wrapper #homepage-top #chapters {
+ margin: 0 0 0 168px; }
+ #head-wrapper #homepage-top #chapters a, #head-wrapper #homepage-top #chapters a:visited, #head-wrapper #homepage-top #chapters a:link {
+ color: #fff;
+ text-decoration: none; }
+ #head-wrapper #homepage-top #chapters a:hover {
+ color: #AD141E; }
+ #head-wrapper #homepage-top #chapters h2 {
+ color: white;
+ font: 700 30px/32px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif;
+ text-shadow: 0 1px 1px #222;
+ margin-top: 20px; }
+ #head-wrapper #homepage-top #chapters p {
+ color: #AAA;
+ font: 300 16px/18px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif;
+ margin: 4px 122px 0 0; }
+ #head-wrapper #homepage-top #chapters p a, #head-wrapper #homepage-top #chapters p a:visited, #head-wrapper #homepage-top #chapters p a:link {
+ color: #AAA; }
+ #head-wrapper #homepage-top #chapters p a:hover {
+ color: #AD141E; }
+
+#container {
+ margin: 0 auto;
+ max-width: 480px;
+ padding: 0 7px; }
+ #container .nav {
+ margin: 25px 0 0 0;
+ height: 24px;
+ text-transform: uppercase;
+ font-size: 16px;
+ width: 100%; }
+ #container .nav a {
+ color: #AD141E;
+ text-decoration: none; }
+ #container .nav a:hover {
+ text-decoration: underline; }
+ #container #content {
+ font: 400 16px/24px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif; }
+ #container #content a {
+ color: #AD141E; }
+ #container #content h1 {
+ font: 700 30px/50px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif;
+ padding-top: 10px; }
+ #container #content h2 {
+ font-size: 18px;
+ font-weight: bold;
+ margin: 25px 0;
+ clear: both; }
+ #container #content p {
+ margin: 1em 0; }
+ #container #content pre {
+ background: #333;
+ color: #fff;
+ padding: 10px;
+ font-family: Courier, Sans-serif; }
+ #container #content ul, #container #content ol {
+ padding-top: 10px;
+ margin-left: 30px;
+ list-style: square; }
+ #container #content ul li, #container #content ol li {
+ padding-bottom: 8px; }
+ #container #content ol {
+ list-style: decimal; }
+ #container footer {
+ margin: 50px 0;
+ text-align: center; }
+ #container footer p {
+ color: #666;
+ font: 400 14px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif; }
+ #container footer p a, #container footer p a:visited, #container footer p a:link {
+ color: #666; }
204 stylesheets/screen.scss
@@ -0,0 +1,204 @@
+@import 'flutie';
+
+body {
+ font-family: helvetica neue, helvetica, sans-serif;
+ line-height: 1;
+}
+body.home {
+ background: url("/images/background.jpg") repeat;
+}
+
+.left {
+ float: left;
+}
+.right {
+ float: right;
+}
+
+#head-wrapper {
+ background: url("/images/background.jpg") repeat;
+ width: 100%;
+
+ #small-top {
+ margin: 0 auto;
+ padding: 20px 0;
+ max-width: 480px;
+
+ header {
+ margin: 0 auto;
+ height: 75px;
+ max-width: 450px;
+
+ a {
+ text-decoration: none;
+ }
+
+ h1 {
+ background: url("/images/logo-small.png") 5px 0 no-repeat;
+ float: left;
+ height: 70px;
+ padding-top: 13px;
+ text-indent: 90px;
+ color: white;
+ font: 300 42px/42px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif;
+ letter-spacing: 1px;
+ text-shadow: 0 0 1px #333;
+ }
+ }
+ }
+
+ #homepage-top {
+ margin: 0 auto;
+ padding: 30px 0;
+ width: 978px;
+
+ header {
+ height: 150px;
+
+ h1 {
+ background: url("/images/logo.png") 5px 0 no-repeat;
+ float: left;
+ height: 150px;
+ text-indent: -9999px;
+ width: 168px;
+ }
+
+ #the-sell {
+ float: left;
+ margin: 25px 0 0 0;
+ width: 726px;
+
+ h2 {
+ color: white;
+ font: 300 42px/42px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif;
+ letter-spacing: 1px;
+ text-shadow: 0 0 1px #333;
+ }
+
+ p.tagline {
+ color: #CCC;
+ font: 300 18px/22px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif;
+ margin: 6px 0 0 0;
+ text-shadow: 0 0 1px #333;
+
+ a, a:visited, a:link {
+ color: #ccc;
+ }
+ }
+ }
+ }
+
+ #chapters {
+ margin: 0 0 0 168px;
+
+ a, a:visited, a:link {
+ color: #fff;
+ text-decoration: none;
+ }
+
+ a:hover {
+ color: #AD141E;
+ }
+
+ h2 {
+ color: white;
+ font: 700 30px/32px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif;
+ text-shadow: 0 1px 1px #222;
+ margin-top: 20px;
+ }
+
+ p {
+ color: #AAA;
+ font: 300 16px/18px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif;
+ margin: 4px 122px 0 0;
+
+ a, a:visited, a:link {
+ color: #AAA;
+ }
+
+ a:hover {
+ color: #AD141E;
+ }
+ }
+ }
+ }
+}
+
+#container {
+ margin: 0 auto;
+ max-width: 480px;
+ padding: 0 7px;
+
+ .nav {
+ margin: 25px 0 0 0;
+ height: 24px;
+ text-transform: uppercase;
+ font-size: 16px;
+ width: 100%;
+
+ a {
+ color: #AD141E;
+ text-decoration: none;
+ }
+ a:hover {
+ text-decoration: underline;
+ }
+ }
+
+ #content {
+ font: 400 16px/24px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif;
+
+ a {
+ color: #AD141E;
+ }
+
+ h1 {
+ font: 700 30px/50px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif;
+ padding-top: 10px;
+ }
+
+ h2 {
+ font-size: 18px;
+ font-weight: bold;
+ margin: 25px 0;
+ clear: both;
+ }
+
+ p {
+ margin: 1em 0;
+ }
+
+ pre {
+ background: #333;
+ color: #fff;
+ padding: 10px;
+ font-family: Courier, Sans-serif;
+ }
+
+ ul, ol {
+ padding-top: 10px;
+ margin-left: 30px;
+ list-style: square;
+
+ li {
+ padding-bottom: 8px;
+ }
+ }
+
+ ol {
+ list-style: decimal;
+ }
+ }
+
+ footer {
+ margin: 50px 0;
+ text-align: center;
+ p {
+ color: #666;
+ font: 400 14px "proxima-nova-1", "proxima-nova-2", "museo-sans-1", "museo-sans-2", helvetica neue, sans-serif;
+ a, a:visited, a:link {
+ color: #666;
+ }
+ }
+ }
+}
11 what-is-a-gem.md
@@ -0,0 +1,11 @@
+---
+layout: default
+title: What is a gem?
+previous: /
+next: /make-your-own-gem
+---
+
+Make your own gem
+=====================
+
+blah blah
Please sign in to comment.
Something went wrong with that request. Please try again.