1 files changed, 149 insertions, 0 deletions
diff --git a/assets/logo/custom-2023.css b/assets/logo/custom-2023.css
index 05350e5..85b3266 100644
--- a/assets/logo/custom-2023.css
+++ b/assets/logo/custom-2023.css
@@ -968,4 +968,153 @@ hr {
 .relation-intro {
     background-color: var(--palette-2) !important;
     border-right: 1px solid var(--palette-3) !important;
+}
+
+body {
+    margin-left: 300px;
+}
+
+.modal.show {
+    left: 300px;
+    width: calc(100% - 300px);
+}
+
+.modal {
+    left: 150px;
+}
+
+nav {
+    display: none !important;
+}
+
+#navigation-pane {
+    z-index: 9999;
+    background: black;
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 300px;
+    border-right: 1px solid rgba(255, 255, 255, .25);
+    overflow: auto;
+}
+
+#title-bar {
+    position: fixed;
+    top: 0;
+    left: 300px;
+    right: 0;
+    height: 34px;
+    background: rgba(0, 0, 0, .75);
+    z-index: 9999;
+    padding: 5px;
+    text-align: center;
+    backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
+    border-bottom: 1px solid rgba(255, 255, 255, .25);
+}
+
+#mobile-navigation {
+    display: none;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 48px;
+    background: rgba(0, 0, 0, .75);
+    backdrop-filter: blur(30px);
+    -webkit-backdrop-filter: blur(30px);
+    border-top: 1px solid rgba(255, 255, 255, .25);
+    z-index: 999999;
+}
+
+@media (max-width: 1360px) {
+    .modal.show {
+        left: 250px !important;
+        width: calc(100% - 250px) !important;
+    }
+
+    .modal {
+        left: 125px !important;
+    }
+
+    #title-bar {
+        left: 250px !important;
+    }
+
+    #navigation-pane {
+        width: 250px !important;
+    }
+
+    body {
+        margin-left: 250px !important;
+    }
+
+    #system-banner-container, #member-banner-container {
+        width: 100% !important;
+    }
+}
+
+@media (max-width: 1300px) {
+    .modal.show {
+        left: 200px !important;
+        width: calc(100% - 200px) !important;
+    }
+
+    .modal {
+        left: 100px !important;
+    }
+
+    #title-bar {
+        left: 200px !important;
+    }
+
+    #navigation-pane {
+        width: 200px !important;
+    }
+
+    body {
+        margin-left: 200px !important;
+    }
+}
+
+@media (max-width: 1195px) {
+    .modal.show {
+        left: 0 !important;
+        width: 100% !important;
+    }
+
+    .modal {
+        left: 0 !important;
+    }
+
+    #title-bar {
+        left: 0 !important;
+    }
+
+    #navigation-pane {
+        display: none !important;
+    }
+
+    body {
+        margin-left: 0 !important;
+    }
+
+    #mobile-navigation {
+        display: block !important;
+    }
+}
+
+@media (max-width: 700px) {
+    #title-bar-parts-mobile {
+        display: inline !important;
+    }
+
+    #title-bar-parts-desktop {
+        display: none;
+    }
+
+    #title-bar {
+        text-align: left;
+    }
 }
 \ No newline at end of file