Merge branch 'fix-rtd-css' into trunk

doc/book.toml

@@ -15,4 +15,4 @@ create-missing = false
 # [output.html] must be the last table so that .readthedocs.yaml can easily add a key to it
 [output.html]
 git-repository-url = "https://github.com/glotzerlab/software"
-additional-css = ["rtd.css"]
+additional-css = ["rtd-mdbook.css"]

doc/rtd-mdbook.css

@@ -0,0 +1,24 @@
+/* Use mdbook theme colors. */
+
+#mdbook-ad-placement .ethical-sidebar {
+    border: none;
+    box-shadow: none;
+    background-color: var(--sidebar-bg);
+}
+
+#mdbook-ad-placement .ethical-sidebar:hover {
+    background-color: var(--theme-hover);
+}
+
+#mdbook-ad-placement .ethical-sidebar a {
+      color: var(--sidebar-non-existant);
+}
+
+#sidebar #mdbook-ad-placement .ethical-sidebar .ethical-callout {
+      color: var(--sidebar-non-existant);
+}
+
+/* Multiple id selectors and !important are needed to override the !important in the injected CSS */
+#sidebar #mdbook-ad-placement .ethical-sidebar .ethical-callout a {
+      color: var(--sidebar-non-existant) !important;
+}

doc/theme/index.hbs

@@ -112,7 +112,7 @@
             <div class="sidebar-scrollbox">
                 {{#toc}}{{/toc}}
                 <div
-                  id="sidebar-ad-placement"
+                  id="mdbook-ad-placement"
                   class="flat"
                   data-ea-publisher="readthedocs"
                   data-ea-type="readthedocs-sidebar"