X-Git-Url: https://git.shemshak.org/~bandali/bndl.org/blobdiff_plain/ef72be3ee52390f8929973262b4c1a114c828b04..b7583bc7e5068ef6557b6dafdfbb97c99736af21:/style.css

diff --git a/style.css b/style.css
index e5d2862..cb676e4 100644
--- a/style.css
+++ b/style.css
@@ -5,21 +5,36 @@ article, aside, footer, header, nav, section {
 
 body {
   font-family: FreeSans, sans-serif;
+  text-transform: lowercase;
+  line-height: 1.4;
   padding: 1em;
 }
 
-body > header {
-  margin-bottom: 2em !important;
+main {
+  margin: auto;
 }
+
+main > header {
+  margin-bottom: 1em;
+}
+
 #title {
   font-size: 2.1em;
   font-weight: normal;
   margin-bottom: 0;
 }
 #title:after {
-  content: ".org";
+  content: ".eu.org";
   color: #dadada;
 }
+#title a {
+  color: inherit;
+  border-bottom: 1px solid #eaeaea;
+}
+#title a:hover {
+  background-color: whitesmoke;
+  border-bottom-color: #e3e3e3;
+}
 #subtitle {
   display: inline;
   font-weight: normal;
@@ -39,6 +54,7 @@ article h3 {
 
 code {
   font-size: 1.15em;
+  text-transform: none;
 }
 
 table td {
@@ -65,25 +81,62 @@ nav li:last-child:after {
   content: "";
 }
 
-section {
-  position: relative;
+main {
+  display: grid;
+  grid-template-columns: auto 32em auto;
+  grid-column-gap: 1.5em;
+  grid-row-gap: 1em;
 }
-section > h3 {
-  position: absolute;
-  right: 75%;
-  width: 25%;
-  margin: 0;
-  padding: 0 1em 0 0; /* 1.75 */
-  font-weight: normal;
-  font-size: 1em;
+
+main > h3 {
+  grid-column: 1;
   text-align: right;
-  white-space: nowrap;
+  font-size: 1em;
+  font-weight: normal;
 }
-section > .section, article > .section, body > header {
-  position: relative;
-  left: 25%;
-  width: 50%;
+
+main > header, main > section {
+  grid-column: 2;
+}
+
+main > h3, ul:first-child {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+p:first-child {
+  margin-top: 0;
+}
+p:last-child {
+  margin-bottom: 0;
+}
+
+#publications section {
+  text-transform: none;
+}
+dl {
+  margin: 0 0 0.5em 0;
+}
+dl:last-child {
+  margin: 0;
+}
+dt {
+  margin-bottom: 0.5em;
+}
+dd {
+  margin-left: 1.5em;
+}
+#publications dd, .plinks {
+  font-size: 0.9em;
+}
+/*
+ol {
   margin: 0;
   padding: 0;
-  max-width: 38em;
 }
+ol li {
+  margin-top: 0.5em;
+}
+ol li:first-child {
+  margin-top: 0;
+}
+*/