Improve the style and sidebar

1 files changed, 52 insertions, 16 deletions

diff --git a/local.css b/local.css
index d1341ad..1b0e6db 100644
--- a/local.css
+++ b/local.css
@@ -12,9 +12,16 @@ h1, h2, h3, h4, h5, h6 {
 
 /* Basic layout */
 
-body {
-  margin: 1em auto 0 auto;
+html, body {
+  height: 100%;
+  margin: 0;
   padding: 0;
+}
+
+.page {
+  height: 100%;
+  min-height: 100%;
+  margin: 0 auto 0 auto;
   width: 65em;
   max-width: 98%;
   text-align: justify;
@@ -32,6 +39,11 @@ li {
   padding: 0;
 }
 
+#sidebar-text p {
+  font-size: 0.9em;
+  text-align: right;
+}
+
 /* Typography */
 
 /*  6pt = 0.375em
@@ -81,13 +93,13 @@ a:visited {
   color: rgb(0, 136, 204);
 }
 
-div.pageheader {
-    padding-left: 10px;
 
+div.pageheader {
+    padding-top: 20px;
     min-height: 60px;
-    float: left;
+    float: right;
     font-size: 0.9em;
-    width: 160px;
+    width: 58.5em;
 }
 
 .actions ul {
@@ -96,21 +108,34 @@ div.pageheader {
 
 div.sidebar {
     float: left;
-    clear:left;
     width: 160px;
 
     margin: auto;
     background: none;
 
+    padding-top: 10px;
     padding-left: 10px;
 }
 
+div.sidebar table {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+div.sidebar table caption {
+    font-size: 1.5em;
+    line-height: 1.4;
+}
+
+div.sidebar table img {
+    border-radius: 15px;
+}
+
 #pagebody {
+    margin: 0 auto 0 180px;
     border-left: 1px solid rgb(222, 222, 220);
-    margin-left: 180px;
     height: 100%;
-    padding-left: 20px;
-    min-height: 200px;
+    padding: 60px 0 0 20px;
 }
 
 .pageheader .actions ul {
@@ -122,23 +147,34 @@ div.sidebar {
 }
 
 div.sidebar a {
-    border-top: 1px solid rgb(222, 222, 220);
-    border-bottom: medium none;
+    border-bottom: 1px solid rgb(222, 222, 220);
     display: block;
 }
 
 div.sidebar span {
-    border-top: 1px solid rgb(222, 222, 220);
-    border-bottom: medium none;
+    border-bottom: 1px solid rgb(222, 222, 220);
     display: block;
     color: rgb(0, 136, 204);
 }
 
 .inlinepage {
     border: 0px;
+    clear: right;
 }
 
-
 #pageinfo {
-    border-top: 1px solid rgb(222, 222, 220);
+    display: none;
+}
+
+.trails {
+    display: none;
+}
+
+.feedbutton {
+    margin-top: 0;
+}
+
+.feedlink {
+    float: right;
+    clear: right;
 }