documentation overhaul

1 files changed, 70 insertions, 33 deletions

diff --git a/docs/docs.css b/docs/docs.css
index 23c7446d..fb2a1745 100644
--- a/docs/docs.css
+++ b/docs/docs.css
@@ -1,13 +1,3 @@
-/*
-code {
-color: #000;
-}
-
-.article pre code {
-background: rgba(0, 0, 0, 0);
-}
- */
-
 .juxtapose {
     margin-bottom: 1rem;
 }
@@ -20,31 +10,17 @@ code,
 .admonition.warning .admonition-title,
 .admonition.warning {
     background-color: #d73726 !important;
+    border-color: #d73726;
     color: #fff !important;
 }
 
-.admonition.tip .admonition-title,
-.admonition.tip {
-    background: #6e6e6e !important;
+.md-typeset.admonition.tip .admonition-title,
+.md-typeset.admonition.tip {
+    background-color: #6e6e6e !important;
+    border-color: #6e6e6e !important;
     color: #fff !important;
 }
 
-a,
-.rst-content div a code,
-a code {
-    color: #d73726;
-}
-
-a:visited,
-a:visited code {
-    color: #990000;
-}
-
-a:hover,
-a:hover code {
-    color: #ff8080;
-}
-
 img[alt$=">"] {
     float: right;
     display: inline-block;
@@ -65,6 +41,8 @@ img[alt$="><"] {
     float: none!important;
 }
 
+
+/*
 @media only screen and (min-width: 76.25em) {
     .md-main__inner {
         max-width: none;
@@ -82,6 +60,7 @@ img[alt$="><"] {
         max-width: 100%;
     }
 }
+*/
 
 pre {
     overflow-x: auto;
@@ -159,30 +138,88 @@ div[class^="inline-slides"]>div[id^="image-slider-container"] {
     flex-shrink: 1;
 }
 
-h3#all-settings + p + div table tbody tr > td:nth-child(2) {
+h3#all-settings+p+div table tbody tr>td:nth-child(2) {
     max-width: 300px;
     overflow: auto;
     word-break: break-word;
     white-space: break-spaces;
 }
 
-h3#all-settings + p + div table tbody tr > td:nth-child(3) {
+h3#all-settings+p+div table tbody tr>td:nth-child(3) {
     max-width: 600px;
     overflow: auto;
     word-break: break-word;
     white-space: break-spaces;
 }
 
-h3#all-settings + p + div table tbody tr > td:nth-child(5) {
+h3#all-settings+p+div table tbody tr>td:nth-child(5) {
     max-width: 300px;
     overflow: auto;
     word-break: break-word;
     white-space: break-spaces;
 }
 
-h3#all-settings + p + div table tbody tr > td:nth-child(6) {
+h3#all-settings+p+div table tbody tr>td:nth-child(6) {
     max-width: 500px;
     overflow: auto;
     word-break: break-word;
     white-space: break-spaces;
 }
+
+.md-header {
+    background-color: #d73726;
+}
+
+.md-tabs {
+    background-color: #d73726;
+    color: #ffffff;
+}
+
+.headerlink,
+.md-typeset a,
+.md-nav__link,
+.md-nav__item {
+    color: #d73726;
+}
+
+a.md-tabs__link,
+a.md_tabs__link:visited {
+    color: #ffffff;
+}
+
+.md_tabs__link:hover {
+    color: #cccccc;
+}
+
+.headerlink:hover,
+.md-typeset a:hover,
+.md-nav__link:hover,
+.md-nav__item:hover {
+    color: #000000;
+}
+
+.md-source,
+.md-source:visited,
+.md-header__button,
+.md-header__button:visited {
+    color: #ffffff;
+}
+
+
+/* TODO: Cleanup above hacks and replace with fully theme-aware code like below. */
+
+[data-md-color-scheme="binja"] {
+    --md-primary-fg-color: #d73726;
+    --md-primary-bg-color: #ffffff;
+    --md-primary-fg-color--light: #ECB7B7;
+    --md-primary-fg-color--dark: #990000;
+    --md-code-fg-color: rgb(215, 55, 38);
+    --md-code-bg-color: hsla(0, 0%, 96%, 1);
+}
+
+
+/* Experimenting
+.md-sidebar--secondary {
+    order: 0;
+}
+*/
\ No newline at end of file