diff options
| -rw-r--r-- | _layouts/default.html | 137 | ||||
| -rw-r--r-- | css/style.css | 191 | ||||
| -rw-r--r-- | global/css/documentation.css | 635 | ||||
| -rwxr-xr-x | global/css/style.css | 217 | ||||
| -rw-r--r-- | global/images/background-v2.png | bin | 0 -> 199 bytes | |||
| -rw-r--r-- | global/images/background-white.png | bin | 0 -> 1774 bytes | |||
| -rw-r--r-- | global/images/dropdown_sprites.jpg | bin | 0 -> 1873 bytes | |||
| -rw-r--r-- | global/images/nav-rule.png | bin | 0 -> 120 bytes | |||
| -rw-r--r-- | global/images/next_step_arrow.gif | bin | 0 -> 1166 bytes | |||
| -rw-r--r-- | global/images/qmark.png | bin | 0 -> 257 bytes | |||
| -rw-r--r-- | global/images/rackspace_logo.png | bin | 0 -> 1434 bytes | |||
| -rw-r--r-- | global/js/documentation.js | 38 | ||||
| -rw-r--r-- | images/help.github.png | bin | 5239 -> 0 bytes | |||
| -rw-r--r-- | images/logo.png | bin | 0 -> 6441 bytes |
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"> - © - {{ 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>© 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®</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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differdeleted file mode 100644 index 3bfab34..0000000 --- a/images/help.github.png +++ /dev/null diff --git a/images/logo.png b/images/logo.png Binary files differnew file mode 100644 index 0000000..aa29b22 --- /dev/null +++ b/images/logo.png |
