diff --git a/about us.css b/about us.css index 86256818..53d570b6 100644 --- a/about us.css +++ b/about us.css @@ -17,6 +17,34 @@ body { background-size: cover; */ } +::-webkit-scrollbar { + width: 10px; + background-color: #F5F5F5; +} + +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: #F5F5F5; +} + +::-webkit-scrollbar-thumb { + background-color: #f1c11a; + background-image: -webkit-linear-gradient(45deg, + rgba(255, 255, 255, .2) 25%, + transparent 25%, + transparent 50%, + rgba(255, 255, 255, .2) 50%, + rgba(255, 255, 255, .2) 75%, + transparent 75%, + transparent); + border-radius: 10px; +} + +::-webkit-scrollbar-thumb:hover { + background-color: #d1a10a; +} + + @keyframes fadeIn { 0% { opacity: 0; diff --git a/index.html b/index.html index 6a63a5b8..bbffe36e 100644 --- a/index.html +++ b/index.html @@ -1211,7 +1211,7 @@

Let's get in touch

- + @@ -1743,4 +1743,4 @@

Thank you for your Feedback!🧡

- \ No newline at end of file + diff --git a/member.html b/member.html index 41528ff5..bd1611bf 100644 --- a/member.html +++ b/member.html @@ -48,7 +48,34 @@ z-index: 1000; margin-bottom: 10px; } - + + ::-webkit-scrollbar { + width: 10px; + background-color: #F5F5F5; + } + + ::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: #F5F5F5; + } + + ::-webkit-scrollbar-thumb { + background-color: #f1c11a; + background-image: -webkit-linear-gradient(45deg, + rgba(255, 255, 255, .2) 25%, + transparent 25%, + transparent 50%, + rgba(255, 255, 255, .2) 50%, + rgba(255, 255, 255, .2) 75%, + transparent 75%, + transparent); + border-radius: 10px; + } + + ::-webkit-scrollbar-thumb:hover { + background-color: #d1a10a; + } + .scrollToTopBtn:hover { background-color: #484848; } diff --git a/ourprogram.css b/ourprogram.css index f4cfd126..98fa4695 100644 --- a/ourprogram.css +++ b/ourprogram.css @@ -10,6 +10,33 @@ color: #333; } + ::-webkit-scrollbar { + width: 10px; + background-color: #F5F5F5; + } + + ::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); + background-color: #F5F5F5; + } + + ::-webkit-scrollbar-thumb { + background-color: #f1c11a; + background-image: -webkit-linear-gradient(45deg, + rgba(255, 255, 255, .2) 25%, + transparent 25%, + transparent 50%, + rgba(255, 255, 255, .2) 50%, + rgba(255, 255, 255, .2) 75%, + transparent 75%, + transparent); + border-radius: 10px; + } + + ::-webkit-scrollbar-thumb:hover { + background-color: #d1a10a; + } + header { background: linear-gradient( rgb(255, 128, 1), rgb(255, 206, 10)); color: #fff;