:root { --ua-green-dark: #0b3d26; --ua-green-primary: #0f5132; --ua-green-light: #198754; --ua-gold: #ffc107; --ua-bg-subtle: #f8f9fa; } .ua-pbj-wrapper-full { font-family: 'Inter', system-ui, -apple-system, sans-serif; width: 100%; margin: 0; padding: 0; box-sizing: border-box; } .ua-pbj-card-full { background: #ffffff; width: 100%; border-radius: 0; border: none; box-shadow: none; overflow: hidden; } /* Header Section & Mengunci Judul Header Tetap Putih */ .ua-pbj-header-center { background: linear-gradient(135deg, var(--ua-green-dark) 0%, var(--ua-green-light) 100%); color: #ffffff; padding: 1.5rem 1rem; text-align: center; display: flex; justify-content: center; align-items: center; width: 100%; box-sizing: border-box; } .ua-pbj-header-center h3, .ua-pbj-header-center h3 span, .ua-pbj-header-center h3 svg { color: #ffffff !important; fill: #ffffff !important; } .ua-pbj-header-center h3 { margin: 0; font-size: 1.35rem; font-weight: 700; letter-spacing: -0.2px; display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; } /* Body Content */ .ua-pbj-body-full { padding: 1.5rem 2rem; background-color: var(--ua-bg-subtle); width: 100%; box-sizing: border-box; } /* Grid Layout */ .ua-pbj-grid-full { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; margin-bottom: 1.5rem; width: 100%; } .ua-pbj-item-clean { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 1.25rem 1.5rem; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .ua-pbj-item-clean:hover { transform: translateY(-2px); box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.06); border-color: #cbd5e1; } .ua-pbj-item-clean.full-width { grid-column: span 2; } .ua-item-title-clean { font-size: 1rem; font-weight: 700; color: #1e293b; line-height: 1.4; margin: 0 0 1rem 0; } /* Buttons & SVG Icons Styling */ .ua-btn-group-clean { display: flex; flex-wrap: wrap; gap: 0.75rem; } .ua-link-btn-clean { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.6rem 1.1rem; font-size: 0.88rem; font-weight: 600; color: var(--ua-green-primary); background-color: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; text-decoration: none; transition: all 0.2s ease; } .ua-link-btn-clean:hover { background-color: var(--ua-green-primary); color: #ffffff; border-color: var(--ua-green-primary); box-shadow: 0 4px 12px rgba(15, 81, 50, 0.2); } .ua-link-btn-clean svg { width: 16px; height: 16px; fill: currentColor; flex-shrink: 0; } /* Footer Action Section */ .ua-pbj-footer-clean { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 1.25rem; display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap; width: 100%; box-sizing: border-box; } .ua-modal-btn-clean { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.75rem 1.5rem; background-color: #ffffff; color: var(--ua-green-primary); border: 1.5px solid var(--ua-green-primary); border-radius: 8px; font-weight: 600; font-size: 0.9rem; text-decoration: none; transition: all 0.2s ease; flex: 1; justify-content: center; min-width: 280px; cursor: pointer; } .ua-modal-btn-clean:hover { background-color: var(--ua-green-primary); color: #ffffff; box-shadow: 0 4px 12px rgba(15, 81, 50, 0.2); } .ua-modal-btn-clean .dot-gold { width: 8px; height: 8px; background-color: var(--ua-gold); border-radius: 50%; flex-shrink: 0; } /* STYLING POP-UP MODAL */ .ua-popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px); z-index: 999999; display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .ua-popup-overlay.active { opacity: 1; visibility: visible; } .ua-popup-container { background: #ffffff; width: 90%; max-width: 900px; height: 85vh; border-radius: 12px; box-shadow: 0 20px 40px rgba(0,0,0,0.3); display: flex; flex-direction: column; overflow: hidden; transform: scale(0.9); transition: transform 0.3s ease; } .ua-popup-overlay.active .ua-popup-container { transform: scale(1); } .ua-popup-header { background: var(--ua-green-dark); color: #ffffff; padding: 1rem 1.25rem; display: flex; justify-content: space-between; align-items: center; } .ua-popup-header h4 { margin: 0; font-size: 1.1rem; color: #ffffff !important; font-weight: 600; } .ua-popup-close { background: transparent; border: none; color: #ffffff; font-size: 1.5rem; cursor: pointer; line-height: 1; padding: 0 0.5rem; } .ua-popup-body { flex: 1; width: 100%; height: 100%; background: #ffffff; } .ua-popup-body iframe { width: 100%; height: 100%; border: none; } /* Media Queries Responsive */ @media (max-width: 768px) { .ua-pbj-body-full { padding: 1rem; } .ua-pbj-grid-full { grid-template-columns: 1fr; } .ua-pbj-item-clean.full-width { grid-column: span 1; } .ua-btn-group-clean { width: 100%; } .ua-link-btn-clean, .ua-modal-btn-clean { width: 100%; justify-content: center; } .ua-popup-container { width: 95%; height: 90vh; } } Pengadaan Barang & Jasa LPSE Universitas Andalas Kunjungi Portal LPSE Dokumen Rencana Umum Pengadaan (RUP) 2026 Rekap RUP / SIRUP Regulasi & Peraturan Rektor Regulasi LKPP Peraturan Rektor Paket & Nilai Pagu Tertinggi (LPSE) Paket 1 (Jogging Track) Paket 2 (Lanjutan CH FISIP Tahap 3) Dokumen Tahap Pemilihan & Pelaksanaan Tata Cara Permohonan Informasi Dokumen × document.addEventListener('DOMContentLoaded', function() { const popupOverlay = document.getElementById('uaPopupOverlay'); const popupIframe = document.getElementById('uaPopupIframe'); const popupTitle = document.getElementById('uaPopupTitle'); const popupClose = document.getElementById('uaPopupClose'); const openBtns = document.querySelectorAll('.open-ua-popup'); openBtns.forEach(btn => { btn.addEventListener('click', function(e) { e.preventDefault(); const url = this.getAttribute('href'); const title = this.getAttribute('data-title') || 'Informasi'; popupTitle.textContent = title; popupIframe.src = url; popupOverlay.classList.add('active'); }); }); function closePopup() { popupOverlay.classList.remove('active'); popupIframe.src = ''; } popupClose.addEventListener('click', closePopup); popupOverlay.addEventListener('click', function(e) { if (e.target === popupOverlay) { closePopup(); } }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && popupOverlay.classList.contains('active')) { closePopup(); } }); });
