/* ===== Judul Sidebar ===== */ .sidebar-title { font-family: 'Poppins', sans-serif; font-size: 16px; color: #222; border-left: 5px solid #007bff; padding-left: 10px; margin-bottom: 8px; font-weight: 600; } /* ===== Container Scrolling ===== */ .scroll-post-container { position: relative; height: 180px; /* tinggi area scroll */ overflow: hidden; background: #f8f9fa; border-radius: 8px; padding: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } .scroll-post-container ul { list-style: none; margin: 0; padding: 0; animation: scroll-up 15s linear infinite; } .scroll-post-container li { padding: 6px 0; font-size: 14px; border-bottom: 1px dashed #ccc; } .scroll-post-container a { color: #333; text-decoration: none; transition: color 0.3s; } .scroll-post-container a:hover { color: #007bff; text-decoration: underline; } /* Animasi scroll ke atas */ @keyframes scroll-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } /* Responsif */ @media (max-width: 768px) { .scroll-post-container { height: 140px; } }