commit a6d15c345a3521d2132dbc465425ae3a82262db0
author pR0Ps <pR0Ps.CM@gmail.com> Thu Dec 05 20:36:35 2013 -0500
committer pR0Ps <pR0Ps.CM@gmail.com> Wed Dec 11 12:31:25 2013 -0500
tree 7395a8f30b901652edfd59359a200948fc659b88
parent 41bf7d367db346f69699f933d7a6669fef71ade3

Layout tweaks

static/css/style.less

diff --git a/static/css/style.less b/static/css/style.less
index 4d60c18..720d31e 100644
--- a/static/css/style.less
+++ b/static/css/style.less
@@ -10,6 +10,9 @@
 @serif: 'PT Serif', serif;
 @mono: 'PT Mono', monospace;
 
+@side_size: 250px;
+@main_size: 755px;
+
 body {
   margin: 0;
   padding: 0;
@@ -45,7 +48,7 @@
 
 aside {
   div#user_meta {
-    padding: 40px;
+    padding: 40px 20px 40px 20px;
     text-align: center;
 
     h2 {
@@ -82,6 +85,10 @@
 }
 
 main {
+  max-width: @main_size;
+  position: relative;
+  width: 100%;
+
   header {
     padding: 20px 20px 20px 40px;
     border-top: @light-grey 1px solid;
@@ -95,7 +102,6 @@
   }
 
   article {
-    max-width: 640px;
     padding: 40px;
 
     div.article_title {
@@ -194,9 +200,9 @@
   }
 }
 
-@media screen and (min-width: 1024px) {
+@media screen and (min-width: (@side_size + @main_size + 15px)) {
   aside {
-    width: 25%;
+    width: @side_size;
     height: 100%;
     position: fixed;
     top: 0;
@@ -210,27 +216,17 @@
     div#user_meta {
       max-width: 192px;
       text-align: right;
-
-      ul {
-        li {
-          display: block;
-        }
-      }
+      margin: 0 20px 0 auto;
     }
   }
 
   main {
-    width: 75%;
     position: absolute;
     top: 0;
-    left: 25%;
+    left: @side_size;
     overflow-x: hidden;
     overflow-y: hidden;
 
-    article {
-      max-width: 640px;
-    }
-
     header {
       border-top: 0;
     }