Update styles

author: Cameron McEfee <cameron@github.com> 2011-05-13 14:36:31 -0700
committer: Cameron McEfee <cameron@github.com> 2011-05-16 16:55:31 -0700
commit: 836ff8f64638d8bdcdb96e7baa650e998dd663c4 (patch)
tree: 0848fc95fbaa122933828b39aa0b33a0490a926d
parent: fbdda61be276a0b81c97f8b1859fbc2b55c6dd7a (diff)
14 files changed, 964 insertions, 254 deletions
diff --git a/_layouts/default.html b/_layouts/default.html
index fe8d78b..c5ca453 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -18,87 +18,86 @@ sidebar_cats:
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <title>Help.GitHub - {{ page.title }}</title>
-    <link href="http://github.com/stylesheets/bundle_common.css" media="screen" rel="stylesheet" type="text/css" />
-    <link href="http://github.com/stylesheets/bundle_github.css" media="screen" rel="stylesheet" type="text/css" />
-    <link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" charset="utf-8"/>
+    <link href="/global/css/documentation.css" media="screen" rel="stylesheet" type="text/css">
+    <link rel="stylesheet" href="/css/style.css" type="text/css" media="screen">
     <link rel="stylesheet" href="/css/print.css" type="text/css" media="print">
     <script src="/js/jquery-1.js" type="text/javascript"></script>
+    <script src="/global/js/documentation.js" type="text/javascript"></script>
     <script src="/js/help.js" type="text/javascript"></script>
   </head>
 
-  <body>
-    <div id="main">
-      <div id="header" class="basic">
-        <div class="site">
-          <div class="logo boring">
-            <a href="/"><img src="/images/help.github.png" alt="github learn logo" /></a>
-          </div>
-          <div class="topsearch">
-            <ul class="nav logged_out">
-              <li><a href="http://gitref.org/">Git Reference</a></li>
-              <li><a href="http://github.com/github/help.github.com#readme">Contribute</a></li>
-              <li><a href="http://support.github.com/">Support</a></li>
-              <li><a href="http://github.com/">Back to GitHub</a></li>
-            </ul>
-          </div>
+  <body class="documentation">
+    <div id="not-footer">
+    <div id="header-wrapper">
+      <div id="header">
+        <div>
+          <a class="logo" href="/"><img src="/images/logo.png" /></a>
+          <ul class="nav">
+            <li><a href="http://gitref.org/">Git Reference</a></li>
+            <li><a href="http://support.github.com/">Support</a></li>
+            <li><a href="http://github.com/">Back to GitHub</a></li>
+          </ul>
         </div>
-      </div>
+      </div><!-- #header -->
+    </div><!-- #header-wrapper -->
 
-      <div id="content" class="site">
-        <div id="guides">
-          <div class="guide">
-            <div class="main">
-              <h1>{{ page.title }}</h1>
+    <div id="wrapper">
 
-              <div class="wikistyle">
-                {{ content }}
-              </div>
-            </div>
+      <div id="content">
+        <h1>{{ page.title }}</h1>
+        {{ content }}
+      </div>
 
-            <div class="sidebar">
-              {% for cat in (page.sidebar_cats) %}
-                <h3>{{ cat | replace:'_',' ' | capitalize }}</h3>
-                  <ul id="categories">
-                    {% for post in site.posts reversed %}{% if post.categories contains cat %}
-                      {% if page.title == post.title %}
-                        <li>{{ page.title }}</li>
-                      {% else %}
-                        <li><a href="{{ post.url }}" id="{{ cat }}">{{ post.title }}</a></li>
-                      {% endif %}
-                    {% endif %}{% endfor %}
-                  </ul>
-              {% endfor %}
-            </div>
-          </div>
+      <div id="js-help-sidebar" class="sidebar-shell">
+        <div class="sidebar-module">
+          <ul>
+            {% for cat in (page.sidebar_cats) %}
+            <li class="js-topic">
+              <h3><a href="#">{{ cat | replace:'_',' ' | capitalize }}</a></h3>
+              <ul class="js-guides">
+                {% for post in site.posts reversed %}{% if post.categories contains cat %}
+                  {% if page.title == post.title %}
+                    <li class="disable"><span>{{ page.title }}</span></li>
+                  {% else %}
+                    <li><a href="{{ post.url }}">{{ post.title }}</a></li>
+                  {% endif %}
+                {% endif %}{% endfor %}
+              </ul>
+            </li>
+            {% endfor %}
+          </ul>
+        </div> <!-- /sidebar-module -->
+        <div class="sidebar-module">
+          <p>This website is <a href="http://github.com/github/help.github.com#readme" target="_blank">open source</a>. Please help us by forking the project and adding to it.</p>
         </div>
