KivotosRailway/website
1
0
Fork 0
mirror of https://github.com/KivotosRailway/website.git synced 2026-11-03 11:06:32 +09:00
Code Issues Packages Projects Releases Wiki Activity

修改页眉页脚

Browse Source
This commit is contained in:
MisakaAkio
2026-09-07 13:58:58 +08:00
parent 8efd64bda4
commit 4d772e3f0b
6 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/globals.css
+11 -7
View File
@@ -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; }