From ad5afe2cf517fefc28c6b4aa0f738a95875fd3a0 Mon Sep 17 00:00:00 2001 From: zyqunix <117040076+zyqunix@users.noreply.github.com> Date: Thu, 12 Jun 2025 00:57:48 +0200 Subject: [PATCH] Update global.css --- global.css | 41 ++++++++++++++++++++++++++++++++++++----- 1 file changed, 36 insertions(+), 5 deletions(-) diff --git a/global.css b/global.css index 1d7f988..c6d9266 100644 --- a/global.css +++ b/global.css @@ -16,8 +16,8 @@ body { min-height: 100vh; margin: 0; font-size: 1rem; - background-color: #2a2a2a; - color: #f0f0f0; + background-color: #1e1e2e; + color: #cdd6f4; overflow-x: hidden; } @@ -33,14 +33,45 @@ a:hover, svg:hover { color: #c099ff; } -.card { - background-color: #252525; +.cards { + background-color: #313244; + border: 2px solid #45475a; padding: 20px; border-radius: 10px; width: 600px !important; - text-align: center; + text-align: left; + transition: border 0.1s; +} + +.cards:hover { + border: 2px solid #585b70; } .shadow { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); } + +.tooltip { + display: flex; + justify-content: center; + position: relative; +} + +.tooltip::after { + content: attr(data-tooltip); + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: 125%; + background-color: #1e1e2e; + border: 1px solid #6c7086; + color: #cdd6f4; + padding: 5px 10px; + border-radius: 5px; + font-size: 14px; + white-space: nowrap; + opacity: 0; + visibility: hidden; + transition: opacity 0.3s, visibility 0.3s; + cursor: default; +}