johan
/
vault1984-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: cards use rgba tint+border pattern like buttons 

- card: rgba(255,255,255,0.04) bg + rgba(255,255,255,0.12) border
- card.alt: rgba(34,197,94,0.07) + green border
- card.gold: rgba(212,175,55,0.08) + gold border
- card.red: rgba(239,68,68,0.07) + red border
This commit is contained in:
James 2026-03-02 04:21:15 -05:00
parent c8d801c5a0
commit d9eb540ab1
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
vault1984-web
View File

Binary file not shown.

8
vault1984.css
View File

@ -61,10 +61,10 @@ p.lead { font-size: 1.125rem; }
.vaultname .n { color: var(--accent); }
/* === CARDS === */
.card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.75rem; }
.card.alt { background: var(--surface-alt); }
.card.gold { background: var(--surface-gold); border-color: var(--border-gold); }
.card.red { background: #1a0505; border-color: rgba(239,68,68,0.3); }
.card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.12); border-radius: var(--radius); padding: 1.75rem; }
.card.alt { background: rgba(34,197,94,0.07); border-color: rgba(34,197,94,0.25); }
.card.gold { background: rgba(212,175,55,0.08); border-color: rgba(212,175,55,0.35); }
.card.red { background: rgba(239,68,68,0.07); border-color: rgba(239,68,68,0.3); }
.card-hover { transition: transform 0.2s, box-shadow 0.2s; border-color: rgba(255,255,255,0.12); }
.card-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.3); }