模板:EtherWikiStyle

来自以太维基
Yitaiwiki留言 | 贡献2026年2月6日 (五) 17:28的版本 (创建页面,内容为“<style> 以太维基主题样式:​ .etherwiki-container { background: linear-gradient(145deg, #0a0a14 0%, #151522 50%, #0a0a14 100%); color: #e6e6ff; padding: 40px; border-radius: 16px; border: 2px solid; border-image: linear-gradient(45deg, #6a11cb, #2575fc, #ff6b6b) 1; position: relative; overflow: hidden; max-width: 1200px; margin: 30px auto; font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif; box-shado…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转到导航 跳转到搜索

<style> /* 以太维基主题样式 */ .etherwiki-container {

   background: linear-gradient(145deg, #0a0a14 0%, #151522 50%, #0a0a14 100%);
   color: #e6e6ff;
   padding: 40px;
   border-radius: 16px;
   border: 2px solid;
   border-image: linear-gradient(45deg, #6a11cb, #2575fc, #ff6b6b) 1;
   position: relative;
   overflow: hidden;
   max-width: 1200px;
   margin: 30px auto;
   font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.7);

}

.etherwiki-header {

   text-align: center;
   margin-bottom: 40px;
   padding-bottom: 25px;
   border-bottom: 3px solid;
   border-image: linear-gradient(90deg, transparent, #8a2be2, transparent) 1;

}

.etherwiki-logo {

   font-size: 48px;
   color: #8a2be2;
   font-weight: bold;
   margin-bottom: 10px;
   text-shadow: 0 0 30px rgba(138, 43, 226, 0.5);

}

.etherwiki-subtitle {

   color: #a0a0ff;
   font-size: 20px;
   margin: 10px 0 0 0;

}

.etherwiki-welcome {

   background: linear-gradient(90deg, 
       rgba(138, 43, 226, 0.2) 0%, 
       rgba(65, 105, 225, 0.3) 50%, 
       rgba(138, 43, 226, 0.2) 100%);
   border-radius: 12px;
   padding: 30px;
   margin: 30px 0;
   text-align: center;
   border: 1px solid rgba(255, 255, 255, 0.1);
   position: relative;
   overflow: hidden;

}

.etherwiki-welcome::before {

   content: ;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 3px;
   background: linear-gradient(90deg, #ff6b6b, #ffd166, #8a2be2, #4169e1);

}

.etherwiki-section {

   margin: 35px 0;
   padding: 25px;
   background: rgba(20, 20, 35, 0.7);
   border-radius: 12px;
   border-left: 4px solid;
   backdrop-filter: blur(5px);

}

.etherwiki-mission {

   border-left-color: #4169e1;

}

.etherwiki-features {

   border-left-color: #8a2be2;

}

.etherwiki-warning {

   border-left-color: #ff6b6b;
   background: rgba(178, 34, 34, 0.15);

}

.etherwiki-browsers {

   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
   margin: 20px 0;

}

.etherwiki-browser-item {

   background: rgba(65, 105, 225, 0.1);
   border: 1px solid rgba(65, 105, 225, 0.3);
   border-radius: 10px;
   padding: 20px;
   text-align: center;
   transition: transform 0.3s ease;

}

.etherwiki-browser-item:hover {

   transform: translateY(-5px);
   background: rgba(65, 105, 225, 0.2);

}

.etherwiki-browser-icon {

   font-size: 36px;
   margin-bottom: 10px;

}

.etherwiki-message {

   background: linear-gradient(145deg, 
       rgba(37, 117, 252, 0.15), 
       rgba(106, 17, 203, 0.1));
   border-radius: 16px;
   padding: 35px;
   border: 1px solid rgba(37, 117, 252, 0.3);
   margin: 40px 0;

}

.etherwiki-message-header {

   display: flex;
   align-items: center;
   margin-bottom: 25px;

}

.etherwiki-message-icon {

   background: linear-gradient(135deg, #6a11cb, #2575fc);
   border-radius: 50%;
   width: 60px;
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 20px;
   font-size: 28px;
   color: white;
   box-shadow: 0 5px 20px rgba(37, 117, 252, 0.4);

}

.etherwiki-quote {

   border-left: 4px solid #ffd166;
   padding-left: 20px;
   margin: 25px 0;
   font-style: italic;
   font-size: 18px;
   color: #e6e6ff;
   line-height: 1.8;

}

.etherwiki-navigation {

   text-align: center;
   margin: 40px 0;
   padding-top: 30px;
   border-top: 1px solid rgba(255, 255, 255, 0.1);

}

.etherwiki-nav-buttons {

   display: flex;
   justify-content: center;
   gap: 20px;
   flex-wrap: wrap;
   margin-bottom: 30px;

}

.etherwiki-nav-button {

   padding: 14px 32px;
   border-radius: 10px;
   text-decoration: none;
   font-weight: 600;
   font-size: 16px;
   transition: all 0.3s ease;
   min-width: 160px;
   text-align: center;
   border: 1px solid rgba(255, 255, 255, 0.1);
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
   display: inline-block;

}

.etherwiki-nav-button:hover {

   transform: translateY(-3px);
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
   opacity: 0.95;

}

.etherwiki-nav-purple {

   background: linear-gradient(90deg, #8a2be2, #9370db);
   color: white;

}

.etherwiki-nav-blue {

   background: linear-gradient(90deg, #4169e1, #5d7bfc);
   color: white;

}

.etherwiki-nav-teal {

   background: linear-gradient(90deg, #20b2aa, #48d1cc);
   color: white;

}

.etherwiki-nav-orange {

   background: linear-gradient(90deg, #ffa500, #ffd700);
   color: #333;

}

.etherwiki-footer {

   text-align: center;
   margin-top: 50px;
   padding-top: 30px;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   color: #888;

}

.etherwiki-footer-links {

   display: flex;
   justify-content: center;
   gap: 25px;
   margin: 20px 0;
   flex-wrap: wrap;

}

.etherwiki-footer-link {

   color: #a0a0ff;
   text-decoration: none;
   padding: 8px 16px;
   border-radius: 6px;
   background: rgba(255, 255, 255, 0.05);
   transition: all 0.3s ease;
   display: inline-block;

}

.etherwiki-footer-link:hover {

   background: rgba(255, 255, 255, 0.1);
   color: #ffffff;

}

.etherwiki-copyright {

   margin-top: 20px;
   font-size: 14px;
   color: #666;

}

/* 响应式设计 */ @media (max-width: 768px) {

   .etherwiki-container {
       padding: 20px;
       margin: 15px;
   }
   
   .etherwiki-browsers {
       grid-template-columns: 1fr;
       gap: 15px;
   }
   
   .etherwiki-nav-buttons {
       gap: 15px;
   }
   
   .etherwiki-nav-button {
       min-width: 140px;
       padding: 12px 20px;
   }
   
   .etherwiki-footer-links {
       gap: 15px;
   }

}

/* 动画效果 */ @keyframes pulse-glow {

   0% { opacity: 0.8; }
   50% { opacity: 1; }
   100% { opacity: 0.8;

} .etherwiki-logo {

   animation: pulse-glow 3s infinite;

} </style>