-      </div>
-      <div class="push"></div>
-    </div>
+      </div><!-- /sidebar-shell -->
 
-    <div id="footer">
-      <div class="site">
+    </div><!-- #wrapper -->
 
-        <div class="info">
-          <div class="links">
-            <a href="http://github.com/blog"><b>Blog</b></a> |
-            <a href="http://support.github.com/">Support</a> |
-            <a href="http://github.com/training">Training</a> |
-            <a href="http://github.com/contact">Contact</a> |
-            <a href="http://develop.github.com">API</a> |
-            <a href="http://status.github.com">Status</a> |
-            <a href="http://twitter.com/github">Twitter</a> |
-            <a href="http://gitref.org">Learn</a> |
-            <a href="http://github.com/security">Security</a>
-          </div>
-          <div class="company">
-           &copy;
-            {{ site.time | date: "%Y" }}
-            GitHub Inc.
-            All rights reserved.
-           | <a href="http://github.com/site/terms">Terms of Service</a> | <a href="http://github.com/site/privacy">Privacy Policy</a>
-          </div>
-        </div>
+  </div><!-- /not-footer -->
+  <div id="footer-wrapper">
+    <div id="footer" class="container_12">
+      <div id="bottom-nav">
+        <ul class="nav">
+          <li><a href="https://github.com/blog">Blog</a></li>
+          <li><a href="http://support.github.com">Support</a></li>
+          <li><a href="https://github.com/contact">Contact</a></li>
+          <li><a href="https://twitter.com/github">Twitter</a></li>
+          <li><a href="http://help.github.com/security/">Security</a></li>
+          <li><a href="http://github.com/github/help.github.com#readme">Source</a></li>
+        </ul>
+        <ul class="nav">
+          <li>&copy; 2011 GitHub Inc. All rights
+            reserved.</li>
+          <li><a href="http://help.github.com/terms/">Terms of Service</a></li>
+          <li><a href="http://help.github.com/privacy/">Privacy Policy</a></li>
+        </ul>
+      </div>
+      <div id="bottom-notice">
+        <p class="rackspace">Powered by the <a href="http://rackspace.com" target="_blank">Dedicated Servers</a> and <a href="http://rackspacecloud.com" target="_blank">Cloud Computing</a> of Rackspace Hosting&reg;</p> 
       </div>
-    </div>
+    </div><!-- #footer -->
+  </div><!-- #footer-wrapper -->
+
   </body>
 </html>
diff --git a/css/style.css b/css/style.css
index 53721a0..af9563d 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,9 @@
+html {
+  height: 100%;
+}
+
+/* Remove Below */
+
 #header .logo img {
   left:-25px;
   top:-3px;
@@ -48,132 +54,6 @@
 .ui-icon-triangle-expand { background-image: url(/images/expand.png); }
 .ui-icon-triangle-collapse { background-image: url(/images/collapse.png); }
 
