Use non-inverted styling of sidebar, with dividers in logo colors

modelica · Nov 8, 2020 · 2db5b6a · 2db5b6a
1 parent 8ccc880
commit 2db5b6a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/css/LaTeXML-navbar-left.css b/css/LaTeXML-navbar-left.css
@@ -6,14 +6,18 @@
   z-index: 1;
   left: 0px;
   top: 0px;
-  width: 350px;
+  width: calc(350px - 1em);
   margin: 0px;
   padding: 0px;
   font: 90% sans-serif;
-  color: white;
+  color: black;
 /*border: 3px double;*/
   overflow-y: auto;
   height: 100%;
+  border-style: solid;
+  border-color: #707A85; /* "Bouncing ball trace gray" */
+  border-width: 0px;
+  border-right-width: 1em;
 }
 
 .ltx_page_navbar a[rel=start] {
@@ -23,7 +27,7 @@
 }
 
 nav > div.ltx_TOC {
-  margin: 0em 1em;
+  margin-left: 1em;
 }
 
 .ltx_TOC > ul.ltx_toclist {
@@ -40,7 +44,7 @@ nav > div.ltx_TOC {
 
 body {
   margin: 0px;
-  background: #333; /* Same as document text color. */
+  background: #F6F6F6;
 }
 
 .ltx_page_main {
@@ -60,8 +64,8 @@ body {
   top: 0px;
   height: 3em;
   padding: 0.5em 1em;
-  background: #333; /* Same as body. */
-  color: white; /* Same as side bar. */
+  background: #F6F6F6; /* Same as body. */
+  color: black; /* Same as side bar. */
 }
 
 .ltx_page_content {

diff --git a/css/MLS.css b/css/MLS.css
@@ -15,6 +15,11 @@ body {
 a       { text-decoration: none; color: inherit; }
 a:hover { text-decoration: underline; }
 
+.ltx_page_header {
+  border-bottom-color: #DE1D31; /* "Bouncing ball red" */
+  border-bottom-width: 2px;
+}
+
 .ltx_tocentry_subsection { display: none; }
 
 /* Undo bold here to remove the browser's native <th> styling,