Main Page: Difference between revisions
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; | ||
} | } | ||
/* | /* 🧹 移除顶部和边栏元素 */ | ||
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: | z-index: 20; | ||
} | } | ||
Line 58: | Line 57: | ||
} | } | ||
.homepage-links a | .homepage-links a { | ||
font-size: 16px; | font-size: 16px; | ||
color: #007BFF !important; | color: #007BFF !important; | ||
Line 70: | Line 68: | ||
} | } | ||
/* | /* 🧬 DNA 图标动画,浮动全屏 */ | ||
@keyframes floatDNA { | @keyframes floatDNA { | ||
0% { transform: | 0% { transform: translateY(0px); opacity: 0.5; } | ||
50% { transform: translateY(-40px); opacity: 0.2; } | |||
100% { transform: translateY(0px); opacity: 0.5; } | |||
100% { transform: | |||
} | } | ||
.floating-dna { | .floating-dna { | ||
position: | position: fixed; | ||
font-size: 28px; | font-size: 28px; | ||
pointer-events: none; | pointer-events: none; | ||
z-index: | z-index: 5; | ||
animation: floatDNA | animation: floatDNA 6s ease-in-out infinite; | ||
color: #aaa; | |||
mix-blend-mode: multiply; | |||
} | } | ||
.dna1 { top: | .dna1 { top: 20%; left: 12%; animation-delay: 0s; } | ||
.dna2 { top: | .dna2 { top: 50%; left: 80%; animation-delay: 2s; } | ||
.dna3 { top: | .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: | z-index: 15; | ||
background: #fff; | background: #fff; | ||
padding-bottom: 8px; | padding-bottom: 8px; | ||
Line 111: | Line 109: | ||
</style> | </style> | ||
<!-- 🧬 DNA | <!-- 🧬 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.