joplin: css: ++toc

etc/soft/joplin/userstyle.css

@@ -70,26 +70,70 @@ b-green {
 
 b-red {
 	border-color: #f65354;
-	background-color: #fad3d4; 
+	background-color: #fad3d4;
 }
 
 b-blue {
 	border-color: #229ade;
-	background-color: #bbe5fb; 
+	background-color: #bbe5fb;
 }
 
 b-orange {
 	border-color: #cf7506;
-	background-color: #faf3d3; 
+	background-color: #faf3d3;
 }
 
 b-purple {
 	border-color: #af74e8;
-	background-color: #ead9fb; 
+	background-color: #ead9fb;
 }
 
 b-pink {
 	border-color: #ed5393;
-	background-color: #fad3e5; 
+	background-color: #fad3e5;
+}
+
+/* TOC */
+
+nav.table-of-contents>ul {
+	background: var(--Sidebar-background);
+	font-size: 12px;
+	text-transform: uppercase !important;
+	padding: 10px;
+	margin: 0px;
+	margin-bottom: 50px;
+}
+
+nav.table-of-contents ul {
+    list-style-type: none
+}
+
+nav.table-of-contents li {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+nav.table-of-contents li a {
+    padding: 0;
+}
+
+@media all and (min-width: 920px) {
+	nav.table-of-contents>ul {
+		position: fixed;
+		top: 0;
+		right: 0;
+		z-index: 99;
+		/* margin-right: 10px; */
+		border-radius: 4px;
+		max-width: 15%;
+		overflow:auto;
+		height: 100%;
+		font-size: 12px;
+	}
+
+	#rendered-md {
+	width: 82%;
+	}
 }