Use a book icon as a separator, not leaves
[books.alexwlchan.net] / static / style.css
index 69af77b..f95bc79 100644 (file)
@@ -28,7 +28,7 @@ aside {
   background-size: auto 100%;
   color: white;
   padding: 6px 1em;
-  font-size: 12pt;
+  font-size: 13pt;
   line-height: 1.35em;
 }
 
@@ -36,6 +36,12 @@ aside a {
   text-decoration: none;
 }
 
+aside img {
+  height: 30px;
+  margin-bottom: -8px;
+  margin-top:    -2px;
+}
+
 aside h1 {
   margin-top: 0;
   margin-bottom: 0;
@@ -43,10 +49,6 @@ aside h1 {
   font-size: 1em;
 }
 
-aside h1::after {
-  content: " 📚";
-}
-
 main, aside #aside_inner, footer #footer_inner {
   max-width: 780px;
   margin-left:  auto;
@@ -196,13 +198,15 @@ footer a:hover {
 }
 
 .divider {
-  color: #bbb;
   text-align: center;
-  font-size: 2em;
-  margin-top:    1em;
+  margin-top:    1.5em;
   margin-bottom: 1em;
 }
 
+.divider img {
+  width: 50px;
+}
+
 #jump_to {
   margin-bottom: -0.5em;
 }