Skip to content

Commit

Permalink
made the top nav stick, and refactored the css.
Browse files Browse the repository at this point in the history 
Still need to check it, and change the bg color of the top nav
  • Loading branch information
Sam Jewell committed Dec 18, 2014
1 parent 27d2bb4 commit b086dac
Show file tree
Hide file tree
Showing 31 changed files with 462 additions and 543 deletions.
10 changes: 5 additions & 5 deletions guide/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,11 +27,11 @@ <h2>The Git-it App and Guide</h2>

<footer>
<ul>
<li class="meta"><a href="index.html"><strong>Git-it Challenges</strong></a></li>
<li class="meta"><a href="about.html">About</a></li>
<li class="meta"><a href="dictionary.html">Dictionary</a></li>
<li class="meta"><a href="resources.html">Resources</a></li>
<li class="meta">
<li class="all-caps"><a href="index.html"><strong>Git-it Challenges</strong></a></li>
<li class="all-caps"><a href="about.html">About</a></li>
<li class="all-caps"><a href="dictionary.html">Dictionary</a></li>
<li class="all-caps"><a href="resources.html">Resources</a></li>
<li class="all-caps">
<a href="http://github.com/jlord/git-it/issues/new" target="_blank">Open an Issue</a>
</li>
</ul>
Expand Down
62 changes: 26 additions & 36 deletions guide/assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,31 +23,43 @@ body {
text-align: right;
}

.u-posFixed {
position: fixed;
}

li {
padding-bottom: 4px;
}

.nav {
width: 100%;
background-color: #fafafa;
top: 0;
}

.wrap-width {
width: 600px;
margin: auto;
}

.wrapper {
width: 600px;
margin: 30px auto;
}

.site-header {
font-size: 20px;
margin-bottom: 40px;
background: #fafafa;
padding: 0 0 30px 0;
overflow: auto;
/*text-align: center;*/
}

.hand {
font-size: 40px;
padding: 9px 12px;
padding: 4px 0;
color: #0087ff;
}

