Adjusting layout a bit

I was not very satisfied with how Minima template was using available space. Thus, I tweaked it a bit, so that the template can use space more efficiently.

--- layout.css.orig	Sun Feb  6 00:00:00 2011
+++ layout.css.new	Sat Oct 27 15:36:16 2012
@@ -114,10 +114,9 @@
 
 #minima__wide_left div.page,
 #minima__wide_right div.page {
-  width: 610px;
+  width: 758px;
 }
 
-#minima__wide_left div.page,
 #minima__wide_left div.tabs,
 #minima__wide_left div.breadcrumbs {
   padding-left: 55px;
@@ -125,7 +124,12 @@
   float: right;
 }
 
-#minima__wide_right div.page,
+#minima__wide_left div.page {
+  padding-left: 15px;
+  padding-right: 18px;
+  float: right;
+}
+
 #minima__wide_right div.tabs,
 #minima__wide_right div.breadcrumbs {
   padding-left: 88px;
@@ -133,6 +137,12 @@
   float: left;
 }
 
+#minima__wide_right div.page {
+  padding-left: 15px;
+  padding-right: 18px;
+  float: left;
+}
+
 #minima__medium_left div.tabs,
 #minima__medium_left div.breadcrumbs,
 #minima__medium_right div.tabs,
@@ -206,7 +216,7 @@
   visibility: hidden;
 }
 
-#minima__wide_left div.sidebar { padding: 21px 34px 34px 54px; width: 144px; }
+#minima__wide_left div.sidebar { padding: 10px 20px 20px 30px; width: 144px; }
 #minima__medium_left div.sidebar { padding: 21px 26px 34px 41px; width: 110px; }
 #minima__narrow_left div.sidebar { padding: 21px 21px 34px 33px; width: 89px; }
 
@@ -264,7 +274,7 @@
   padding: 2px 0 2px 2px;
 }
 
-#minima__wide_left div.bar { margin-left: -55px; padding-left: 55px; width: 607px; }
+#minima__wide_left div.bar { margin-left: -15px; padding-left: 55px; width: 715px; }
 #minima__medium_left div.bar { margin-left: -42px; padding-left: 42px; width: 463px; }
 #minima__narrow_left div.bar { margin-left: -34px; padding-left: 34px; width: 374px; }
 
@@ -302,7 +312,7 @@
 
 #minima__wide_left div.edgeleft,
 #minima__wide_right div.edgeright {
-  width: 223px;
+  width: 185px;
   background-color: __background_alt__;
 }
 
@@ -318,7 +328,7 @@
   background-color: __background_alt__;
 }
 
-#minima__wide_left div.edgeright, #minima__wide_right div.edgeleft { width: 744px; }
+#minima__wide_left div.edgeright, #minima__wide_right div.edgeleft { width: 782px; }
 #minima__medium_left div.edgeright, #minima__medium_right div.edgeleft { width: 566px; }
 #minima__narrow_left div.edgeright, #minima__narrow_right div.edgeleft { width: 456px; }
notes/wiki_tips.txt · Last modified: 2013/02/02 11:20 (external edit)
CC Attribution-Share Alike 4.0 International
Driven by DokuWiki Recent changes RSS feed Valid CSS Valid XHTML 1.0