1
0
Fork 0

Change the next page links at the bottom of each page to large arrow buttons.

gh-pages
Martin Castner 12 years ago
parent 4d9f6ed2cf
commit 43b3bd31b8

@ -747,5 +747,5 @@ M hello.rb
</div>
</div>
<p><a href="/branching">On to Branching and Merging &#187;</a></p>
<p><a class="page-button next-page" href="/branching">On to Branching and Merging &#187;</a></p>

@ -775,5 +775,5 @@ ab5ab4c added erlang
</div>
</div>
<p><a href="/remotes">On to Sharing and Updating Projects &#187;</a></p>
<p><a class="page-button next-page" href="/remotes">On to Sharing and Updating Projects &#187;</a></p>

@ -134,4 +134,4 @@ config index <span class="blue">objects</span>
</div>
</div>
<p><a href="/basic">On to Basic Snapshotting &#187;</a></p>
<p><a class="page-button next-page" href="/basic">On to Basic Snapshotting &#187;</a></p>

@ -123,6 +123,65 @@ a {
a:hover {
color:#333;
}
a.page-button {
background: #e4eafa none 0 0 repeat-x;
border: solid 1px #c9172e;
color: #c9172e;
cursor: pointer;
display: inline-block;
font-weight: bold;
font-size: 12px;
line-height: 100%;
margin: 1px;
padding: 0.8em 1em;
position: relative;
text-decoration: none;
text-shadow: #fff 0 1px 0;
vertical-align: middle;
white-space: nowrap;
float:right;
background-image: -moz-linear-gradient(-90deg,
#eeeeee 1%,
#fdf6f7 5%,
#fae9eb 70%,
#f7dcdf 100%);
background-image: -webkit-gradient(linear,left top,left bottom,
color-stop(0.01, #eee),
color-stop(0.05, #fdf6f7),
color-stop(0.70, #fae9eb),
color-stop(1, #f7dcdf));
}
a.next-page {
border-right: none;
margin-right: 26px;
padding-right: 0;
}
a.next-page:after, a.prev-page:after {
border: solid 1px #c9172e;
content: '';
display: block;
position: absolute;
top: .37em;
width: 1.7em;
height: 1.7em;
text-shadow: none;
z-index: -1;
}
a.next-page:after {
right: -.97em;
-moz-transform: rotate(-45deg);
background-image: -moz-linear-gradient(-135deg,
#eeeeee 1%,
#fdf6f7 5%,
#fae9eb 70%,
#f7dcdf 100%);
-webkit-transform:rotate(-45deg);
background-image: -webkit-gradient(linear,100% 0%, 0% 100%,
color-stop(0.1, #eee),
color-stop(0.05, #fdf6f7),
color-stop(0.70, #fae9eb),
color-stop(1, #f7dcdf));
}
/* headings
----------------------------------------------- */

@ -109,4 +109,4 @@ layout: reference
</div>
</div>
<p><a href="/creating">On to Getting and Creating Projects &#187;</a></p>
<p><a class="page-button next-page" href="/creating">On to Getting and Creating Projects &#187;</a></p>

@ -340,4 +340,4 @@ fast-forwards' section of 'git push --help' for details.
</div>
</div>
<p><a href="/inspect">On to Inspection and Comparison &#187;</a></p>
<p><a class="page-button next-page" href="/inspect">On to Inspection and Comparison &#187;</a></p>

Loading…
Cancel
Save