File manager - Edit - /var/www/ratemypay/resources/css/app.css
Back
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap'); @tailwind base; @tailwind components; @tailwind utilities; :root { --theme-primary-color: #2F3D7E; --theme-secondary-color: #F76C5E; } body { /* margin-bottom: 100px; */ } .primary-color { color: var(--theme-primary-color); } .primary-bg { background-color: var(--theme-primary-color); } .secondary-color { color: var(--theme-secondary-color); } .secondary-bg { background-color: var(--theme-secondary-color); } body { font-family: "Montserrat", sans-serif; font-size: 16px; background-color: #FAFAFA; } header a { position: relative; padding-top: 10px; padding-bottom: 10px; text-decoration: none; color: #000; transition: color 0.3s; font-family: Montserrat; font-weight: 300; /* font-size: 18px; */ letter-spacing: 0px; } header a.active, header a:hover { color: var(--theme-primary-color) } .main-header a.active::after, .main-header a:hover::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; background-repeat: no-repeat; height: 7px; /* Match your SVG height */ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 7'%3E%3Cellipse cx='3.3182' cy='3.3871' rx='3.3182' ry='3.3871' fill='%23F76B5C'/%3E%3Crect x='11.0605' width='25.4395' height='6.77419' rx='3.3871' fill='%232F3D7E'/%3E%3C/svg%3E") repeat-y; transition: all 0.3s; /* Optional smooth appearance */ } .see_salary, .see_salary:hover { background-color: var(--theme-primary-color) !important; color: #fff !important; } .color-yellow { color: #FDC700; } .see_salary:hover::after { content: none !important; } .main_banner { background-image: url(/public/imgs/home_banner_bg.png); background-repeat: no-repeat; background-size: cover; height: 600px; } /* dashboard */ @layer components { aside a.active { @apply bg-blue-50 text-blue-700 font-medium border-r-4 border-blue-700; } } .profile-cover {} /* Ping Animation for Live Badge */ @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } .animate-ping { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } /* Smooth transitions for hover states */ .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; } /* Sticky positioning for sidebar */ @media (min-width: 1024px) { .lg\:sticky { position: sticky; } .lg\:top-24 { top: 6rem; } } /* Custom scrollbar for autocomplete dropdowns */ .overflow-auto::-webkit-scrollbar { width: 6px; } .overflow-auto::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } .overflow-auto::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } .overflow-auto::-webkit-scrollbar-thumb:hover { background: #555; } /* Blur effect for decorative elements */ .blur-xl { filter: blur(40px); } /* Focus states for inputs */ .focus-within\:border-\[\#2F3D7E\]:focus-within { border-color: #2F3D7E; } .focus-within\:bg-white:focus-within { background-color: white; } /* Group hover effects */ .group:hover .group-hover\:scale-110 { transform: scale(1.1); } .group:hover .group-hover\:text-\[\#2F3D7E\] { color: #2F3D7E; } .group:hover .group-hover\:shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } /* Shadow utilities */ .shadow-blue-900\/20 { box-shadow: 0 10px 15px -3px rgba(30, 58, 138, 0.2); } .shadow-blue-900\/5 { box-shadow: 0 10px 15px -3px rgba(30, 58, 138, 0.05); } /* Tracking tight for headings */ .tracking-tight { letter-spacing: -0.025em; } /* Object cover for images */ .object-cover { object-fit: cover; }
| ver. 1.4 |
Github
|
.
| PHP 8.3.30 | Generation time: 0 |
proxy
|
phpinfo
|
Settings