82 lines
2.0 KiB
CSS
82 lines
2.0 KiB
CSS
/* Linkkf Theme Variables & Overrides */
|
|
:root {
|
|
--forest-950: #022c22;
|
|
--forest-900: #064e3b;
|
|
--forest-800: #065f46;
|
|
--forest-500: #10b981;
|
|
--forest-400: #34d399;
|
|
--forest-100: #d1fae5;
|
|
--accent-amber: #fbbf24;
|
|
|
|
/* Shared Notify Variables */
|
|
--notify-bg: rgba(2, 44, 34, 0.95);
|
|
--notify-border: rgba(16, 185, 129, 0.3);
|
|
--notify-success-bg: rgba(6, 78, 59, 0.95);
|
|
--notify-warning-bg: rgba(120, 53, 15, 0.95);
|
|
--notify-danger-bg: rgba(127, 29, 29, 0.95);
|
|
}
|
|
|
|
body {
|
|
background-color: var(--forest-950) !important;
|
|
color: #ecfdf5;
|
|
}
|
|
|
|
/* Shared Nav-Pills Styles */
|
|
ul.nav.nav-pills.bg-light {
|
|
background-color: rgba(6, 78, 59, 0.4) !important;
|
|
backdrop-filter: blur(10px);
|
|
border: 1px solid rgba(16, 185, 129, 0.1);
|
|
border-radius: 50rem !important;
|
|
padding: 6px !important;
|
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
|
|
display: inline-flex !important;
|
|
gap: 4px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
ul.nav.nav-pills .nav-link {
|
|
color: #d1fae5 !important;
|
|
font-weight: 600 !important;
|
|
padding: 8px 20px !important;
|
|
border-radius: 50rem !important;
|
|
transition: all 0.3s ease !important;
|
|
border: 1px solid transparent !important;
|
|
}
|
|
|
|
ul.nav.nav-pills .nav-link:hover {
|
|
background-color: rgba(16, 185, 129, 0.1) !important;
|
|
color: #fff !important;
|
|
transform: translateY(-1px);
|
|
}
|
|
|
|
ul.nav.nav-pills .nav-link.active {
|
|
background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
|
|
color: #fff !important;
|
|
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
|
|
}
|
|
|
|
/* Common Layout Wrapper */
|
|
.linkkf-common-wrapper {
|
|
max-width: 1400px;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
transition: opacity 0.5s ease-out;
|
|
}
|
|
|
|
.linkkf-common-wrapper.content-cloak {
|
|
opacity: 0;
|
|
}
|
|
|
|
.linkkf-common-wrapper.visible {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Mobile Adjustments */
|
|
@media (max-width: 768px) {
|
|
ul.nav.nav-pills.bg-light {
|
|
width: 100% !important;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
}
|