Add copyright license information.

[homepage.git] / content / style.css

diff --git a/content/style.css b/content/style.css
index df0a54816daacae79b537f5258f9f98d2c570f84..a8ff2c7bd71859d5c6a041bec9e5ecc32e8018e8 100644 (file)
--- 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; }
 }