[ Mini Kiebo ]
Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64
Path:
D:
/
xampp
/
htdocs
/
repository_afbs
/
assets
/
css
/
[
Home
]
File: style.css
/* ===== VARIABLES ===== */ :root { --primary-color: #0d6efd; --secondary-color: #6c757d; --success-color: #28a745; --info-color: #17a2b8; --warning-color: #ffc107; --danger-color: #dc3545; --dark-color: #343a40; --light-color: #f8f9fa; --font-primary: 'Poppins', sans-serif; --font-secondary: 'Open Sans', sans-serif; --shadow-sm: 0 2px 4px rgba(0,0,0,0.05); --shadow-md: 0 4px 6px rgba(0,0,0,0.1); --shadow-lg: 0 10px 15px rgba(0,0,0,0.1); --border-radius: 8px; } /* ===== GLOBAL STYLES ===== */ body { font-family: var(--font-primary); color: #333; line-height: 1.6; overflow-x: hidden; } a { text-decoration: none; transition: all 0.3s ease; } a:hover { color: var(--primary-color); } /* ===== TYPOGRAPHY ===== */ h1, h2, h3, h4, h5, h6 { font-weight: 600; margin-bottom: 1rem; } .display-1, .display-2, .display-3, .display-4 { font-weight: 700; } /* ===== BUTTONS ===== */ .btn { border-radius: var(--border-radius); font-weight: 500; padding: 0.5rem 1.5rem; transition: all 0.3s ease; } .btn-primary { background: linear-gradient(135deg, var(--primary-color) 0%, #0056b3 100%); border: none; } .btn-primary:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); } .btn-outline-primary:hover { transform: translateY(-2px); } /* ===== CARDS ===== */ .card { border: none; border-radius: var(--border-radius); box-shadow: var(--shadow-sm); transition: all 0.3s ease; } .card:hover { box-shadow: var(--shadow-md); transform: translateY(-5px); } .card-header { background-color: white; border-bottom: 2px solid #f0f0f0; font-weight: 600; } /* ===== THESIS CARDS ===== */ .thesis-card { border-left: 4px solid var(--primary-color); } .thesis-card .card-title { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; } .thesis-card .card-title a { color: var(--dark-color); } .thesis-card .card-title a:hover { color: var(--primary-color); } /* ===== SEARCH SECTION ===== */ .search-section { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 3rem 0; margin-bottom: 2rem; } .search-box { background: white; border-radius: 50px; padding: 0.5rem; box-shadow: var(--shadow-lg); } .search-box input { border: none; padding: 0.75rem 1.5rem; width: 100%; } .search-box input:focus { outline: none; } .search-box button { border-radius: 50px; padding: 0.75rem 2rem; } /* ===== STATS BOX ===== */ .stats-box { background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); border-radius: var(--border-radius); padding: 1.5rem; color: white; } .stats-box h3 { font-size: 2.5rem; font-weight: 700; margin-bottom: 0.25rem; } .stats-box p { margin-bottom: 0; opacity: 0.9; } /* ===== FOOTER ===== */ .footer { background: var(--dark-color); color: white; padding: 3rem 0 1.5rem; } .footer a { color: rgba(255,255,255,0.7); } .footer a:hover { color: white; padding-left: 5px; } .social-links a { display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; background: rgba(255,255,255,0.1); border-radius: 50%; margin-right: 0.5rem; } .social-links a:hover { background: var(--primary-color); transform: translateY(-3px); } /* ===== PAGINATION ===== */ .pagination { margin-top: 2rem; } .page-link { color: var(--primary-color); border: none; margin: 0 0.25rem; border-radius: var(--border-radius); } .page-item.active .page-link { background: linear-gradient(135deg, var(--primary-color) 0%, #0056b3 100%); border-color: transparent; } /* ===== LOADING SPINNER ===== */ .loading-spinner { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; background: rgba(255,255,255,0.9); padding: 2rem; border-radius: var(--border-radius); box-shadow: var(--shadow-lg); } /* ===== SCROLL TO TOP ===== */ .scroll-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 99; opacity: 0; transition: all 0.3s ease; } .scroll-to-top.show { opacity: 1; } /* ===== COOKIE CONSENT ===== */ .cookie-consent { position: fixed; bottom: 0; left: 0; right: 0; background: var(--dark-color); color: white; padding: 1rem 0; z-index: 1000; animation: slideUp 0.5s ease; } @keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } } /* ===== RESPONSIVE ===== */ @media (max-width: 768px) { .stats-box { margin-bottom: 1rem; } .stats-box h3 { font-size: 1.8rem; } .search-box { border-radius: var(--border-radius); } .search-box button { margin-top: 0.5rem; width: 100%; } .footer { text-align: center; } .social-links { justify-content: center; } } /* ===== PRINT STYLES ===== */ @media print { .navbar, .footer, .btn, .search-section { display: none !important; } .card { box-shadow: none; border: 1px solid #ddd; } } /* ===== CUSTOM SCROLLBAR ===== */ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 5px; } ::-webkit-scrollbar-thumb:hover { background: #0056b3; }