X-Git-Url: https://git.draconx.ca/gitweb/homepage.git/blobdiff_plain/b6d30bd05c54078bbf60e7242aabff21ed4492da..de605446b3ed408672aecd74462a25de41c1367c:/content/style.css

diff --git a/content/style.css b/content/style.css
index a8ff2c7..0f4b097 100644
--- a/content/style.css
+++ b/content/style.css
@@ -44,7 +44,7 @@ a:visited {
     color: purple;
 }
 
-p {
+p, body>div {
     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 {
+    clear: both;
     text-align: left;
     margin: 0.5em 0;
-    width: 50em;
+    max-width: 50em;
     border: 0;
     border-top: 1px solid lightgray;
 }
@@ -124,6 +125,50 @@ small.permalink {
     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) {
-    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; } }