-/**********************/
-/*      Pre/code      */
-/**********************/
-
-.wikistyle > pre, .wikistyle > .pre, pre {
-  background-color: #444 !important;
-  background-image: none;
-  color: #fff !important;
-  font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important;
-  display: block !important;
-  padding: 10px !important;
-  border: 2px solid #dedede !important;
-  -webkit-border-radius: 5px !important;
-  -moz-border-radius: 5px !important;
-  border-radius: 5px !important;
-  margin-left: 5px;
-  position: relative;
-}
-
-.wikistyle > pre span.comment {color: #aaa;}
-
-code {white-space: nowrap;}
-
-.wikistyle > pre code {
-  white-space: pre;
-  background: none !important;
-  color: white !important;
-}
-
-.highlight pre code {white-space: pre;}
-
-.wikistyle code {
-  font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important;
-  -webkit-border-radius: 3px !important;
-  -moz-border-radius: 3px !important;
-  border-radius: 3px !important;
-  background: #f9f9f9 !important;
-  border: 1px solid #ccc !important;
-  display: inline-block !important;
-  font-size: 10px !important;
-  color: #52595d !important;
-  padding: 0 0.3em 0.05em !important;
-}
-
-pre .codeline {
-  display: block;
-  position: relative;
-}
-
-pre .codeline:hover {
-  background-color: #292929;
-  margin: 0px;
-  padding-left: 3px;
-  margin-left: -3px;
-  -webkit-border-radius: 3px !important;
-  -moz-border-radius: 3px !important;
-  border-radius: 3px !important;
-  color: #666666;
-}
-
-pre .codeline span {
-  display: inline-block;
-  font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important;
-  font-size: 10px !important;
-  color: #fff !important;
-  padding: 0 0.3em 0.05em !important;
-  position: absolute;
-  right: 0px;
-  top: 0px;
-  text-indent: -9999px;
-  background-image: url('/images/bootcamp/qmark.png');
-  background-repeat: no-repeat;
-  background-position: 1px 3px;
-  max-width: 8px;
-  min-width: 8px;
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  user-select: none;
-  cursor: default;
-}
-
-pre .codeline span:hover {
-  display: inline-block;
-  text-indent: 0px;
-  -webkit-border-radius: 3px !important;
-  -moz-border-radius: 3px !important;
-  border-radius: 3px !important;
-  background: #000 !important;
-  border: 1px solid #292929 !important;
-  max-width: 1000px;
-}
-
-pre.bootcamp {
-  white-space: normal !important;
-  margin-left: -10px !important;
-  margin-bottom: 1.5em !important;
-  background-image: none !important;
-}
-
-.bash-output {
-  color: #63e463;
-  display: block;
-  position: relative;
-}
-
-pre em {
-  color: #f9fe64;
-}
-
-pre .codeline:hover em {
-  color: #666666;
-}
-
-/********************/
-/*      Images      */
-/********************/
-
-.wikistyle img {
-  max-width: 690px;
-  border: 1px solid #dddddd;
-  -webkit-box-shadow: 1px 1px 3px #ddd;
-  -moz-box-shadow: 1px 1px 3px #ddd;
-  box-shadow: 1px 1px 3px #ddd;
-}
-
-
 /****************************/
 /*      Forking ribbon      */
 /****************************/
@@ -250,13 +130,6 @@ p.next-step strong, .next-steps {
   padding-right: 20px;
   text-decoration:  none;
 }
-.intro {
-  color: #868686;
-}
-
-h2 span {
-  color: #666666;
-}
 
 .founders {
   overflow: hidden;
@@ -335,55 +208,3 @@ img.bootcamp {
 img.top-margin {
   margin-top: 1em !important;
 }
-
-/****************************/
-/*      Explain Pop-up      */
-/****************************/
-
-.more-info {
-  margin: 10px 0;
-  position: relative;
-}
-.more-info > h4 {
-  background-image: url('/images/bootcamp/dropdown_sprites.jpg');
-  background-repeat: no-repeat;
-  padding: .25em 0 .25em 25px;
-  cursor: pointer;
-  color: #4183C4;
-  font-weight: normal;
-}
-.more-info h4.compressed {
-  background-position: 0 0;
-}
-.more-info:hover h4.compressed {
-  background-position: 0 -23px;
-}
-.more-info h4.expanded {
-  background-position: 0 -46px;
-}
-.more-info:hover h4.expanded {
-  background-position: 0 -69px;
-}
-
-.more-info .more-content {
-  display: none;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  background-color: #FFFFFF;
-  border: 3px solid #DDDDDD;
-  padding: 1em 2em;
-  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-  margin: 15px 0 30px;
-}
-
-.more-info .more-content h4 {
-  margin-top: 1em;
-}
-
-.more-info .more-content pre {
-  margin-left: 0px !important;
-}
-
diff --git a/global/css/documentation.css b/global/css/documentation.css
new file mode 100644
index 0000000..4b50e56
--- /dev/null
+++ b/global/css/documentation.css
@@ -0,0 +1,635 @@
+/*------------------------------------------------------------------------------
+     Global Documentation Styles
+------------------------------------------------------------------------------*/
+
+body {
+  font: 13px helvetica,arial,freesans,clean,sans-serif;
+  line-height: 1.4em;
+  background-color: #fff;
+  color: #393939;
+  margin: 0px;
+  padding: 0px;
+  height: 100%;
+}
+
+p {
+  margin-bottom: 1em;
+}
+
+h1 {
+  font-size: 20px;
+  border-bottom: 1px solid #cccccc;
+  padding: .5em 0;
+  margin: 0 0 1em;
+}
+
+h2 {
+  font-size: 16px;
+  color: #333;
+  margin: 2em auto 1em;
+}
+
+h2 span.step {
+  color: #666;
+}
+
+h3 {
+  font-size: 14px;
+  color: #333;
+  margin: 1.5em 0 .5em;
+}
+
+h5 {
+  font-size: 13px;
+}
+
+h6 {
+  font-size: 13px;
+  color: #666;
+}
+
+a {
+  color: #4183C4;
+  text-decoration: none;
+}
+
+a:hover,
+a:active {
+  text-decoration:underline;
+}
+
+blockquote {
+  margin:0 -5px;
+  padding:5px 30px 5px 50px;
+  font-size:14px;
+}
+
+ul,
+ol {
+  margin: 0px;
+  padding: 0px;
+}
+
+dt {
+  font-weight: bold;
+}
+
+dd {
+  padding-left: 1em;
+  margin-bottom: 1em;
+}
+
+dd + dd {
+  margin-bottom: 0;
+}
+
+span.attention {
+  color: #e98400;
+  font-style: italic;
+}
+
+/*------------------------------------------------------------------------------
+     Header Styles
+------------------------------------------------------------------------------*/
+
+#header-wrapper {
+  margin-bottom: 0;
+  clear: both;
+  height: 91px;
+  background: white url(/global/images/background-v2.png) 0 0 repeat-x;
+}
+
+#header {
+  margin: 0 auto;
+  width: 920px;
+}
+
+#header a.logo {
+  float: left;
+  margin-top: 15px;
+  display: inline-block;
+}
+
+#header ul.nav {
+  float: right;
+  padding: 8px 3px 8px 2px;
+  font-weight: bold;
+  text-shadow: white 1px 1px 0px;
+  font-size: 12px;
+  margin-top: 18px;
+  background: #f5f5f5;
+  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcfcfc', endColorstr='#ececec');
+  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#e8e8e8));
+  background:-moz-linear-gradient(270deg, #fcfcfc, #ececec);
+  border-color:#eee;
+  border:1px solid #e9e9e9;
+  border-bottom-color:#f5f5f5;
+  -webkit-border-radius:5px;
+  -moz-border-radius:5px;
+  border-radius:5px;
+  -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
+  -moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
+  box-shadow:0 1px 1px rgba(0,0,0,0.2);
+}
+
+#header ul.nav li:first-child {
+  background: transparent;
+}
+
+#header ul.nav li {
+  float: left;
+  margin: 0;
+  padding: 0px 11px 0px 13px;
+  list-style-type: none;
+  background: url(/global/images/nav-rule.png) no-repeat 0px 50%;
+  line-height: 1.4em;
+}
+
+#header a {
+  outline: none;
+  text-decoration: none;
+}
+
+/*------------------------------------------------------------------------------
+     Sidebar
+------------------------------------------------------------------------------*/
+
+div.sidebar-shell {
+  position: relative;
+  float: right;
+  margin: .5em 0 0;
+}
+
+div.sidebar-module {
+  padding: 3px;
+  background: #EEE;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  display: block;
+  width: 332px;
+  margin-bottom: 20px;
+  font-size: 12px;
+}
+
+div.sidebar-module > ul {
+  background: #fafafb;
+  border: solid #CACACA;
+  border-width: 1px 1px 0px 1px;
+  margin: 0px;
+}
+
+div.sidebar-module > p {
+  background: #fafafb;
+  border: solid #CACACA;
+  border-width: 1px;
+  padding: 8px 10px;
+  margin: 0px;
+  display: block;
+  line-height: 1.4em;
+}
+
+div.sidebar-module li {
+  list-style-type: none;
+}
+
+div.sidebar-module > ul > li {
+  border-bottom: 1px solid #CACACA;
+}
+
+div.sidebar-module > ul h3 {
+  margin: 0px;
+  color: #666;
+  text-shadow: 1px 1px 0px #fff; 
+  background-color: #f1f1f1;
+  border-bottom: 1px solid #CACACA;
+  background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: -ms-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e1e1e1)); 
+  background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: linear-gradient(top, #f1f1f1, #e1e1e1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1f1f1', EndColorStr='#e1e1e1');
+  font-size: 14px;
+}
+
+div.sidebar-module > ul h3:hover {
+  text-decoration: none;
+  background-color: #e1e1e1;
+  background-image: -moz-linear-gradient(top, #e1e1e1, #d1d1d1);
+  background-image: -ms-linear-gradient(top, #e1e1e1, #d1d1d1);
+  background-image: -o-linear-gradient(top, #e1e1e1, #d1d1d1);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#d1d1d1));
+  background-image: -webkit-linear-gradient(top, #e1e1e1, #d1d1d1);
+  background-image: linear-gradient(top, #e1e1e1, #d1d1d1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e1e1e1', EndColorStr='#d1d1d1');
+}
+
+
+div.sidebar-module > ul h3 a {
+  padding: 8px 0px 8px 10px;
+  color: #666;
+  display: block;
+  text-decoration: none;
+}
+
+div.sidebar-module > ul h3:hover a {
+  text-decoration: none;
+}
+
+div.sidebar-module ul ul,
+div.sidebar-module .spacer {
+  display: block;
+  margin-bottom: 2px;
+  padding: 0px;
+}
+
+div.sidebar-module ul ul li {
+  border-top: 1px solid #fff;
+  border-bottom: 1px solid #e9ecee;
+  font-weight: bold;
+  color: #666;
+}
+
+div.sidebar-module ul ul li:hover,
+div.sidebar-module li.disable {
+  border-top: 1px solid #fafafb;
+  border-bottom: 1px solid #e5e8ea;
+  background-color: #f0f0f3;
+}
+
+div.sidebar-module ul ul li a,
+div.sidebar-module ul ul li span {
+  padding: 6px 0px 6px 10px;
+  display: block;
+  text-decoration: none;
+}
+
+div.sidebar-module ul ul li span {
+  padding-left: 20px;
+  cursor: default;
+}
+
+/* @end */
+
+/*------------------------------------------------------------------------------
+     Footer
+------------------------------------------------------------------------------*/
+
+#footer-wrapper {
+  border-top: solid 1px #ddd;
+  background-color: #222;
+  padding: 1em 0;
+  color: #eee;
+  margin-top: -88px;
+}
+
+#footer {
+  font-size: 12px;
+  line-height: 100%;
+  overflow: hidden;
+  margin: 0 auto;
+  width: 920px;
+
+}
+
+#footer p {
+  margin: 0;
+}
+
+#footer .rackspace {
+  line-height: 1.5em;
+  padding: 1.1em 1em 1em 65px;
+  color: #666;
+  background: url(/global/images/rackspace_logo.png) 1.2em 50% no-repeat #f1f1f1;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+}
+
+.rackspace a,
+.rackspace a:active,
+.rackspace a:hover {
+  color: #333;
+}
+
+#bottom-nav {
+  padding-top: 0.7em;
+  position: relative;
+  float: left;
+  display: block;
+}
+
+#footer .nav,
+#footer .nav li {
+  margin:0;
+}
+
+#footer .nav li {
+  display: inline;
+  line-height: 2em;
+  padding-right: 3px;
+}
+
+#footer .nav li + li {
+  border-left: 2px solid #666;
+  padding-left: 5px;
+}
+
+#bottom-notice {
+  width: 310px;
+  display: block;
+  position: relative;
+  float: right;
+}
+
+/* end */
+
+/*------------------------------------------------------------------------------
+    Not Footer
+------------------------------------------------------------------------------*/
+#wrapper {
+  padding: 20px 25px 108px;
+  overflow:hidden;
+  height: auto;
+  min-height: 80%;
+  width: 920px;
+  margin: -20px auto 0;
+  background: url(/global/images/background-white.png) 0 0 no-repeat;
+}
+
+#not-footer {
+  height: auto;
+  min-height: 100%;
+}
+
+#content {
+  width: 560px;
+  position: relative;
+  float: left;
+  color: #393939;
+}
+
+#content dl {
+  margin-left: 10px;
+}
+
+#content dt {
+  color: #666;
+}
+
+#content ul,
+#content ol {
+  margin-left: 1.5em;
+}
+
+#content ul {
+  list-style-type: disc;
+}
+
+#content img {
+  max-width: 100%;
+  border: 1px solid #dddddd;
+  -webkit-box-shadow: 1px 1px 3px #ddd;
+  -moz-box-shadow: 1px 1px 3px #ddd;
+  box-shadow: 1px 1px 3px #ddd;
+}
+
+
+#content .description {
+  margin-left: 20px;
+}
+
+#content .verseblock-content {
+  padding: 3px;
+}
+
+#content .verseblock-content,
+#content .sectionbody .dlist dt,
+#content p > tt,
+#content dl code,
+#content ul code,
+p code {
+  font: 12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
+  color: #52595d;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  border: 1px solid #ccc;
+  background-color: #f9f9f9;
+  padding: 0px 3px;
+  display: inline-block;
+}
+
+#content .sectionbody .dlist dt {
+  margin-top: 10px;
+}
+
+#content .verseblock-content {
+  padding: 3px;
+}
+
+#content .intro {
+  color: #868686;
+}
+/* @end */
+
+/*------------------------------------------------------------------------------
+     Pre/Code Styles
+------------------------------------------------------------------------------*/
+
+code {white-space: nowrap;}
+
+pre {
+  border: 1px solid #cacaca;
+  line-height: 1.2em;
+  font: 12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
+  margin-bottom: 1em;
+  padding: 1em;
+  overflow:auto;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  background-color: #FAFAFB;
+  white-space: pre-wrap;
+  white-space: -moz-pre-wrap;
+  white-space: o-pre-wrap;
+  color: #393939;
+}
+
+pre span.comment {color: #aaa;}
+
+pre.headers {
+  margin-bottom: 0;
+  border-bottom-width: 0;
+  -webkit-border-radius: 3px 3px 0 0;
+  -moz-border-radius: 3px 3px 0 0;
+  border-radius: 3px 3px 0 0;
+  color: #666;
+  background-color: #f1f1f1;
+  background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: -ms-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e1e1e1)); 
+  background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1); 
+  background-image: linear-gradient(top, #f1f1f1, #e1e1e1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1f1f1', EndColorStr='#e1e1e1');
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
+}
+
+pre.headers + pre.highlight {
+  -webkit-border-radius: 0 0 3px 3px;
+  -moz-border-radius: 0 0 3px 3px;
+  border-radius: 0 0 3px 3px;
+}
+
+pre.highlight {
+  -webkit-border-radius:3px;
+  -moz-border-radius:3px;
+  border-radius:3px;
+  background-color: #FAFAFB;
+}
+
+pre.terminal {
+  background-color: #444;
+  color: #fff;
+  display: block;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  border: 2px solid #DEDEDE;
+  position: relative;
+  padding: 10px;
+  text-shadow: none;
+  background-image: none;
+  filter: none;
+}
+
+pre.terminal em {
+  color: #f9fe64;
+}
+
+span.codeline {
+  display: block;
+  position: relative;
+}
+
+span.codeline:hover {
+  background-color: #292929;
+  margin: 0px;
+  padding-left: 3px;
+  margin-left: -3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  color: #666666;
+}
+
+span.codeline span {
+  display: inline-block;
+  font-size: 10px;
+  color: #fff;
+  padding: 0 0.3em 0.05em;
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  text-indent: -9999px;
+  background-image: url(/global/images/qmark.png);
+  background-repeat: no-repeat;
+  background-position: 1px 3px;
+  max-width: 8px;
+  min-width: 8px;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  user-select: none;
+  cursor: default;
+}
+
+span.codeline span:hover {
+  display: inline-block;
+  text-indent: 0px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  background: #000;
+  border: 1px solid #292929;
+  max-width: 1000px;
+}
+
+span.codeline:hover em {
+  color: #666666;
+}
+
+pre.bootcamp {
+  white-space: normal;
+  margin-left: -10px;
+  margin-bottom: 1.5em;
+  background-image: none;
+}
+
+span.bash-output {
+  color: #63e463;
+  display: block;
+  position: relative;
+}
+
+/* end */
+
+/*------------------------------------------------------------------------------
+    More Info Expander
+------------------------------------------------------------------------------*/
+
+.more-info {
+  margin: 10px 0;
+  position: relative;
+}
+.more-info > h4 {
+  background-image: url('/global/images/dropdown_sprites.jpg');
+  background-repeat: no-repeat;
+  padding: .25em 0 .25em 25px;
+  cursor: pointer;
+  color: #4183C4;
+  font-weight: normal;
+}
+.more-info h4.compressed {
+  background-position: 0 0;
+}
+.more-info:hover h4.compressed {
+  background-position: 0 -23px;
+}
+.more-info h4.expanded {
+  background-position: 0 -46px;
+}
+.more-info:hover h4.expanded {
+  background-position: 0 -69px;
+}
+
+.more-info .more-content {
+  display: none;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  background-color: #FFFFFF;
+  border: 3px solid #DDDDDD;
+  padding: 1em 2em;
+  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
+  margin: 15px 0 30px;
+}
+
+.more-info .more-content h4 {
+  margin-top: 1em;
+}
+
+.more-info .more-content pre {
+  margin-left: 0px;
+}
+\ No newline at end of file
diff --git a/global/css/style.css b/global/css/style.css
new file mode 100755
index 0000000..f6007df
--- /dev/null
+++ b/global/css/style.css
@@ -0,0 +1,217 @@
+html {
+  height: 100%;
+}
+
+/* Remove Below */
+
+#header .logo img {
+  left:-25px;
+  top:-3px;
+}
+
+#header {
+  height:81px;
+}
+#main {
+  background-position-y: -10px
+}
+.topsearch .nav {
+  position:relative;
+  top:9px;
+}
+
+.category_index { float: left; margin: 0.25em; width:19em; }
+.category_index h2 { background: #ddd; text-align: center; padding: 0.25em; margin-bottom: 0.5em; }
+.category_index dt, .category_index dd { margin-right: 0.5em; }
+.category_index dt { margin-left: 0.5em !important; }
+.category_index dd { margin-left: 1.5em !important; }
+
+
+/*********************/
+/*      Sidebar      */
+/*********************/
+
+#guides .guide .sidebar h3 {
+  padding: 4px;
+  margin: .2em 0;
+}
+#guides .guide .sidebar h3:focus { outline: none; }
+
+.sidebar dl { padding: 0 0.5em 0.5em 0.5em; }
+.sidebar dt {
+  font-weight: bold;
+  margin-top: 0.5em;
+}
+
+.ui-icon {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  background-color: white;
+  background-position: -2px 2px;
+  background-repeat: no-repeat;
+}
+.ui-icon-triangle-expand { background-image: url(/images/expand.png); }
+.ui-icon-triangle-collapse { background-image: url(/images/collapse.png); }
+
+/****************************/
+/*      Forking ribbon      */
+/****************************/
+
+@font-face {
+  font-family: Collegiate;
+  src: url("/Collegiate.ttf");
+}
+
+.myribbon {
+  position: absolute;
+  top: 0;
+  overflow: hidden;
+  height: 12em;
+  right: 0;
+}
+
+.myribbon a, myribbon a:hover { text-decoration: none; }
+
+.myribbon a {
+  /* Font */
+  font-family: Collegiate, sans-serif;
+  letter-spacing: -.1px;
+  opacity: 0.95;
+  font-size: 125%;
+  line-height: 1.35em;
+
+  /* Position */
+  display: block;
+  position: relative;
+  top: 2.5em;
+  right: -2.6em;
+  padding: 0.25em 0;
+
+  /* Sit and spin */
+  -moz-transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+
+  /* Defaults friendly for white pages. */
+  -moz-box-shadow: 0 0 13px #888;
+  -webkit-box-shadow: 0 0 13px #888;
+  color: #FFF;
+  text-shadow: 0 0 0.5em #444;
+
+  /* Culla */
+  background-color: #9a0000;
+  background: -webkit-gradient(linear, left bottom, left top, from(#9a0000), to(#a90000));
+}
+
+.myribbon a span {
+  padding: 0.1em 3em;
+  border: 1px solid #bf6060;
+}
+
+/****************************/
+/*         Bootcamp         */
+/****************************/
+.short-bottom-marg {
+  margin-bottom: 5px;
+}
+p.next-step strong, .next-steps {
+  color: #666666;
+}
+.next-steps {
+  font-weight: bold;
+}
+.next-steps a {
+  background-image: url('/images/bootcamp/next_step_arrow.gif');
+  background-repeat: no-repeat;
+  background-position: right 50%;
+  padding-right: 15px;
+}
+.next-steps a:hover {
+  padding-right: 20px;
+  text-decoration:  none;
+}
+.intro {
+  color: #868686;
+}
+
+h2 span {
+  color: #666666;
+}
+
+.founders {
+  overflow: hidden;
+  margin: 0px;
+}
+.founder {
+  background:#f5f5f5;
+  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc',endColorstr='#ececec');
+  background:-webkit-gradient(linear,0% 0,0% 100%,from(#fcfcfc),to(#e8e8e8));
+  background:-moz-linear-gradient(270deg,#fcfcfc,#ececec);border-color:#eee;
+  border:1px solid #e9e9e9;
+  border-bottom-color:#f5f5f5;
+  -webkit-border-radius:5px;
+  -moz-border-radius:5px;
+  border-radius:5px;
+  -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
+  -moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
+  box-shadow:0 1px 1px rgba(0,0,0,0.2);
+  display: block;
+  position: relative;
+  width: 250px;
+  padding: 5px;
+  overflow: hidden;
+  margin: 0px 5px 5px 0px;
+  float: left;
+  list-style-type: none;
+}
+
+.founder:hover {
+  text-decoration: none;
+  background:#e5e5e5;
+  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ececec',endColorstr='#dcdcdc');
+  background:-webkit-gradient(linear,0% 0,0% 100%,from(#ececec),to(#d8d8d8));
+  background:-moz-linear-gradient(270deg,#ececec,#dcdcdc);border-color:#ddd;
+}
+
+.founder img {
+  float: left;
+  position: relative;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  border:1px solid #e9e9e9;
+  margin-right: 1em;
+}
+.founder h4 {
+  position: relative;
+  font-size: 1.3em;
+  color: #000;
+  margin: .3em 0px 0px;
+}
+.founder p {
+  position: relative;
+  font-weight: bold;
+  margin:0px !important;
+  color: #666666;
+  margin: 0px;
+}
+
+.step-title {
+  font-weight: bold;
+  display: inline-block;
+  margin-top: 1em;
+}
+
+.step-title span {
+  font-weight: normal;
+  font-style: oblique;
+  color: #666666;
+}
+
+img.bootcamp {
+  display: block;
+}
+
+img.top-margin {
+  margin-top: 1em !important;
+}
diff --git a/global/images/background-v2.png b/global/images/background-v2.png
new file mode 100644
index 0000000..33292d8
--- /dev/null
+++ b/global/images/background-v2.png
diff --git a/global/images/background-white.png b/global/images/background-white.png
new file mode 100644
index 0000000..c981fb8
--- /dev/null
+++ b/global/images/background-white.png
diff --git a/global/images/dropdown_sprites.jpg b/global/images/dropdown_sprites.jpg
new file mode 100644
index 0000000..3e3cc6f
--- /dev/null
+++ b/global/images/dropdown_sprites.jpg
diff --git a/global/images/nav-rule.png b/global/images/nav-rule.png
new file mode 100644
index 0000000..909c5a8
--- /dev/null
+++ b/global/images/nav-rule.png
diff --git a/global/images/next_step_arrow.gif b/global/images/next_step_arrow.gif
new file mode 100644
index 0000000..8f93ee9
--- /dev/null
+++ b/global/images/next_step_arrow.gif
diff --git a/global/images/qmark.png b/global/images/qmark.png
new file mode 100644
index 0000000..caa30f5
--- /dev/null
+++ b/global/images/qmark.png
diff --git a/global/images/rackspace_logo.png b/global/images/rackspace_logo.png
new file mode 100644
index 0000000..6a29d67
--- /dev/null
+++ b/global/images/rackspace_logo.png
diff --git a/global/js/documentation.js b/global/js/documentation.js
new file mode 100644
index 0000000..0625a91
--- /dev/null
+++ b/global/js/documentation.js
@@ -0,0 +1,38 @@
+// Init sidebar
+$(function() {
+  var activeItem,
+      helpList = $('#js-help-sidebar .js-topic')
+
+  $('#js-help-sidebar .js-guides').each(function(){
+    //if($(this).find('.disable').length == 0){
+      $(this).children().hide()
+    //}
+  })
+
+  $('#js-help-sidebar .js-topic h3 a').click(function(){
+    var clickedTopic = $(this).parents('.js-topic'),
+        topicGuides = clickedTopic.find('.js-guides li')
+    
+    if(activeItem != clickedTopic.index()){
+      if(helpList.eq(activeItem)){
+        helpList.eq(activeItem).find('.js-guides li').toggle(100)
+      }
+      activeItem = clickedTopic.index()
+      topicGuides.toggle(100)
+    } else {
+      activeItem = undefined
+      topicGuides.toggle(100)
+    }
+
+    return false
+  })
+
+  $('.help-search .search-box').focus(function(){
+    $(this).css('background-position','0px -25px')
+  })
+  $('.help-search .search-box').focusout(function(){
+    if($(this).val() == ''){
+      $(this).css('background-position','0px 0px')
+    }
+  })
+});
+\ No newline at end of file
diff --git a/images/help.github.png b/images/help.github.png
deleted file mode 100644
index 3bfab34..0000000
--- a/images/help.github.png
+++ /dev/null
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000..aa29b22
--- /dev/null
+++ b/images/logo.png
author	Cameron McEfee <cameron@github.com>	2011-05-13 14:36:31 -0700
committer	Cameron McEfee <cameron@github.com>	2011-05-16 16:55:31 -0700
commit	836ff8f64638d8bdcdb96e7baa650e998dd663c4 (patch)
tree	0848fc95fbaa122933828b39aa0b33a0490a926d
parent	fbdda61be276a0b81c97f8b1859fbc2b55c6dd7a (diff)