.challenge-band h2, .number-band h2 {
.challenge-name {
text-transform: capitalize;
font-weight: 900;
color: #0087ff;
Expand Down Expand Up @@ -81,7 +93,7 @@ li {
text-shadow: rgb(255, 255, 255) 0px 0px 5px;
}

.site-header .meta, footer .meta, .prenext .meta {
.all-caps {
font-size: 12px;
text-transform: uppercase;
font-family: Source Sans Pro;
Expand All @@ -96,7 +108,6 @@ h1, h2, h3, h4, .gitit, .toc {
}

h1, h2, h3, h4 {
/*text-align: center;*/
margin-top: 50px;
}

Expand Down Expand Up @@ -142,11 +153,6 @@ code, .outof {
white-space: nowrap;
}

pre {
background-color: #fafafa;
}


footer {
border-top: 3px solid #0087ff;
margin: 20px 0;
Expand All @@ -161,29 +167,13 @@ footer ul {

footer ul li {
display: inline-block;
padding-right: 12px;
}

.pre, .next {
text-transform: capitalize;
display: inline-block;
color: #0087ff;
padding: 0 6px;
}

.prenext {
overflow: auto;
}

hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
/* border: 0;
border-bottom: 1px dashed #ccc;
background: #999;*/
}

.challenge-desc {
color: #777;
font-style: italic;
Expand All @@ -206,10 +196,6 @@ hr {
border-color: #0087ff;
}

#git-tips h4, .didnt-pass h4 {
margin-top: 0;
}

#git-tips li {
margin-top: 12px;
}
Expand All @@ -226,11 +212,15 @@ hr {
}

.verify {
margin-top: 30px;
margin-bottom: 30px;
margin: 30px 0;
}

.challenge h2, .verify h3, #git-tips h2, .didnt-pass h2 {
#git-tips h2,
#git-tips h4,
.didnt-pass h2,
.didnt-pass h4,
.challenge h2,
.verify h3 {
margin-top: 0;
}

Expand Down
18 changes: 9 additions & 9 deletions guide/challenges-zhtw/branches_arent_just_for_birds.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,11 +24,11 @@

<div class="wrapper">
<div class="challenge-band left">
<span class="meta">CHALLENGE</span>
<span class="all-caps">CHALLENGE</span>
<h2>branches aren&#x27;t just for birds</h2>
</div>
<div class="number-band right tar">
<span class="meta">NUMBER</span>
<span class="all-caps">NUMBER</span>
<h2>7 / 11</h2>
<div>
</div>
Expand Down Expand Up @@ -130,22 +130,22 @@ <h2>&#x6487;&#x6B65;</h2>


<div class="prenext">
<div class="pre lef meta">
<div class="pre lef all-caps">
<a href="forks_and_clones.html">forks and clones</a>
<div>⤶ </div>
</div>
<div class="next tar right meta">
<div class="next tar right all-caps">
<a href="its_a_small_world.html">it&#x27;s a small world</a>
<div>⤷</div>
</div>
</div>
<footer>
<ul>
<li class="meta"><a href="../index-zhtw.html"><strong>Git-it Challenges</strong></a></li>
<li class="meta"><a href="../about.html">About</a></li>
<li class="meta"><a href="../dictionary.html">Dictionary</a></li>
<li class="meta"><a href="../resources.html">Resources</a></li>
<li class="meta">
<li class="all-caps"><a href="../index-zhtw.html"><strong>Git-it Challenges</strong></a></li>
<li class="all-caps"><a href="../about.html">About</a></li>
<li class="all-caps"><a href="../dictionary.html">Dictionary</a></li>
<li class="all-caps"><a href="../resources.html">Resources</a></li>
<li class="all-caps">
<a href="http://github.com/jlord/git-it/issues/new" target="_blank">Open an Issue</a>
</li>
</ul>
Expand Down
18 changes: 9 additions & 9 deletions guide/challenges-zhtw/commit_to_it.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,11 +24,11 @@

<div class="wrapper">
<div class="challenge-band left">
<span class="meta">CHALLENGE</span>
<span class="all-caps">CHALLENGE</span>
<h2>commit to it</h2>
</div>
<div class="number-band right tar">
<span class="meta">NUMBER</span>
<span class="all-caps">NUMBER</span>
<h2>3 / 11</h2>
<div>
</div>
Expand Down Expand Up @@ -92,22 +92,22 @@ <h2>&#x6487;&#x6B65;</h2>


<div class="prenext">
<div class="pre lef meta">
<div class="pre lef all-caps">
<a href="repository.html">repository</a>
<div>⤶ </div>
</div>
<div class="next tar right meta">
<div class="next tar right all-caps">
<a href="githubbin.html">GitHubbin</a>
<div>⤷</div>
</div>
</div>
<footer>
<ul>
<li class="meta"><a href="../index-zhtw.html"><strong>Git-it Challenges</strong></a></li>
<li class="meta"><a href="../about.html">About</a></li>
<li class="meta"><a href="../dictionary.html">Dictionary</a></li>
<li class="meta"><a href="../resources.html">Resources</a></li>
<li class="meta">
<li class="all-caps"><a href="../index-zhtw.html"><strong>Git-it Challenges</strong></a></li>
<li class="all-caps"><a href="../about.html">About</a></li>
<li class="all-caps"><a href="../dictionary.html">Dictionary</a></li>
<li class="all-caps"><a href="../resources.html">Resources</a></li>
<li class="all-caps">
<a href="http://github.com/jlord/git-it/issues/new" target="_blank">Open an Issue</a>
</li>
</ul>
Expand Down
18 changes: 9 additions & 9 deletions guide/challenges-zhtw/forks_and_clones.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,11 +24,11 @@

<div class="wrapper">
<div class="challenge-band left">
<span class="meta">CHALLENGE</span>
<span class="all-caps">CHALLENGE</span>
<h2>forks and clones</h2>
</div>
<div class="number-band right tar">
<span class="meta">NUMBER</span>
<span class="all-caps">NUMBER</span>
<h2>6 / 11</h2>
<div>
</div>
Expand Down Expand Up @@ -93,22 +93,22 @@ <h2>&#x6487;&#x6B65;</h2>


<div class="prenext">
<div class="pre lef meta">
<div class="pre lef all-caps">
<a href="remote_control.html">remote control</a>
<div>⤶ </div>
</div>
<div class="next tar right meta">
<div class="next tar right all-caps">
<a href="branches_arent_just_for_birds.html">branches aren&#x27;t just for birds</a>
<div>⤷</div>
</div>
</div>
<footer>
<ul>
<li class="meta"><a href="../index-zhtw.html"><strong>Git-it Challenges</strong></a></li>
<li class="meta"><a href="../about.html">About</a></li>
<li class="meta"><a href="../dictionary.html">Dictionary</a></li>
<li class="meta"><a href="../resources.html">Resources</a></li>
<li class="meta">
<li class="all-caps"><a href="../index-zhtw.html"><strong>Git-it Challenges</strong></a></li>
<li class="all-caps"><a href="../about.html">About</a></li>
<li class="all-caps"><a href="../dictionary.html">Dictionary</a></li>
<li class="all-caps"><a href="../resources.html">Resources</a></li>
<li class="all-caps">
<a href="http://github.com/jlord/git-it/issues/new" target="_blank">Open an Issue</a>
</li>
</ul>
Expand Down
18 changes: 9 additions & 9 deletions guide/challenges-zhtw/get_git.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,11 +24,11 @@

<div class="wrapper">
<div class="challenge-band left">
<span class="meta">CHALLENGE</span>
<span class="all-caps">CHALLENGE</span>
<h2>get git</h2>
</div>
<div class="number-band right tar">
<span class="meta">NUMBER</span>
<span class="all-caps">NUMBER</span>
<h2>1 / 11</h2>
<div>
</div>
Expand Down Expand Up @@ -93,22 +93,22 @@ <h2>&#x6487;&#x6B65;</h2>


<div class="prenext">
<div class="pre lef meta">
<div class="pre lef all-caps">
<a href="../index-zhtw.html">All Challenges</a>
<div>⤶ </div>
</div>
<div class="next tar right meta">
<div class="next tar right all-caps">
<a href="repository.html">repository</a>
<div>⤷</div>
</div>
</div>
<footer>
<ul>
<li class="meta"><a href="../index-zhtw.html"><strong>Git-it Challenges</strong></a></li>
<li class="meta"><a href="../about.html">About</a></li>
<li class="meta"><a href="../dictionary.html">Dictionary</a></li>
<li class="meta"><a href="../resources.html">Resources</a></li>
<li class="meta">
<li class="all-caps"><a href="../index-zhtw.html"><strong>Git-it Challenges</strong></a></li>
<li class="all-caps"><a href="../about.html">About</a></li>
<li class="all-caps"><a href="../dictionary.html">Dictionary</a></li>
<li class="all-caps"><a href="../resources.html">Resources</a></li>
<li class="all-caps">
<a href="http://github.com/jlord/git-it/issues/new" target="_blank">Open an Issue</a>
</li>
</ul>
Expand Down
18 changes: 9 additions & 9 deletions guide/challenges-zhtw/githubbin.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,11 +24,11 @@

<div class="wrapper">
<div class="challenge-band left">
<span class="meta">CHALLENGE</span>
<span class="all-caps">CHALLENGE</span>
<h2>GitHubbin</h2>
</div>
<div class="number-band right tar">
<span class="meta">NUMBER</span>
<span class="all-caps">NUMBER</span>
<h2>4 / 11</h2>
<div>
</div>
Expand Down Expand Up @@ -76,22 +76,22 @@ <h4>GitHub &amp; Git config usernames do not match</h4>


<div class="prenext">
<div class="pre lef meta">
<div class="pre lef all-caps">
<a href="commit_to_it.html">commit to it</a>
<div>⤶ </div>
</div>
<div class="next tar right meta">
<div class="next tar right all-caps">
<a href="remote_control.html">remote control</a>
<div>⤷</div>
</div>
</div>
<footer>
<ul>
<li class="meta"><a href="../index-zhtw.html"><strong>Git-it Challenges</strong></a></li>
<li class="meta"><a href="../about.html">About</a></li>
<li class="meta"><a href="../dictionary.html">Dictionary</a></li>
<li class="meta"><a href="../resources.html">Resources</a></li>
<li class="meta">
<li class="all-caps"><a href="../index-zhtw.html"><strong>Git-it Challenges</strong></a></li>
<li class="all-caps"><a href="../about.html">About</a></li>
<li class="all-caps"><a href="../dictionary.html">Dictionary</a></li>
<li class="all-caps"><a href="../resources.html">Resources</a></li>
<li class="all-caps">
<a href="http://github.com/jlord/git-it/issues/new" target="_blank">Open an Issue</a>
</li>
</ul>
Expand Down
Loading

0 comments on commit b086dac

Please sign in to comment.