color: purple;
}
-p {
+p, body>div {
text-align: justify;
padding: 0;
margin: 1em 0;
}
hr {
+ clear: both;
text-align: left;
margin: 0.5em 0;
- width: 50em;
+ max-width: 50em;
border: 0;
border-top: 1px solid lightgray;
}
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; } }