Browse Source

use CSS for 'fork me on github' banner

jomo 10 years ago
parent
commit
7b93a1ef98
2 changed files with 15 additions and 3 deletions
  1. 14 1
      public/stylesheets/style.css
  2. 1 2
      views/layout.jade

+ 14 - 1
public/stylesheets/style.css

@@ -11,10 +11,23 @@ a {
 }
 
 a.forkme {
-  position: fixed;
   top: 0;
   right: 0;
   z-index: 1040;
+  position: fixed;
+  display: inline-block;
+  background: #008000;
+  box-shadow: 0 0 5px #000;
+  color: #fff;
+  font-weight: bold;
+  padding: 3px 40px;
+  border: 2px solid #006400;
+  -webkit-transform: rotate(45deg) translate(65px);
+  transform: rotate(45deg) translate(65px);
+}
+a.forkme:hover {
+  color: #ddd;
+  text-decoration: none;
 }
 
 mark.green {

+ 1 - 2
views/layout.jade

@@ -8,8 +8,7 @@ html
     meta(name="viewport" content="initial-scale=1,maximum-scale=1")
     //script(src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.0/js/bootstrap.min.js")
   body
-    a.forkme(href="https://github.com/Jake0oo0/crafatar", target="_blank")
-      img(src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67", alt="Fork me on GitHub")
+    a.forkme(href="https://github.com/Jake0oo0/crafatar", target="_blank") Fork me on GitHub
     .navbar.navbar-default.navbar-fixed-top
         .container
           .navbar-header