Style updates

anildigital · Apr 16, 2015 · 0bbf954 · 0bbf954
1 parent 2f1a678
commit 0bbf954
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -32,7 +32,7 @@ <h1><a href="/">anilwadghule.com</a> </h1>
       <a class="extra" href="/resume.html">resume</a>
       <a class="extra" href="/about.html">about</a>
       <a class="extra" href="/contact.html">contact</a>
-      <div>
+      <div id="twitter_follow">
         <a href="https://twitter.com/anildigital" class="twitter-follow-button" data-show-count="false">Follow @anildigital</a>
         <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
       </div>

diff --git a/css/screen.css b/css/screen.css
@@ -278,7 +278,19 @@ ul.posts span {
 /* Display last.fm chart */
 #lastfm_chart {
     position:fixed;
-    top:42px;
-    right:30px;
+    bottom:10px;
+    right:10px;
     z-index:1000;
-}
+}
+
+#twitter_follow {
+    position:fixed;
+    top:5%;
+    left:2%;
+    z-index:1000;
+}
+
+@media screen and (min-width: 0px) and (max-width: 900px) {
+    #lastfm_chart { display: none; }  /* show it on small screens */
+    #twitter_follow {display: none; }
+}