[FSTORE-1346] Restore broken CSS

docs/css/custom.css

@@ -0,0 +1,126 @@
+:root {
+  --md-primary-fg-color: #1eb382;
+  --md-secondary-fg-color: #188a64;
+  --md-tertiary-fg-color: #0d493550;
+  --md-quaternary-fg-color: #fdfdfd;
+  --border-radius-variable: 5px;
+}
+
+.md-footer__inner:not([hidden]) {
+  display: none;
+}
+
+/* Lex did stuff here */
+.svg_topnav {
+  width: 12px;
+  filter: invert(100);
+}
+.svg_topnav:hover {
+  width: 12px;
+  filter: invert(10);
+}
+
+.md-header[data-md-state="shadow"] {
+  box-shadow: 0 0 0 0;
+}
+
+.md-tabs__item:hover {
+  background-color: var(--md-tertiary-fg-color);
+  transition: background-color 450ms;
+}
+
+.md-sidebar__scrollwrap {
+  background-color: var(--md-quaternary-fg-color);
+  padding: 15px 5px 5px 5px;
+  border-radius: var(--border-radius-variable);
+}
+
+.image_logo_02 {
+  width: 450px;
+}
+
+/* End of Lex did stuff here */
+
+/* no-icon style for admonitions */
+.md-typeset .no-icon > .admonition-title::before,
+.md-typeset .no-icon > summary::before {
+  display: none;
+}
+.md-typeset .no-icon > :is(.admonition-title, summary) {
+  padding-left: 1rem;
+}
+/* end of no-icon style */
+
+.md-header__button.md-logo {
+  margin: 0.1rem;
+  padding: 0.1rem;
+}
+
+.md-header__button.md-logo img,
+.md-header__button.md-logo svg {
+  display: block;
+  width: 1.8rem;
+  height: 1.8rem;
+  fill: rgba(43, 155, 70, 0.1);
+}
+
+.md-tabs {
+  width: 100%;
+  overflow: auto;
+  color: var(--md-primary-bg-color);
+  background-color: var(--md-secondary-fg-color);
+  transition: background-color 250ms;
+}
+
+.wrapper {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 10px;
+  grid-auto-rows: minmax(100px, auto);
+}
+
+.wrapper * {
+  border: 2px solid green;
+  text-align: center;
+  padding: 70px 0;
+}
+
+.one {
+  grid-column: 1 / 2;
+  grid-row: 1;
+}
+.two {
+  grid-column: 2 / 3;
+  grid-row: 1;
+}
+.three {
+  grid-column: 3 / 4;
+  grid-row: 1;
+}
+.four {
+  grid-column: 4 / 5;
+  grid-row: 1;
+}
+.five {
+  grid-column: 1 / 3;
+  grid-row: 2;
+}
+.six {
+  grid-column: 3 / 5;
+  grid-row: 2;
+}
+
+/* Jupyter Stuff */
+.jupyter-wrapper .jp-CodeCell .jp-Cell-inputWrapper .jp-InputPrompt {
+  display: none !important;
+}
+
+@media screen and (max-width: 479px) {
+  .md-sidebar--primary,
+  .md-sidebar {
+    z-index: 50 !important;
+  }
+  .md-logo {
+    visibility: hidden;
+  }
+}

docs/css/dropdown.css

@@ -0,0 +1,55 @@
+/* Style The Dropdown Button */
+.dropbtn {
+  color: white;
+  border: none;
+  cursor: pointer;
+}
+
+.md-tabs__list {
+  contain: inherit;
+}
+.md-tabs {
+overflow: inherit;
+}
+.md-header {
+  z-index: 1000 !important;
+}
+
+/* The container <div> - needed to position the dropdown content */
+.dropdown {
+  position: relative;
+  display: inline-block;
+}
+
+/* Dropdown Content (Hidden by Default) */
+.dropdown-content {
+  display:none;
+  font-size: 13px;
+  position: absolute;
+  background-color: #f9f9f9;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  z-index: 1000;
+  border-radius: 2px;
+  left:-15px;
+}
+
+/* Links inside the dropdown */
+.dropdown-content a {
+  color: black;
+  padding: 12px 16px;
+  text-decoration: none;
+  display: block;
+}
+
+/* Change color of dropdown links on hover */
+.dropdown-content a:hover {background-color: #f1f1f1}
+
+/* Show the dropdown menu on hover */
+.dropdown:hover .dropdown-content {
+  display: block;
+}
+
+/* Change the background color of the dropdown button when the dropdown content is shown */
+.dropdown:hover .dropbtn {
+}