joplin: ++timeline css

etc/soft/joplin/userstyle.css

@@ -153,10 +153,10 @@ code, pre {
 	font-size: 1.2rem;
 }
 
-pre > code {
-	/* background-color: #2c3e50 !important; */
-	/* color: #fff !important; */
-}
+/* pre > code { */
+/* background-color: #2c3e50 !important; */
+/* color: #fff !important; */
+/* } */
 
 p {
 	display: block;
@@ -244,6 +244,39 @@ ul li::before {
 	width: 1em;
 }
 
+/* Timeline dt */
+dt {
+	font-weight: bold;
+}
+
+dl:before {
+	content: ' ';
+	background: darkgray;
+	display: inline-block;
+	position: absolute;
+	left: 29px;
+	width: 2px;
+	height: 50%;
+	z-index: 400;
+}
+
+dl > dt:before {
+	content: ' ';
+	background: gray;
+	display: inline-block;
+	position: absolute;
+	border-radius: 50%;
+	left: 20px;
+	width: 20px;
+	height: 20px;
+	z-index: 400;
+}
+
+dl > dt, dl > dd {
+	margin: 6pt 0;
+	padding-left: 60px;
+}
+
 ins {
 	text-decoration: none;
 	color: #007c7c;