updated styling of lists

src/zona/data/content/static/style.css

@@ -61,13 +61,11 @@ header {
 }
 
 .site-logo.hover-symbol::before {
-  content: "@";
-  /*  color: var(--main-bullet-color);*/
+  content: "~/";
 }
 
 .title.hover-symbol::before {
-  content: ">";
-  /*  color: var(--main-bullet-color);*/
+  content: "$";
 }
 
 .hover-symbol {
@@ -93,11 +91,28 @@ header {
 
 .hover-symbol:hover::before {
   opacity: 1;
-  color: var(--main-placeholder-color); /* only the symbol changes color */
+  color: var(--main-placeholder-color);
 }
 .hover-symbol:hover {
   background-color: transparent;
-  /*  color: var(--main-placeholder-color);*/
+}
+
+.toc ul {
+  font-family: monospace;
+  text-transform: lowercase;
+  margin: auto;
+  width: 50%;
+}
+
+.toc ul ul {
+  padding-left: 1em;
+  margin-left: 1em;
+  /*  list-style-type: "–– ";*/
+}
+.toc ul ul ul {
+  padding-left: 1em;
+  margin-left: 1em;
+  /*  list-style-type: "-- ";*/
 }
 
 .toclink {
@@ -105,6 +120,15 @@ header {
   text-decoration: none;
   color: inherit;
   transition: color 0.15s ease;
+  text-transform: lowercase;
+  font-family: monospace;
+}
+.post-list a {
+  position: relative;
+  text-decoration: none;
+  transition: color 0.15s ease;
+  text-transform: lowercase;
+  font-family: monospace;
 }
 
 .toclink::before {
@@ -212,8 +236,35 @@ h6 {
   font-weight: bold;
 }
 
+/*ul {*/
+/*  list-style-type: disc;*/
+/*}*/
+
 ul {
-  list-style-type: disc;
+  list-style-type: "– ";
+}
+ul ul {
+  padding-left: 1em;
+  margin-left: 1em;
+  list-style-type: "+ ";
+}
+ul ul ul {
+  list-style-type: "~ ";
+}
+ul ul ul ul {
+  list-style-type: "• ";
+}
+ul ul ul ul ul {
+  list-style-type: "– ";
+}
+ul ul ul ul ul ul {
+  list-style-type: "+ ";
+}
+ul ul ul ul ul ul ul {
+  list-style-type: "~ ";
+}
+ul ul ul ul ul ul ul ul {
+  list-style-type: "• ";
 }
 
 li::marker {

src/zona/data/templates/post_list.html

@@ -1,20 +1,18 @@
-{% extends "base.html" %} {% block content %}
-
-{% if metadata.show_title %}
-{% include "title.html" %}
-{% endif %}
+{% extends "base.html" %} {% block content %} {% if metadata.show_title %} {%
+include "title.html" %} {% endif %}
 
 <article>{{ content | safe }}</article>
 
 {% if post_list %}
-<ul>
-  {% for item in post_list %}
-  <li>
-    <time class="post-list-date" datetime="{{ item.metadata.date | safe }}"
-    >{{ item.metadata.date | safe}}</time>: <a href="/{{ item.url }}"
-    >{{ item.metadata.title }}</a>
-  </li>
-  {% endfor %}
-</ul>
+<div class="post-list">
+  <ul>
+    {% for item in post_list %}
+    <li>
+      <time class="post-list-date" datetime="{{ item.metadata.date | safe }}"
+      >{{ item.metadata.date | safe}}</time>: <a href="/{{ item.url }}"
+      >{{ item.metadata.title }}</a>
+    </li>
+    {% endfor %}
+  </ul>
+</div>
 {% endif %} {% endblock %}
-