wangdequan/abigail-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1: new homepage + unified nav (press/judging/services/attorneys/resources/login/theme/signup)

Browse Source
This commit is contained in:
seven
2026-06-28 10:49:27 +08:00
parent ed1c4178c9
commit 7191d16fb5
9 changed files with 688 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
v1/styles.css
View File

@@ -43,11 +43,75 @@ nav .container {
.nav-links a.active { color: var(--signal); font-weight: 500; }
.nav-cta {
background: var(--ink); color: var(--paper);
padding: 8px 16px; border-radius: 8px;
font-size: 14px; font-weight: 500;
transition: background 0.15s;
padding: 9px 18px; border-radius: 999px;
font-size: 14px; font-weight: 600;
transition: background 0.15s, transform 0.1s;
}
.nav-cta:hover { background: var(--ink-2); }
.nav-cta:active { transform: scale(0.97); }
/* Login link in nav */
.nav-login {
color: var(--mute);
font-size: 14px;
transition: color 0.15s;
}
.nav-login:hover { color: var(--ink); }
/* Theme toggle */
.theme-toggle {
background: transparent;
border: 0;
width: 32px; height: 32px;
border-radius: 50%;
cursor: pointer;
display: inline-flex; align-items: center; justify-content: center;
color: var(--mute);
transition: color 0.15s, background 0.15s;
padding: 0;
}
.theme-toggle:hover {
color: var(--ink);
background: var(--paper-2);
}
.theme-toggle .icon-moon { display: inline-block; }
.theme-toggle .icon-sun { display: none; }
html.dark .theme-toggle .icon-moon { display: none; }
html.dark .theme-toggle .icon-sun { display: inline-block; }
/* Dark mode palette */
html.dark {
--ink: #F5F5F0;
--ink-2: #2A2F3D;
--paper: #0A0E1A;
--paper-2: #14192A;
--rule: #2A2F3D;
--rule-dark: #3A3F4D;
--mute: #8A8F99;
--mute-2: #5A5F69;
}
html.dark body { background: var(--paper); color: var(--ink); }
html.dark .card,
html.dark .what-card,
html.dark .anti-card,
html.dark .role-card,
html.dark .pet-card,
html.dark .lead-form,
html.dark .mock,
html.dark .anatomy-wrap,
html.dark .compare-table,
html.dark .case-table,
html.dark .post-card,
html.dark .visa-card,
html.dark .reason-card,
html.dark .situation-card,
html.dark .tier-card { background: var(--ink-2); }
html.dark .field input,
html.dark .field select,
html.dark .field textarea { background: var(--paper-2); color: var(--ink); }
html.dark nav { background: rgba(10,14,26,0.85); }
html.dark .chip { background: var(--ink-2); border-color: var(--rule); color: var(--mute-2); }
html.dark .chip.active { background: var(--ink); color: var(--paper); }
/* Resources dropdown */
.nav-dropdown { position: relative; }