Permalink
Browse files

Styled fork me link

  • Loading branch information...
jrmehle committed Jan 18, 2011
1 parent c532980 commit 0259dc97b8b1c18be596f9d3492f98522d02562d
@@ -14,15 +14,17 @@
<div id="header">
<h1>Ruby Committers</h1>
</div>
+
<div id="page">
<%= yield %>
</div>
+
<div id="footer">
</div>
-
- <%= link_to 'fork me on github', 'http://github.com/tenderlove/rubycommitters.org' %>
</div>
+<%= link_to 'fork me on github', 'http://github.com/tenderlove/rubycommitters.org', :id => 'fork_me' %>
+
</body>
</html>
Binary file not shown.
@@ -57,8 +57,9 @@ code {
#wrapper {
- margin: 0 auto;
+ position: relative;
width: 75%;
+ margin: 0 auto;
font-size: 150%;
}
#header {
@@ -81,6 +82,10 @@ code {
font-size: 175%;
}
+#page {
+
+}
+
.image-wrapper {
height: 100px;
}
@@ -102,4 +107,23 @@ code {
-moz-box-shadow: 1px 1px 4px #444;
-webkit-box-shadow: 1px 1px 4px #444;
box-shadow: 1px 1px 4px #444;
+
+#fork_me {
+ position: absolute;
+ top: -1px;
+ right: 10%;
+ background: #FFF url(/images/octocat_tiny.png) no-repeat scroll 2% 50%;
+ padding: 14px 10px 4px 40px;
+ border: 1px solid #333;
+ -webkit-border-bottom-right-radius: 5px;
+ -webkit-border-bottom-left-radius: 5px;
+ -moz-border-radius-bottomright: 5px;
+ -moz-border-radius-bottomleft: 5px;
+ border-bottom-right-radius: 5px;
+ border-bottom-left-radius: 5px;
+
+ -webkit-box-shadow: 2px 1px 3px #333;
+ -moz-box-shadow: 2px 1px 3px #333;
+ box-shadow: 2px 1px 3px #333;
+
}

0 comments on commit 0259dc9

Please sign in to comment.