OHIF with Cornerstone3D 2.0 (#4347)

platform/docs/src/css/custom.css

@@ -537,3 +537,130 @@ div[class^='announcementBar_'] {
   );
   font-weight: 700;
 }
+
+/* #__docusaurus {
+  height: 100%;
+} */
+
+.dropdown-separator {
+  border-top: 1px solid #808080;
+}
+
+/* flex items , center */
+.dropdown__link {
+  display: flex;
+  align-items: center;
+}
+
+.footer__link-item {
+  display: flex;
+  align-items: center;
+}
+
+/* add proper ui link styling */
+
+/* Bullet point styling */
+ul {
+  list-style-type: disc;
+  padding-left: 1.5rem;
+  margin: 1rem 0;
+}
+
+ul li {
+  margin-bottom: 0.5rem;
+}
+
+/* Nested bullet points */
+ul ul {
+  list-style-type: circle;
+  margin: 0.5rem 0;
+}
+
+/* For documentation bullet points specifically */
+.markdown ul {
+  list-style-type: disc;
+  padding-left: 1.5rem;
+}
+
+.markdown ul li {
+  margin-bottom: 0.5rem;
+}
+
+/* Markdown link styling */
+.markdown a {
+  color: #0066cc;
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+
+.markdown a:hover {
+  color: #0051a3;
+  text-decoration: underline;
+}
+
+/* Dark mode link styling */
+html[data-theme='dark'] .markdown a {
+  color: #66b3ff;
+}
+
+html[data-theme='dark'] .markdown a:hover {
+  color: #99ccff;
+}
+
+/* Horizontal rule styling */
+.markdown hr {
+  height: 1px;
+  border: none;
+  background: linear-gradient(to right, #0066cc, #66b3ff);
+  margin: 2rem 0;
+  opacity: 0.6;
+}
+
+/* Dark mode horizontal rule */
+html[data-theme='dark'] .markdown hr {
+  background: linear-gradient(to right, #66b3ff, #99ccff);
+}
+
+/* Markdown code block styling */
+.markdown pre {
+  font-size: 0.9rem;
+}
+
+.theme-code-block {
+  font-size: 0.9rem;
+}
+
+/* Target both light and dark themes */
+[data-theme='light'] .theme-code-block,
+[data-theme='dark'] .theme-code-block {
+  font-size: 0.9rem;
+}
+
+/* Dropdown menu positioning and interaction fixes */
+.dropdown {
+  position: relative;
+}
+
+.dropdown__menu {
+  top: 100%;
+  margin-top: 0;
+  padding-top: 0.5rem;
+}
+
+/* Add a hover area to prevent menu from disappearing */
+.dropdown__menu::before {
+  content: '';
+  position: absolute;
+  top: -10px;
+  left: 0;
+  right: 0;
+  height: 10px;
+}
+
+/* Ensure menu stays visible while hovering */
+.dropdown:hover .dropdown__menu,
+.dropdown__menu:hover {
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0);
+}