Skip to content

Commit

Permalink
Update styles
Browse files Browse the repository at this point in the history
  • Loading branch information
@Cameron423698
Cameron423698 committed May 16, 2011
1 parent fbdda61 commit 836ff8f
Show file tree
Hide file tree
Showing 14 changed files with 964 additions and 254 deletions.
137 changes: 68 additions & 69 deletions _layouts/default.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
191 changes: 6 additions & 185 deletions css/style.css
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,9 @@
html {
height: 100%;
}

/* Remove Below */

#header .logo img {
left:-25px;
top:-3px;
Expand Down Expand Up @@ -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 */
/****************************/
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
}

Loading

0 comments on commit 836ff8f

Please sign in to comment.