Change the next page links at the bottom of each page to large arrow buttons.
Martin Castner committed
Mar 2, 2011 at 03:04 UTC
43b3bd31b8c15473b479abc298c04e72d6bdba39
6 files changed
+64
-5
basic/index.html
+1
-1
@@ -747,5 +747,5 @@ M hello.rb
747
</div>
748
</div>
749
750
-<p><a href="/branching">On to Branching and Merging »</a></p>
750
+<p><a class="page-button next-page" href="/branching">On to Branching and Merging »</a></p>
751
branching/index.html
+1
-1
@@ -775,5 +775,5 @@ ab5ab4c added erlang
775
</div>
776
</div>
777
778
-<p><a href="/remotes">On to Sharing and Updating Projects »</a></p>
778
+<p><a class="page-button next-page" href="/remotes">On to Sharing and Updating Projects »</a></p>
779
creating/index.html
+1
-1
@@ -134,4 +134,4 @@ config index <span class="blue">objects</span>
134
</div>
135
</div>
136
137
-<p><a href="/basic">On to Basic Snapshotting »</a></p>
137
+<p><a class="page-button next-page" href="/basic">On to Basic Snapshotting »</a></p>
css/layout.css
+59
@@ -123,6 +123,65 @@ a {
123
a:hover {
124
color:#333;
125
}
126
+a.page-button {
127
+ background: #e4eafa none 0 0 repeat-x;
128
+ border: solid 1px #c9172e;
129
+ color: #c9172e;
130
+ cursor: pointer;
131
+ display: inline-block;
132
+ font-weight: bold;
133
+ font-size: 12px;
134
+ line-height: 100%;
135
+ margin: 1px;
136
+ padding: 0.8em 1em;
137
+ position: relative;
138
+ text-decoration: none;
139
+ text-shadow: #fff 0 1px 0;
140
+ vertical-align: middle;
141
+ white-space: nowrap;
142
+ float:right;
143
+ background-image: -moz-linear-gradient(-90deg,
144
+ #eeeeee 1%,
145
+ #fdf6f7 5%,
146
+ #fae9eb 70%,
147
+ #f7dcdf 100%);
148
+ background-image: -webkit-gradient(linear,left top,left bottom,
149
+ color-stop(0.01, #eee),
150
+ color-stop(0.05, #fdf6f7),
151
+ color-stop(0.70, #fae9eb),
152
+ color-stop(1, #f7dcdf));
153
+}
154
+a.next-page {
155
+ border-right: none;
156
+ margin-right: 26px;
157
+ padding-right: 0;
158
+}
159
+a.next-page:after, a.prev-page:after {
160
+ border: solid 1px #c9172e;
161
+ content: '';
162
+ display: block;
163
+ position: absolute;
164
+ top: .37em;
165
+ width: 1.7em;
166
+ height: 1.7em;
167
+ text-shadow: none;
168
+ z-index: -1;
169
+}
170
+a.next-page:after {
171
+ right: -.97em;
172
+ -moz-transform: rotate(-45deg);
173
+ background-image: -moz-linear-gradient(-135deg,
174
+ #eeeeee 1%,
175
+ #fdf6f7 5%,
176
+ #fae9eb 70%,
177
+ #f7dcdf 100%);
178
+ -webkit-transform:rotate(-45deg);
179
+ background-image: -webkit-gradient(linear,100% 0%, 0% 100%,
180
+ color-stop(0.1, #eee),
181
+ color-stop(0.05, #fdf6f7),
182
+ color-stop(0.70, #fae9eb),
183
+ color-stop(1, #f7dcdf));
184
+}
185
186
/* headings
187
----------------------------------------------- */
index.html
+1
-1
@@ -109,4 +109,4 @@ layout: reference
109
</div>
110
</div>
111
112
-<p><a href="/creating">On to Getting and Creating Projects »</a></p>
112
+<p><a class="page-button next-page" href="/creating">On to Getting and Creating Projects »</a></p>
remotes/index.html
+1
-1
@@ -340,4 +340,4 @@ fast-forwards' section of 'git push --help' for details.
340
</div>
341
</div>
342
343
-<p><a href="/inspect">On to Inspection and Comparison »</a></p>
343
+<p><a class="page-button next-page" href="/inspect">On to Inspection and Comparison »</a></p>