updated ribbon code

nodeca · May 28, 2012 · bd6fddd · bd6fddd
1 parent 88946c7
commit bd6fddd
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 1 deletion.
diff --git a/demo/css/demo.css b/demo/css/demo.css
@@ -56,3 +56,32 @@ h5 {
 .addthis_toolbox:hover {
   opacity: 1;
 }
+
+.gh-ribbon {
+    -moz-transform: rotate(45deg);
+    background-color: #686868;
+    box-shadow: 0 0 2px rgba(102, 102, 102, 0.4);
+    display: block;
+    padding: 1px 0;
+    position: fixed;
+    right: -60px;
+    top: 44px;
+    width: 230px;
+    z-index: 10000;
+}
+.gh-ribbon a {
+    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-size: 13px;
+    border: 1px solid #AAAAAA;
+    color: #FFFFFF;
+    display: block;
+    font-size: 13px;
+    font-weight: 700;
+    outline: medium none;
+    padding: 4px 50px 2px;
+    text-align: center;
+    text-decoration: none;
+}
+.csstransforms .gh-ribbon {
+    display: block;
+}
diff --git a/demo/index.html b/demo/index.html
@@ -242,7 +242,9 @@ <h5>Result (JS object dump):</h5>
   <textarea id="result"></textarea>
 </div>
 
-<a href="https://github.com/nodeca/js-yaml" title="Source code for YAML JavaScript parser"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
+<div class="gh-ribbon">
+  <a href="https://github.com/nodeca/js-yaml" target="_blank" title="Source code for YAML JavaScript parser">Fork me on GitHub</a>
+</div>
 
 <!-- AddThis Button BEGIN
 <div class="addthis_toolbox addthis_default_style addthis_32x32_style">