diff --git a/conf.py b/conf.py
index a9aae02fb..296e98a76 100644
--- a/conf.py
+++ b/conf.py
@@ -185,7 +185,7 @@ html_permalinks = True  # Sphinx >= 3.5
 # Additional JS & CSS files that can be imported with the 'custom-js' and 'custom-css' metadata.
 # Lists are empty because the files are specified in extensions/themes.
 html_js_files = []
-html_css_files = []
+html_css_files = ["css/js.css"]
 
 # PHP lexer option to not require <?php
 highlight_options = {
diff --git a/static/css/js.css b/static/css/js.css
new file mode 100644
index 000000000..d7307ac0e
--- /dev/null
+++ b/static/css/js.css
@@ -0,0 +1,42 @@
+/** temporary file while js doc is being written - subject to heavy changes **/
+
+.js, .js.method, .js.function, .js.class { /** temp hack for nested apis - have to find a nice look for it **/ 
+    padding: 1rem !important;
+    border-radius: .25rem;
+    background-color: #F9FAFB;
+    border: 2px solid #017e84;
+    margin-left: 0;
+}
+
+.js dd div {
+    margin: 0 !important;
+}
+.js dl {
+    padding: 0 !important;
+    margin: 0;
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.js blockquote {
+    margin: 0;
+}
+
+.js > dd > p:before {
+    content: "-> ";
+}
+
+.js .field-list {
+    border: none !important;
+}
+
+.js .sig-param, .js .sig-paren {
+    font-style: normal;
+    font-size: initial;
+    color: #4B5563;
+    font-family: var(--bs-font-monospace);
+}
+
+.js .sig-paren {
+    color: #212529;
+}