diff --git a/petmap.html b/petmap.html index e71e47c..9029595 100644 --- a/petmap.html +++ b/petmap.html @@ -393,17 +393,17 @@ .rb-card { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.08); - transition: transform 0.3s; + transition: transform 0.3s, box-shadow 0.3s; } - .rb-card:hover { transform: translateY(-4px); } + .rb-card:hover { transform: translateY(-6px); box-shadow: 0 8px 20px rgba(0,0,0,0.12); } .rb-card-img { height: 160px; background: linear-gradient(135deg, #ffe5e5, #fff); display: flex; align-items: center; justify-content: center; font-size: 60px; } .rb-card-body { padding: 14px; } - .rb-card-title { font-weight: 700; font-size: 15px; margin-bottom: 6px; } - .rb-card-desc { font-size: 13px; color: var(--text-muted); line-height: 1.5; } + .rb-card-title { font-weight: 700; font-size: 15px; margin-bottom: 6px; color: var(--text); } + .rb-card-desc { font-size: 13px; color: var(--text-muted); line-height: 1.5; margin-bottom: 8px; } /* MEMORIAL BOARD */ .memorial-page { @@ -438,10 +438,13 @@ .memorial-card { background: rgba(255,255,255,0.08); border-radius: 12px; padding: 16px; text-align: center; + transition: transform 0.3s; } + .memorial-card:hover { transform: translateY(-4px); background: rgba(255,255,255,0.1); } .memorial-card-emoji { font-size: 50px; margin-bottom: 12px; } .memorial-card-name { font-weight: 700; margin-bottom: 6px; } .memorial-card-date { font-size: 12px; opacity: 0.7; } + .memorial-card-desc { font-size: 12px; opacity: 0.8; margin-top: 8px; line-height: 1.4; } @media (max-width: 768px) { .topbar { padding: 10px 12px; } @@ -611,8 +614,17 @@ + + + + + +
+ + +
@@ -758,36 +770,121 @@