hide the banner when page width is smaller than 960px

lalas · Apr 9, 2013 · 6780d7e · 6780d7e
1 parent e48a5e0
commit 6780d7e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/_includes/themes/dinky/default.html b/_includes/themes/dinky/default.html
@@ -85,7 +85,7 @@ <h4>contact</h4>
       <section>
       {{ content }}
       </section>
-      <a href="https://github.com/supstat/vistat"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>
+      <div class="banner"><a href="https://github.com/supstat/vistat"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a></div>
 
     </div>
     <!--[if !IE]><script>fixScale(document);</script><!--<![endif]-->

diff --git a/assets/themes/dinky/css/styles.css b/assets/themes/dinky/css/styles.css
@@ -388,6 +388,10 @@ ul.author {
     margin:0;
   }
 
+  div.banner {
+    display: none;
+  }
+
   header, section, footer {
     float:none;
     position:static;