summary refs log tree commit diff
path: root/v1.55/docs/website_files/table-of-contents.css
diff options
context:
space:
mode:
authorDMRobertson <DMRobertson@users.noreply.github.com>2022-03-15 10:57:23 +0000
committerDMRobertson <DMRobertson@users.noreply.github.com>2022-03-15 10:57:23 +0000
commit4c12f9d288547ac26dd06829651802ae034c4772 (patch)
tree63c8eac612f9a824fe72af684964f1286eddb756 /v1.55/docs/website_files/table-of-contents.css
parentdeploy: 54f674f7a9107d3dccd6c126c3e99337314a12c2 (diff)
downloadsynapse-4c12f9d288547ac26dd06829651802ae034c4772.tar.xz
deploy: 2fcf4b3f6cd2a0be6597622664636d2219957c2a
Diffstat (limited to 'v1.55/docs/website_files/table-of-contents.css')
-rw-r--r--v1.55/docs/website_files/table-of-contents.css47
1 files changed, 47 insertions, 0 deletions
diff --git a/v1.55/docs/website_files/table-of-contents.css b/v1.55/docs/website_files/table-of-contents.css
new file mode 100644
index 0000000000..1b6f44b66a
--- /dev/null
+++ b/v1.55/docs/website_files/table-of-contents.css
@@ -0,0 +1,47 @@
+:root {
+    --pagetoc-width: 250px;
+}
+
+@media only screen and (max-width:1439px) {
+    .sidetoc {
+        display: none;
+    }
+}
+
+@media only screen and (min-width:1440px) {
+    main {
+        position: relative;
+        margin-left: 100px !important;
+        margin-right: var(--pagetoc-width) !important;
+    }
+    .sidetoc {
+        margin-left: auto;
+        margin-right: auto;
+        left: calc(100% + (var(--content-max-width))/4 - 140px);
+        position: absolute;
+        text-align: right;
+    }
+    .pagetoc {
+        position: fixed;
+        width: var(--pagetoc-width);
+        overflow: auto;
+        right: 20px;
+        height: calc(100% - var(--menu-bar-height));
+    }
+    .pagetoc a {
+        color: var(--fg) !important;
+        display: block;
+        padding: 5px 15px 5px 10px;
+        text-align: left;
+        text-decoration: none;
+    }
+    .pagetoc a:hover,
+    .pagetoc a.active {
+        background: var(--sidebar-bg) !important;
+        color: var(--sidebar-fg) !important;
+    }
+    .pagetoc .active {
+        background: var(--sidebar-bg);
+        color: var(--sidebar-fg);
+    }
+}