First attempt at responsive design for site.

- Droppped sidebar from all pages.
- Wrapped post images in a div for easier styling.
- Drop the Inferno banner on too small displays.

Most stuff works quite well for a first attempt, mthinks.

1 files changed, 20 insertions, 7 deletions

diff --git a/blog/_assets/stylesheets/_header.scss b/blog/_assets/stylesheets/_header.scss
index 7998bb5..fc93a19 100644
--- a/blog/_assets/stylesheets/_header.scss
+++ b/blog/_assets/stylesheets/_header.scss
@@ -1,20 +1,33 @@
 #header {
     width: 100%;
-    font-size: 110%;
-    font-weight: 600;
+    font-weight: bold;
 
     #logo {
-        position: relative;
-        width: 479px;
         text-align: center;
+        float: left;
         p {
             margin-top: 0;
         }
+
+        @media screen and (min-width: 28cm) {
+            width: 50%; //479px;
+        }
     }
 
     #banner-pos-1 {
-        position: absolute;
-        top: 1.5em;
-        right: 0;
+        text-align: center;
+        float: left;
+        visibility: hidden;
+        display: none;
+
+        @media screen and (min-width: 28cm) {
+            width: 50%; //479px;
+            visibility: visible;
+            display: block;
+        }
+    }
+
+    #page-menu {
+        clear: both;
     }
 }