Main Page: Difference between revisions

From yangwa
No edit summary
No edit summary
Line 5: Line 5:
<html>
<html>
   <style>
   <style>
     /* === 全局白底黑字 + 去灰边 === */
     /* === 页面通用样式 === */
     html, body,
     html, body,
     .mw-page-container,
     .mw-page-container,
Line 20: Line 20:
       padding: 0;
       padding: 0;
       box-shadow: none !important;
       box-shadow: none !important;
      overflow: hidden;
     }
     }


     /* === 隐藏顶部导航、侧栏、页脚、标题等 === */
     /* 🧹 移除顶部和边栏元素 */
     body.skin-vector-2022.page-Main_Page #mw-panel,
     body.skin-vector-2022.page-Main_Page #mw-panel,
     body.skin-vector-2022.page-Main_Page #mw-sidebar,
     body.skin-vector-2022.page-Main_Page #mw-sidebar,
Line 36: Line 35:
     }
     }


     /* === 中央内容区 === */
     /* 🎯 居中内容区域 */
     .homepage-wrapper {
     .homepage-wrapper {
       position: fixed;
       position: fixed;
Line 44: Line 43:
       text-align: center;
       text-align: center;
       font-family: 'Segoe UI', sans-serif;
       font-family: 'Segoe UI', sans-serif;
       z-index: 2;
       z-index: 20;
     }
     }


Line 58: Line 57:
     }
     }


     .homepage-links a,
     .homepage-links a {
    .homepage-links a:visited {
       font-size: 16px;
       font-size: 16px;
       color: #007BFF !important;
       color: #007BFF !important;
Line 70: Line 68:
     }
     }


     /* === DNA 漂浮动画 === */
     /* 🧬 DNA 图标动画,浮动全屏 */
     @keyframes floatDNA {
     @keyframes floatDNA {
       0%  { transform: translate(0px, 0px); opacity: 0.4; }
       0%  { transform: translateY(0px); opacity: 0.5; }
       25%  { transform: translate(100vw, 20vh); opacity: 0.2; }
       50%  { transform: translateY(-40px); opacity: 0.2; }
      50%  { transform: translate(50vw, 80vh); opacity: 0.4; }
       100% { transform: translateY(0px); opacity: 0.5; }
      75%  { transform: translate(10vw, 50vh); opacity: 0.25; }
       100% { transform: translate(0px, 0px); opacity: 0.4; }
     }
     }


     .floating-dna {
     .floating-dna {
       position: absolute;
       position: fixed;
       font-size: 28px;
       font-size: 28px;
       pointer-events: none;
       pointer-events: none;
       z-index: 0;
       z-index: 5;
       animation: floatDNA linear infinite;
       animation: floatDNA 6s ease-in-out infinite;
      color: #aaa;
      mix-blend-mode: multiply;
     }
     }


     .dna1 { top: 15%; left: 10%; animation-duration: 70s; }
     .dna1 { top: 20%; left: 12%; animation-delay: 0s; }
     .dna2 { top: 40%; left: 80%; animation-duration: 85s; }
     .dna2 { top: 50%; left: 80%; animation-delay: 2s; }
     .dna3 { top: 70%; left: 40%; animation-duration: 90s; }
     .dna3 { top: 75%; left: 45%; animation-delay: 4s; }


     /* === 固定页脚信息 === */
     /* 📌 页脚信息固定底部 */
     .custom-footer {
     .custom-footer {
       position: fixed;
       position: fixed;
Line 100: Line 98:
       font-size: 12px;
       font-size: 12px;
       color: #888;
       color: #888;
       z-index: 2;
       z-index: 15;
       background: #fff;
       background: #fff;
       padding-bottom: 8px;
       padding-bottom: 8px;
Line 111: Line 109:
   </style>
   </style>


   <!-- 🧬 DNA 漂浮图标(3 个)-->
   <!-- 🧬 DNA Icons -->
   <div class="floating-dna dna1">🧬</div>
   <div class="floating-dna dna1">🧬</div>
   <div class="floating-dna dna2">🧬</div>
   <div class="floating-dna dna2">🧬</div>
Line 126: Line 124:
   </div>
   </div>


   <!-- 📎 页脚备案与链接 -->
   <!-- 📌 固定页脚信息 -->
   <div class="custom-footer">
   <div class="custom-footer">
     <div style="margin-bottom: 4px;">
     <div style="margin-bottom: 4px;">

Revision as of 20:52, 14 April 2025


🧬
🧬
🧬

Welcome to the Lab of Synthetic BioPharmaceutics

Please log in to access Labwiki content.