69 lines
1.6 KiB
CSS
69 lines
1.6 KiB
CSS
/* Leaderboard_Base.css */
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Arial', sans-serif;
|
|
background: radial-gradient(circle at 20% 20%, #3b0066, #0c001a 70%) fixed;
|
|
background-size: cover;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
overflow-y: auto;
|
|
padding-top: 50px;
|
|
padding-bottom: 50px;
|
|
position: relative;
|
|
}
|
|
|
|
/* Neon Particles */
|
|
#particles {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
.particle {
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 5px;
|
|
border-radius: 50%;
|
|
background: radial-gradient(circle, #00ffff, #0099ff);
|
|
box-shadow: 0 0 10px #00eaff, 0 0 25px #0088ff;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* Leaderboard_Base.css - Bagian Paling Bawah */
|
|
|
|
/* === KUSTOMISASI SCROLLBAR BROWSER UTAMA === */
|
|
/* Lebar Scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 12px;
|
|
background: #0b0015; /* Latar belakang track gelap */
|
|
}
|
|
|
|
/* Track (Jalur) */
|
|
::-webkit-scrollbar-track {
|
|
background: rgba(0, 0, 0, 0.3);
|
|
border-left: 1px solid rgba(255, 255, 255, 0.05);
|
|
}
|
|
|
|
/* Thumb (Batang Scroll) */
|
|
::-webkit-scrollbar-thumb {
|
|
background: linear-gradient(180deg, #3b0066, #ff00ff); /* Gradasi Ungu ke Pink */
|
|
border-radius: 6px;
|
|
border: 3px solid #0b0015; /* Memberi jarak agar terlihat melayang */
|
|
}
|
|
|
|
/* Efek Hover di Scrollbar */
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: linear-gradient(180deg, #5e00a3, #ff33ff);
|
|
box-shadow: 0 0 15px rgba(255, 0, 255, 0.5); /* Efek glow saat disentuh */
|
|
} |