Update styling from ikiwiki-style

1 files changed, 73 insertions, 104 deletions

diff --git a/style.css b/style.css
index 5930e95..9252d88 100644
--- a/style.css
+++ b/style.css
@@ -4,21 +4,40 @@ html {
     margin-left: 3em;
     margin-right: 2em;
     margin-top: 2em;
+}
+
+body {
+    display: grid;
+    grid-template-columns: 1em auto 2em;
+}
+
+.page {
+    grid-column-start: 2;
+    grid-column-end: 3;
     max-width: 60em;
 }
 
-form#searchform {
-    font-family: monospace;
-    text-align: right;
+h1, h2, h3, h4, h5, h6 {
+    font-family: sans-serif;
+    font-weight: bold;
+    margin-top: 2em;
 }
 
-div.actions {
-    font-family: monospace;
-    text-align: right;
+h1 {
+    font-size: 150%;
+}
+
+h2 {
+    font-size: 120%;
+}
+
+h3 {
+    font-size: 100%;
 }
 
-div.actions ul, div.actions li {
-    display: inline;
+ul li, ol li {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
 }
 
 div.pageheader {
@@ -26,7 +45,7 @@ div.pageheader {
     margin-bottom: 2em;
 }
 
-div.pageheader span.title {
+.pageheader span.title {
     display: block;
     font-size: 200%;
     font-weight: bold;
@@ -42,140 +61,90 @@ div.pagefooter {
     margin-top: 3em;
 }
 
-div#pagebody {
-}
-
 span.date {
     font-family: monospace;
 }
 
-div.inlineheader span.header {
+.inlineheader {
     display: block;
     font-family: sans-serif;
     font-size: 150%;
     font-weight: bold;
 }
 
-div.inlinepage {
+.inlinepage {
     margin-top: 3em;
     margin-bottom: 3em;
 }
 
-div.inlinefooter {
+.inlinefooter {
     font-family: monospace;
 }
 
-div.sidebar {
-    display: none;
+.float_right {
     float: right;
-    max-width: 10em;
-    margin-top: 0;
-    margin-bottom: 0;
-    margin-right: 0;
     margin-left: 1em;
+    margin-bottom: 1em;
 }
 
-.floatTR {
-    float: right;
-    margin-left: 1em;
-    margin-bottom: 1em;
+span.archivepagedate {
+    font-family: monospace;
 }
 
-h1, h2, h3, h4, h5, h6 {
+/* orange feed button */
+.feedbutton {
+    background: #ff6600;
+    color: white !important;
+    border-left: 1px solid #cc9966;
+    border-top: 1px solid #ccaa99;
+    border-right: 1px solid #993300;
+    border-bottom: 1px solid #331100;
+    padding: 0px 0.5em 0px 0.5em;
     font-family: sans-serif;
     font-weight: bold;
-    margin-top: 2em;
-}
-
-h1 {
-    font-size: 150%;
+    font-size: small;
+    text-decoration: none;
+    margin-top: 1em;
 }
-
-h2 {
-    font-size: 120%;
+.feedbutton:hover {
+    color: white !important;
+    background: #ff9900;
 }
 
-h3 {
-    font-size: 100%;
-}
+div.wisdom {
+    margin-left: 100px;
+    margin-bottom: 50px;
+    padding-bottom: 0;
+    border-bottom: 0;
 
-ul li, ol li {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
 }
 
-div#comments div.feedlink {
-    margin-top: 2em;
+div.wisdom p.quote {
+    font-size: 200%;
+    margin-bottom: 0;
+    padding-bottom: 0;
+    border-bottom: 0;
 }
 
-div.comment {
-    margin-top: 2em;
-}
+.smallestPC { font-size: 80%; }
+.smallPC { font-size: 100%; }
+.normalPC { font-size: 120%; }
+.bigPC { font-size: 150%; }
+.biggestPC { font-size: 200%; }
 
-div.comment-subject {
-    margin-bottom: 1em;
-    font-size: 120%;
-    font-family: sans-serif;
-}
 
-div.comment-header {
-    margin-top: 1em;
+table {
+    border: 0px;
+    width: 100%;
 }
 
-div.archivepage {
-    margin-top: 0.5em;
-    margin-bottom: 0.5em;
+th {
+    font-weight: bold;
 }
 
-span.archivepagedate {
-    font-family: monospace;
+tr {
 }
 
-
-
-/* The following are for openid logins in Ikiwiki. Copied from
-   ikiwiki. */
-
-input#openid_identifier {
-	background: url(wikiicons/openidlogin-bg.gif) no-repeat;
-	background-color: #fff;
-	background-position: 0 50%;
-	color: #000;
-	padding-left: 18px;
-}
-/* openid selector */
-#openid_choice {
-	display: none;
-}
-#openid_input_area {
-	clear: both;
-	padding: 10px;
-}
-#openid_btns, #openid_btns br {
-	clear: both;
-}
-#openid_highlight {
-	background-color: black;
-	float: left;
-}
-.openid_large_btn {
-	padding: 1em 1.5em;
-	border: 1px solid #DDD;
-	margin: 3px;
-	float: left;
-}
-.openid_small_btn {
-	padding: 4px 4px;
-	border: 1px solid #DDD;
-	margin: 3px;
-	float: left;
-}
-a.openid_large_btn:focus {
-	outline: none;
-}
-a.openid_large_btn:focus {
-	outline-style: none;
-}
-.openid_selected {
-	border: 4px solid #DDD;
+tr:nth-child(even) {
+    background-color: #f2f2f2;
 }