Put some actual material on the site.

[homepage.git] / content / style.css

diff --git a/content/style.css b/content/style.css
index a8ff2c7bd71859d5c6a041bec9e5ecc32e8018e8..0f4b0975b8a16a9886cf8db1a4636025264a922e 100644 (file)
--- a/content/style.css
+++ b/content/style.css
@@ -44,7 +44,7 @@ a:visited {
     color: purple;
 }
 
     color: purple;
 }
 

-p {
+p, body>div {

     text-align: justify;
     padding: 0;
     margin: 1em 0;
     text-align: justify;
     padding: 0;
     margin: 1em 0;


@@ -88,9 +88,10 @@ ul.ordered>li>span:first-child, ul.ordered>li>*:first-child>span:first-child {
 }
 
 hr {
 }
 
 hr {

+    clear: both;

     text-align: left;
     margin: 0.5em 0;
     text-align: left;
     margin: 0.5em 0;

-    width: 50em;
+    max-width: 50em;

     border: 0;
     border-top: 1px solid lightgray;
 }
     border: 0;
     border-top: 1px solid lightgray;
 }


@@ -124,6 +125,50 @@ small.permalink {
     margin: 0.2em 0;
 }
 
     margin: 0.2em 0;
 }
 

+kbd {
+    font-family: monospace;
+    font-size: small;
+}
+
+kbd::before {
+    content: "% ";
+}
+
+#breadcrumbs, #sitetitle { text-align: left; }
+#breadcrumbs>*, #sitetitle>* { font-size: 0.8em; }
+
+#sitetitle>* {
+    float: right;
+    display: inline-block;
+}
+
+#breadcrumbs>strong {
+    vertical-align: top;
+    margin: 0;
+    padding: 0;
+}
+
+#breadcrumbs>ul {
+    list-style-type: none;
+    vertical-align: top;
+    display: inline;
+    margin: 0;
+    padding: 0;
+}
+
+#breadcrumbs>ul>li {
+    display: inline;
+    padding: 0;
+    margin: 0;
+}
+
+#breadcrumbs>ul>li::before { content: "/ " }
+#breadcrumbs>ul>li:first-child::before { content: none; }
+

 @media (max-width: 512px) {
 @media (max-width: 512px) {

-    li, dd, dt, p, #footer>p { text-align: left; }
+    body { margin: 0.6em; }
+    ul ul { margin-left: -1.2em; }

 }
 }

+
+@media (max-width: 28em) { li, dd, dt, p, #footer>p { text-align: left; } }
+@media (max-width: 35em) { #sitetitle>* { float: none; } }