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 35: Line 36:
     }
     }


     /* 🎯 居中主体 */
     /* === 中央内容区 === */
     .homepage-wrapper {
     .homepage-wrapper {
       position: fixed;
       position: fixed;
Line 57: Line 58:
     }
     }


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


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


Line 78: Line 82:
       position: absolute;
       position: absolute;
       font-size: 28px;
       font-size: 28px;
      animation: floatDNA 6s ease-in-out infinite;
       pointer-events: none;
       pointer-events: none;
       z-index: 0;
       z-index: 0;
      animation: floatDNA linear infinite;
     }
     }


     .dna1 { top: 15%; left: 10%; animation-delay: 0s; }
     .dna1 { top: 15%; left: 10%; animation-duration: 70s; }
     .dna2 { top: 35%; left: 85%; animation-delay: 1.5s; }
     .dna2 { top: 40%; left: 80%; animation-duration: 85s; }
     .dna3 { top: 75%; left: 50%; animation-delay: 3s; }
     .dna3 { top: 70%; left: 40%; animation-duration: 90s; }


     /* 📎 固定底部页脚 */
     /* === 固定页脚信息 === */
     .custom-footer {
     .custom-footer {
       position: fixed;
       position: fixed;
Line 107: Line 111:
   </style>
   </style>


   <!-- 🧬 DNA Icons -->
   <!-- 🧬 DNA 漂浮图标(3 个)-->
   <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 117: Line 121:
     <p>Please log in to access Labwiki content.</p>
     <p>Please log in to access Labwiki content.</p>
     <div class="homepage-links">
     <div class="homepage-links">
       <a class="blue-link" href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard">Log in</a>
       <a href="/index.php?title=Special:UserLogin&returnto=Project:Dashboard">Log in</a>
       <a class="blue-link" href="/index.php?title=Group_Introduction">Group Introduction</a>
       <a href="/index.php?title=Group_Introduction">Group Introduction</a>
     </div>
     </div>
   </div>
   </div>


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

Revision as of 20:48, 14 April 2025


🧬
🧬
🧬

Welcome to the Lab of Synthetic BioPharmaceutics

Please log in to access Labwiki content.