90 lines
2.3 KiB
CSS
90 lines
2.3 KiB
CSS
/* Hide scrollbar for Chrome, Safari and Opera */
|
|
.hide-scrollbar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* Hide scrollbar for IE, Edge and Firefox */
|
|
.hide-scrollbar {
|
|
-ms-overflow-style: none; /* IE and Edge */
|
|
scrollbar-width: none; /* Firefox */
|
|
}
|
|
|
|
|
|
/* Media query to target touch devices */
|
|
@media (pointer: coarse) {
|
|
.hide-scrollbar-mobile {
|
|
/* Apply scrollbar hiding styles only on touch devices */
|
|
-ms-overflow-style: none; /* IE and Edge */
|
|
scrollbar-width: none; /* Firefox */
|
|
}
|
|
|
|
.hide-scrollbar-mobile::-webkit-scrollbar {
|
|
display: none; /* Hide scrollbar for WebKit browsers */
|
|
}
|
|
}
|
|
|
|
|
|
/* Custom duration for aos animation script */
|
|
body[data-aos-duration='3500'] [data-aos],
|
|
[data-aos][data-aos][data-aos-duration='3500'] {
|
|
transition-duration: 3500ms;
|
|
}
|
|
body[data-aos-duration='4000'] [data-aos],
|
|
[data-aos][data-aos][data-aos-duration='4000'] {
|
|
transition-duration: 4000ms;
|
|
}
|
|
body[data-aos-duration='4500'] [data-aos],
|
|
[data-aos][data-aos][data-aos-duration='4500'] {
|
|
transition-duration: 4500ms;
|
|
}
|
|
body[data-aos-duration='5000'] [data-aos],
|
|
[data-aos][data-aos][data-aos-duration='5000'] {
|
|
transition-duration: 5000ms;
|
|
}
|
|
|
|
|
|
|
|
/* Custom delay for aos animation script */
|
|
body[data-aos-delay='3500'] [data-aos],
|
|
[data-aos][data-aos][data-aos-delay='3500'] {
|
|
transition-delay: 3500ms;
|
|
}
|
|
body[data-aos-delay='4000'] [data-aos],
|
|
[data-aos][data-aos][data-aos-delay='4000'] {
|
|
transition-delay: 4000ms;
|
|
}
|
|
body[data-aos-delay='4500'] [data-aos],
|
|
[data-aos][data-aos][data-aos-delay='4500'] {
|
|
transition-delay: 4500ms;
|
|
}
|
|
body[data-aos-delay='5000'] [data-aos],
|
|
[data-aos][data-aos][data-aos-delay='5000'] {
|
|
transition-delay: 5000ms;
|
|
}
|
|
|
|
|
|
|
|
/* Custom scrollbar styles */
|
|
/* For WebKit browsers (Chrome, Safari) */
|
|
::-webkit-scrollbar {
|
|
width: 12px; /* Width of the scrollbar */
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #232323; /* Background of the scrollbar track */
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #9370db; /* Color of the scrollbar thumb */
|
|
border-radius: 0px; /* Rounded corners for the thumb */
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #9E7EDF; /* Color of the thumb on hover */
|
|
}
|
|
|
|
/* For Firefox */
|
|
scrollbar-width: thin; /* Makes the scrollbar thinner */
|
|
scrollbar-color: #9370db #232323; /* thumb color and track color */
|