init

2026-10-24 14:03:52 +07:00
commit 4fe046de58
4790 changed files with 311146 additions and 0 deletions
@@ -0,0 +1,110 @@
+ul#bottomnavigation {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    height: auto;
+    width: 100%;
+    box-shadow: var(--elevation-6);
+    z-index: 2;
+    display: none;
+    justify-content: center;
+    transition: translate .3s cubic-bezier(.4, 0, .2, 1);
+    user-select: none;
+    background-color: rgb(var(--movim-background));
+}
+
+ul#bottomnavigation li {
+    padding: 0.5rem;
+    text-align: center;
+    flex: 1 1 0;
+    width: 0;
+    position: relative;
+    transition: background-color 0.15s ease;
+}
+
+ul#bottomnavigation li:hover {
+    cursor: pointer;
+}
+
+ul#bottomnavigation li:hover:not(.active)>span.primary>i {
+    opacity: 0.8;
+}
+
+ul#bottomnavigation li:before {
+    content: '';
+    display: block;
+    border-radius: 3rem;
+    height: 5rem;
+    width: 8rem;
+    position: absolute;
+    top: 0.5rem;
+    left: calc(50% - 4rem);
+}
+
+ul#bottomnavigation li.active:before {
+    background-color: rgba(var(--movim-element-action), 0.2);
+}
+
+ul#bottomnavigation li:not(.active):hover:before {
+    background-color: rgba(var(--movim-element-action), 0.1);
+}
+
+ul#bottomnavigation li span:not(.counter) {
+    display: inline-block;
+}
+
+@media screen and (max-width: 1024px) {
+    ul#bottomnavigation {
+        display: flex;
+    }
+
+    ul#bottomnavigation~main>div:not(#chat_widget)>div:last-child,
+    ul#bottomnavigation~main>div:not(#chat_widget)>div.tabelem,
+    ul#bottomnavigation~main>div:not(#chat_widget)>article:last-child {
+        padding-bottom: 6.5rem;
+    }
+
+    body>div.dialog:not(:empty)~ul#bottomnavigation,
+    body>div#drawer:not(.empty)~ul#bottomnavigation,
+    nav.active+ul#bottomnavigation,
+    ul#bottomnavigation.hidden {
+        translate: 0 100%;
+        pointer-events: none;
+    }
+
+    nav.active+ul#bottomnavigation~main,
+    ul#bottomnavigation.hidden~main {
+        padding-bottom: 0;
+    }
+
+    ul#bottomnavigation~main .button.action {
+        bottom: 8.25rem;
+        transition: all 0.2s ease 0;
+    }
+
+    ul#bottomnavigation~main.enabled .button.action {
+        opacity: 0;
+        pointer-events: none;
+    }
+
+    ul#bottomnavigation #bottomnavigation_me span {
+        transform: scale(0.7);
+    }
+
+    ul#bottomnavigation #bottomchatcounter.notifications:after {
+        content: '\e7f4';
+        display: block;
+        width: 2rem;
+        height: 2rem;
+        right: calc(50% - 2.5rem);
+        top: calc(50% + 0.50rem);
+        position: absolute;
+        border-radius: 1rem;
+        background-color: var(--movim-accent);
+        box-shadow: var(--elevation-2);
+        font-family: 'Material Symbols';
+        font-size: 1.2rem;
+        line-height: 2rem;
+        font-variation-settings: 'FILL' 1;
+    }
+}