gator/autotq-modern-ejs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Apply transparent logo treatment and add shared stat/capability/list styles for redesigned pages

Browse source
This commit is contained in:
gator 2026-03-11 01:39:58 +00:00
parent 55b98bb02d
commit 3aa2c5f7d3
1 changed files with 53 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
public/css/style.css
View file

@ -53,13 +53,14 @@ p { margin: 0 0 1rem; color: var(--text); }
.nav-wrap { display: flex; align-items: center; justify-content: space-between; min-height: 84px; gap: 1rem; }
.brand { display: inline-flex; align-items: center; gap: .7rem; font-weight: 800; color: var(--dark); }
.brand img {
width: 52px;
height: 52px;
width: 56px;
height: 56px;
object-fit: contain;
border-radius: 12px;
background: #fff;
border: 1px solid var(--border);
padding: .24rem;
border-radius: 0;
background: transparent;
border: 0;
padding: 0;
filter: drop-shadow(0 2px 8px rgba(0,0,0,.08));
}
.brand span { font-size: 1.06rem; }
@ -177,6 +178,24 @@ p { margin: 0 0 1rem; color: var(--text); }
.quote-panel cite { font-style: normal; color: var(--muted); font-weight: 600; }
.research-list, .docs-list, .testimonials-stack { display: grid; gap: 1rem; }
.stats-showcase {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
.stats-showcase article {
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.2);
border-radius: 14px;
padding: 1.1rem;
}
.display-stat {
font-size: clamp(2.3rem, 5vw, 4.3rem);
font-weight: 900;
color: #fff;
line-height: 1;
margin: 0 0 .35rem;
}
.research-item, .doc-row {
background: #fff;
border: 1px solid var(--border);
@ -199,7 +218,32 @@ p { margin: 0 0 1rem; color: var(--text); }
box-shadow: var(--shadow);
}
.team-card img { border-radius: 10px; height: 170px; width: 100%; object-fit: cover; }
.capability-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
.capability-card {
background: #fff;
border: 1px solid var(--border);
border-left: 4px solid var(--brand-red);
border-radius: 12px;
padding: 1rem;
box-shadow: var(--shadow);
}
.people-list { display: grid; gap: .7rem; }
.person-row {
display: flex;
justify-content: space-between;
gap: 1rem;
align-items: flex-start;
background: #fff;
border: 1px solid var(--border);
border-radius: 12px;
padding: .9rem 1rem;
}
.doc-row h3 { margin-bottom: .3rem; }
.brand-footer img { filter: none; }
.quote-row {
display: grid;
grid-template-columns: 60px 1fr;
@ -286,7 +330,8 @@ select:focus-visible {
}
@media (max-width: 980px) {
.hero-grid, .split, .video-grid, .news-testimonials, .footer-grid, .form-grid, .team-grid, .team-card, .quote-row { grid-template-columns: 1fr; }
.hero-grid, .split, .video-grid, .news-testimonials, .footer-grid, .form-grid, .team-grid, .team-card, .quote-row, .stats-showcase, .capability-grid { grid-template-columns: 1fr; }
.person-row { flex-direction: column; }
.split-reverse .split-copy,
.split-reverse .split-media { order: initial; }