add custom scrollbar

aswinzz · aswinzz · commit 142995ed2610 · 2017-12-12T22:10:50.000+05:30
diff --git a/index.html b/index.html
@@ -21,7 +21,7 @@
     <link href="static/css/hover-min.css" rel="stylesheet" media="all">
     <link rel="stylesheet" type="text/css" href="static/css/cards.css">
 </head>
-<body>
+<body style="overflow-y:scroll;overflow-x:hidden;">
         <!--[if lte IE 9]>
             <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
         <![endif]-->
diff --git a/static/css/main.css b/static/css/main.css
@@ -16,6 +16,24 @@ html {
     line-height: 1.4;
 }
 
+
+/* Scrollbar Styling */
+::-webkit-scrollbar {
+    width: 4px;
+}
+ 
+::-webkit-scrollbar-track {
+    background-color: #ffffff;
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+    background: linear-gradient(330deg, #4C4491 0%, #FD5C63 100%); 
+}
+
 /*
  * Remove text-shadow in selection highlight:
  * https://twitter.com/miketaylr/status/12228805301
