X-Git-Url: https://git.draconx.ca/gitweb/homepage.git/blobdiff_plain/1dc021529f88ca4f1ebfed76ffe6378272a23032..da4a13ce4868f32787813c76898cc9b39dec1bcc:/content/style.css

diff --git a/content/style.css b/content/style.css
index df0a548..a8ff2c7 100644
--- a/content/style.css
+++ b/content/style.css
@@ -22,6 +22,28 @@ body {
     margin: 1em;
 }
 
+h1 {
+    font-size: 2em;
+    max-width: 30em; /* 60rem */
+}
+
+h2 {
+    font-size: 1.5em;
+    max-width: 40em; /* 60rem */
+}
+
+a:link {
+    color: mediumblue;
+}
+
+a:active {
+    color: red;
+}
+
+a:visited {
+    color: purple;
+}
+
 p {
     text-align: justify;
     padding: 0;
@@ -29,19 +51,79 @@ p {
     max-width: 50em;
 }
 
-#footer {
-    border-top: 1px solid lightgray;
+ul, ol, dl {
     max-width: 50em;
+    padding: 0;
     margin: 0;
+}
+
+dt, dd, li {
+    text-align: justify;
+    margin: 0 0 0 2em;
     padding: 0;
 }
 
-#footer>p {
+dl.terms>dt {
+    display: list-item;
+    font-weight: bold;
+    text-align: left;
+
+    float: left;
+}
+
+dt::after {
+    content: " ";
+}
+
+ul.ordered>li {
+    list-style: none;
+}
+
+ul.ordered>li>span:first-child, ul.ordered>li>*:first-child>span:first-child {
+    display: inline-block;
+    text-align: right;
+
+    margin-left: -1.8em;
+    min-width: 1.8em;
+}
+
+hr {
+    text-align: left;
+    margin: 0.5em 0;
+    width: 50em;
+    border: 0;
+    border-top: 1px solid lightgray;
+}
+
+small.permalink {
+    font-size: small;
+    color: slategray;
+}
+.permalink a:link, .permalink a:visited {
+    color: slategray;
+}
+
+@media not screen {
+    small.permalink {
+        visibility: hidden;
+    }
+}
+
+#footer {
+    max-width: 44em;
+    margin: 0;
+    padding: 0 3em;
     text-align: center;
-    font-size: 0.9em;
-    max-width: none;
+}
+
+#footer>p {
+    display: inline-block;
+    color: slategray;
+    font-size: 0.8em;
+    max-width: 100%;
+    margin: 0.2em 0;
 }
 
 @media (max-width: 512px) {
-    p, #footer>p { text-align: left; }
+    li, dd, dt, p, #footer>p { text-align: left; }
 }