mirror of
https://github.com/KivotosRailway/website.git
synced 2026-11-03 11:06:32 +09:00
修改页眉页脚
This commit is contained in:
+11
-7
@@ -12,16 +12,17 @@ a { color: inherit; text-decoration: none; }
|
||||
.site-logo-image { display: block; width: 240px; height: auto; }
|
||||
.site-navigation { display: flex; align-items: center; justify-content: flex-end; flex: 1; gap: clamp(28px, 3vw, 46.08px); }
|
||||
.site-navigation a { position: relative; padding: 8px 0; font-size: 15px; font-weight: 700; white-space: nowrap; }
|
||||
.site-navigation a::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; content: ""; background: var(--blue); transform: scaleX(0); transition: transform .2s ease; }
|
||||
.site-navigation a:hover { color: var(--blue); }.site-navigation a:hover::after { transform: scaleX(1); }
|
||||
.site-navigation a::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; content: ""; background: #8F56A2; transform: scaleX(0); transition: transform .2s ease; }
|
||||
.site-navigation a:hover, .site-navigation a:focus-visible { color: #8F56A2; }.site-navigation a:hover::after, .site-navigation a:focus-visible::after { transform: scaleX(1); }
|
||||
.site-header-actions { display: flex; align-items: center; gap: 24px; min-width: 180px; justify-content: flex-end; }
|
||||
.site-locale { display: inline-flex; align-items: center; gap: 0; padding: 3px 4px; border-radius: 16px; background: #f1f3f5; border: 1px solid rgba(17, 24, 39, 0.06); box-shadow: inset 0 1px 0 rgba(255,255,255,0.8); }
|
||||
.site-locale button { appearance: none; border: 0; background: transparent; border-radius: 12px; padding: 10px 14px; min-width: 48px; color: #5d6773; font-size: 12px; font-weight: 700; letter-spacing: 0.05em; cursor: pointer; transition: all 0.2s ease; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
|
||||
.site-locale button:hover { color: var(--ink); }
|
||||
.site-locale button.active { background: #fff; color: var(--ink); box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08); }
|
||||
.site-locale button:hover, .site-locale button:focus-visible { color: #8F56A2; }
|
||||
.site-locale button.active { background: #fff; color: #8F56A2; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08); }
|
||||
.locale-button-label { display: inline-flex; align-items: center; justify-content: center; }
|
||||
.site-menu-button { display: none; width: 38px; border: 0; background: transparent; cursor: pointer; }
|
||||
.site-menu-button span { display: block; height: 2px; margin: 5px 0; background: var(--ink); }
|
||||
.site-menu-button span { display: block; height: 2px; margin: 5px 0; background: var(--ink); transition: background-color .2s ease; }
|
||||
.site-menu-button:hover span, .site-menu-button:focus-visible span { background: #8F56A2; }
|
||||
.home-page { padding: 0 0 48px; }
|
||||
.home-hero, .home-news, .home-collage { width: min(1200px, calc(100% - 32px)); margin-right: auto; margin-left: auto; }
|
||||
.home-hero { position: relative; height: 560px; overflow: hidden; border-radius: 15px; isolation: isolate; color: #fff; background: #173c59; }
|
||||
@@ -139,14 +140,17 @@ a { color: inherit; text-decoration: none; }
|
||||
.site-footer-column ul { list-style: none; padding: 30px 0 18px; margin: 0; display: flex; flex-direction: column; gap: 18px; }
|
||||
.site-footer-column li { flex: none; height: 21px; }
|
||||
.site-footer-column a { display: block; height: 21px; color: #5f6464; font-family: "Noto Sans SC", sans-serif; font-size: 16px; font-weight: 400; line-height: 21px; transition: color .2s ease; }
|
||||
.site-footer-column a:hover { color: #122331; }
|
||||
.site-footer-column a:hover, .site-footer-column a:focus-visible { color: #8F56A2; }
|
||||
.site-footer-brand-wrap { position: absolute; top: 76px; left: 830px; display: flex; align-items: center; justify-content: center; width: 370px; height: 158px; }
|
||||
.site-footer-brand { display: inline-flex; align-items: center; justify-content: center; width: 100%; }
|
||||
.site-footer-brand-logo { display: block; width: 270px; height: auto; opacity: 0.96; filter: drop-shadow(0 2px 6px rgba(17, 34, 52, 0.06)); }
|
||||
.site-footer-meta { height: 130.8px; padding-top: 26px; border-top: 1px solid rgba(15, 23, 42, 0.06); margin-top: 0; }
|
||||
.site-footer-legal-row { display: flex; flex-wrap: wrap; gap: 0 18px; align-items: center; font-family: "Noto Sans SC", sans-serif; font-size: 14px; font-weight: 400; line-height: 17px; color: #5f6b75; }
|
||||
.site-footer-legal-row a { color: inherit; }
|
||||
.site-footer-legal-row a { color: inherit; transition: color .2s ease; }
|
||||
.site-footer-legal-row a:hover, .site-footer-legal-row a:focus-visible { color: #8F56A2; }
|
||||
.site-footer-copyright-row { display: flex; flex-wrap: wrap; gap: 0 18px; align-items: center; margin-top: 18px; font-family: "Noto Sans SC", sans-serif; font-size: 14px; font-weight: 400; line-height: 17px; color: #66737e; }
|
||||
.site-footer-copyright-row a { transition: color .2s ease; }
|
||||
.site-footer-copyright-row a:hover, .site-footer-copyright-row a:focus-visible { color: #8F56A2; }
|
||||
.site-footer-meta p { margin: 18px 0 0; font-family: "Noto Sans SC", sans-serif; font-size: 14px; font-weight: 400; line-height: 17px; color: #66737e; }
|
||||
.site-footer-meta .site-footer-description { width: 1200px; max-width: 100%; margin-top: 18px; }
|
||||
|
||||
|
||||
@@ -6,7 +6,7 @@ import { applyLocale, getInitialLocale, getLocaleMessages, type Locale } from "@
|
||||
|
||||
const footerColumnHrefs = [
|
||||
["/policy/user-agreement", "/policy/privacy-policy", "/policy/disclaimer", "/policy/resource-pack"],
|
||||
["/about", "/join-us"],
|
||||
["/about", "/members", "/join-us"],
|
||||
["mailto:connect@kivotos.cc", "mailto:infringement@kivotos.cc"],
|
||||
] as const;
|
||||
|
||||
|
||||
+1
-1
@@ -30,7 +30,7 @@
|
||||
"social": ["Weibo", "WeChat", "X", "LinkedIn", "Video"],
|
||||
"columns": [
|
||||
{ "title": "Legal", "links": ["Terms of service", "Privacy policy", "Disclaimer", "Resource pack terms"] },
|
||||
{ "title": "About us", "links": ["Our team", "Join us"] },
|
||||
{ "title": "About us", "links": ["Our team", "Members", "Join us"] },
|
||||
{ "title": "Contact us", "links": ["General: connect@kivotos.cc", "Copyright: infringement@kivotos.cc"] }
|
||||
],
|
||||
"legal": ["KR Wiki", "Service status", "Links"],
|
||||
|
||||
+1
-1
@@ -30,7 +30,7 @@
|
||||
"social": ["Weibo", "WeChat", "X", "LinkedIn", "動画"],
|
||||
"columns": [
|
||||
{ "title": "法務情報", "links": ["利用規約", "プライバシー", "免責事項", "リソースパック規約"] },
|
||||
{ "title": "私たちについて", "links": ["チーム紹介", "参加する"] },
|
||||
{ "title": "私たちについて", "links": ["チーム紹介", "メンバー一覧", "参加する"] },
|
||||
{ "title": "お問い合わせ", "links": ["総合窓口:connect@kivotos.cc", "権利侵害報告:infringement@kivotos.cc"] }
|
||||
],
|
||||
"legal": ["KR Wiki", "サービス状況", "リンク集"],
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
"social": ["微博", "微信", "X", "LinkedIn", "视频"],
|
||||
"columns": [
|
||||
{ "title": "法律信息", "links": ["服务协议", "隐私政策", "免责声明", "资源包使用协议"] },
|
||||
{ "title": "关于我们", "links": ["团队简介", "加入我们"] },
|
||||
{ "title": "关于我们", "links": ["团队简介", "成员一览", "加入我们"] },
|
||||
{ "title": "联系我们", "links": ["全域邮箱:connect@kivotos.cc", "素材侵权举报:infringement@kivotos.cc"] }
|
||||
],
|
||||
"legal": ["KR Wiki", "状态监控", "友情链接"],
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
"social": ["微博", "微信", "X", "LinkedIn", "影片"],
|
||||
"columns": [
|
||||
{ "title": "法律資訊", "links": ["服務協議", "隱私政策", "免責聲明", "資源包使用協議"] },
|
||||
{ "title": "關於我們", "links": ["團隊簡介", "加入我們"] },
|
||||
{ "title": "關於我們", "links": ["團隊簡介", "成員一覽", "加入我們"] },
|
||||
{ "title": "聯絡我們", "links": ["全域郵箱:connect@kivotos.cc", "素材侵權舉報:infringement@kivotos.cc"] }
|
||||
],
|
||||
"legal": ["KR Wiki", "狀態監控", "友情鏈接"],
|
||||
|
||||
Reference in New Issue
Block a user