Update styles

10 files changed, 890 insertions, 0 deletions

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