38751-vm/assets/css/custom.css
Flatlogic Bot e29fd2b9e8 Tema
2026-02-25 00:04:12 +00:00

88 lines
1.8 KiB
CSS

body {
font-family: 'Inter', sans-serif;
background-color: #F8FAFC;
color: #263238;
}
.bg-pattern {
background-image:
radial-gradient(at 0% 0%, hsla(142, 69%, 58%, 0.05) 0, transparent 50%),
radial-gradient(at 50% 0%, hsla(142, 69%, 58%, 0.02) 0, transparent 50%),
radial-gradient(at 100% 0%, hsla(142, 69%, 58%, 0.05) 0, transparent 50%);
background-attachment: fixed;
}
.hover-lift {
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.hover-lift:hover {
transform: translateY(-5px);
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1) !important;
}
.line-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.floating-animation {
animation: floating 3s ease-in-out infinite;
}
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}
.btn-success {
background-color: #00C853;
border-color: #00C853;
box-shadow: 0 4px 14px 0 rgba(0, 200, 83, 0.3);
}
.btn-success:hover {
background-color: #00B248;
border-color: #00B248;
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(0, 200, 83, 0.23);
}
.text-success {
color: #00C853 !important;
}
.bg-success {
background-color: #00C853 !important;
}
.bg-success-subtle {
background-color: #E8F5E9 !important;
}
.btn-white {
background-color: #FFFFFF;
color: #00C853;
border: none;
}
.btn-white:hover {
background-color: #F5F7F9;
color: #00B248;
}
.rounded-4 { border-radius: 1rem !important; }
.rounded-5 { border-radius: 1.5rem !important; }
.navbar-brand i {
font-size: 1.5rem;
vertical-align: middle;
}
.navbar {
backdrop-filter: blur(10px);
background-color: rgba(255, 255, 255, 0.8) !important;
}