[dev-random2] small imporevments…

dev-random2/static/css/skeleton.css

@@ -8,10 +8,10 @@ html, body {
 }
 
 #page {
-    max-width: 950px;
+    max-width: 900px;
     min-width: 240px;
     margin: 0 auto;
-    padding: 0 1em;
+    padding: 0;
 }
 
 #page-head,
@@ -22,9 +22,15 @@ html, body {
     padding: 0;
 }
 
+#page-body { margin: 0 1em; }
+
+#page-main, #page-side {
+    border-width: 0;
+}
+
 #page-side {
     float: left;
-    width: 30%;
+    width: 25%;
     height: 100%;
     margin-top: 0;
 }
@@ -32,7 +38,7 @@ html, body {
 #page-main {
     float: right;
     height: 100%;
-    width: 67%;
+    width: 74%;
 }
 
 
@@ -42,6 +48,7 @@ html, body {
     #page-side {
         width: auto;
         clear: both;
+        float: none;
     }
 
     #page-side ul {

dev-random2/static/css/theme.css

@@ -24,7 +24,7 @@ body {
 
 h1, h2, h3,
 h4, h5, h6,
-header .meta {
+.meta {
     color: #222;
     font-family: "Century Schoolbook L", "Georgia", "Nimbus Roman No9 L", "Norasi", "Rekha", serif;
     line-height: 1.1em;
@@ -70,6 +70,7 @@ article:last-of-type:after {
     content: '';
 }
 
+
 #page-head {
     text-align: center;
     padding-top: .5em;
@@ -135,8 +136,13 @@ h1.small-title {
 }
 
 a, a:visited {
+    color: #0000C0;
+    text-decoration: none;
+}
+
+a:hover {
+    border: none;
     text-decoration: underline;
-    color: #29476B;
 }
 
 a:active, a:focus {
@@ -161,9 +167,11 @@ a.goto {
     margin: 0em .2em;
 }
 
-pre, img {
+pre, img, figure, table {
+    display: block;
+    margin: 1em auto;
     overflow: auto;
-    max-width: 95%;
+    border: 3px solid silver;
 }
 
 pre {
@@ -171,11 +179,13 @@ pre {
     font-size: 0.95em;
     line-height: 1.15em;
     background-color: #F5F5F5;
-    border: 3px solid silver;
     overflow: auto;
     padding: 0.5em;
+    max-width: 100%;
 }
 
+figure * { border: none; margin: auto; padding: auto; }
+
 @media screen and (max-width: 650px) {
     body {
         font-size: 15px;