Permalink
Browse files

Update styles

  • Loading branch information...
1 parent fbdda61 commit 836ff8f64638d8bdcdb96e7baa650e998dd663c4 Cameron McEfee committed May 13, 2011
View
@@ -18,87 +18,86 @@
<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>
View
@@ -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;
-}
-
Oops, something went wrong.

0 comments on commit 836ff8f

Please sign in to comment.