no message

Ruaka/Ruaka.ui.css

@@ -0,0 +1,211 @@
+  * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    html, body {
+      height: 100%; 
+      overflow: hidden;
+      overflow-y: scroll;
+    }
+ 
+ 
+ .iframe-container {
+  display: flex;
+  transition: width 0.5s ease, transform 0.4s ease; /* 增加 width 的动画效果 */
+  height: 100%;
+}
+iframe {
+  width: 100%; /* 每个iframe占用100%宽度 */
+  height: 100%;
+  border: none;
+}
+    .mdui-bottom-nav {
+      position: absolute;
+      bottom: 0;
+      width: 100%;
+      display: flex;
+      justify-content: space-around;
+      background-color: #fff;
+    }
+    .mdui-bottom-nav a {
+      flex-grow: 1;
+      text-align: center;
+      padding: 10px;
+      cursor: pointer;
+    }
+  
+  
+  
+  .mdui-card {
+background-color:#F2F3FA;
+
+box-shadow: none;
+}
+body {
+background-color:#F8F9FF;
+}
+.mdui-bottom-nav-active {
+color:#D7E3F7;
+}
+
+
+.rk-jump-in {
+animation: rji 0.5s ease-in-out;   
+  opacity: 1;
+  
+}
+/* 隐藏滚动条，但保留滑动功能 */
+.rx {
+  overflow-x: scroll; /* 保留横向滚动功能 */
+  scrollbar-width: none; /* 针对 Firefox 浏览器隐藏滚动条 */
+}
+
+*::-webkit-scrollbar {
+  display: none; /* 针对 WebKit 浏览器（如 Chrome, Safari）隐藏滚动条 */
+}
+
+@keyframes rji {
+      0% { opacity: 0;
+
+      }
+      
+      
+      100% {
+      
+  opacity: 1;
+
+      }
+    }
+
+
+.rk-jump-out {
+animation: rjo 0.5s ease-in-out;   
+ opacity: 0;
+ 
+}
+
+
+@keyframes rjo {
+      0%{
+      
+
+  opacity: 1;
+      }
+      
+      100% { 
+      
+  opacity: 0;
+      }
+    }
+
+
+
+.mdui-menu {
+
+    border-radius: 15px;
+
+}
+
+.rk-j-ro {
+  
+    border-radius: 15px;
+  }
+  
+.rk-ro {
+  
+    border-radius: 15px;
+    background-color: rgba(0, 0, 0, 0.01);
+backdrop-filter: blur(10px);
+-webkit-backdrop-filter: blur(10px);
+  }
+  
+.rk-to {
+
+    background-color: rgba(205, 205, 255, 0.03);
+backdrop-filter: blur(10px);
+-webkit-backdrop-filter: blur(10px);
+} 
+ 
+.rk-a-show {
+transform: scale(1);
+animation: fccs 0.5s ease-in-out;   
+}
+    @keyframes fccs {
+      0% {
+transform: scale(0);
+
+      }
+      100% {
+
+
+transform: scale(1);
+
+      }
+    }
+
+  
+.rk-a-hidden {
+transform: scale(0);
+animation: fccs 0.5s ease-in-out;   
+}
+    @keyframes fccs {
+      0% {
+
+transform: scale(1);
+      }
+      100% {
+
+
+transform: scale(0);
+
+      }
+    }
+
+  
+  
+  .mdui-overlay {
+  
+background-color: rgba(255, 255, 255, 0);
+backdrop-filter: blur(5px);
+-webkit-backdrop-filter: blur(5px);
+}
+  .mdui-btn {
+    border-radius: 15px
+  }
+  .mdui-card {
+    border-radius: 15px
+  }
+  .mdui-dialog {
+    border-radius: 15px
+  }
+ .rk-mid {
+  max-width: 416px; /* 最大宽度不超过 512px */
+  width: 100%; /* 宽度为 100%，但不会超过 max-width */
+  position: absolute; /* 使用绝对定位 */
+  top: 50%; /* 距离顶部 50% */
+  left: 50%; /* 距离左侧 50% */
+  transform: translate(-50%, -50%); /* 通过 transform 将元素的中心点移到准确的中间位置 */
+}
+.rk-in-gray-bg {
+  background-color: #ECEEF4; /* Material Design 风格的浅灰色 */
+  border-top-left-radius: 6px; /* 左上角圆角 */
+  border-top-right-radius: 6px; /* 右上角圆角 */
+  padding-bottom: 0px;
+  padding-top: 0px;
+}
+.rk-in-la {
+
+padding-right:15px;
+padding-left:15px;
+}
+  
+  
+  code {color:#2196F3}
+  
+  
+  
+  
+  .mdui-table {
+        white-space: nowrap;
+  }