From f3b855b6d051bd77848669160a10e76bd44e4fa2 Mon Sep 17 00:00:00 2001
From: aggelosQQ <jouflis1@hotmail.com>
Date: Sun, 18 Sep 2016 08:36:40 +0300
Subject: [PATCH] Attempt to style the scrollbar for some browsers

---
 css/main.css | 13 +++++++++++++
 index.html   |  2 +-
 js/main.js   |  3 ++-
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/css/main.css b/css/main.css
index 84928d4..f92d0f5 100644
--- a/css/main.css
+++ b/css/main.css
@@ -235,4 +235,17 @@ i.rules-icon:hover {
 }
 .modal > .modal-footer {
     background: rgba(50, 50, 50, 0.6);
+}
+::-webkit-scrollbar {
+    width: 12px;
+}
+ 
+::-webkit-scrollbar-track {
+    background: rgba(100,100,100,0.1);
+    border-radius: 10px;
+}
+ 
+::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background: rgba(230,230,230,0.3);
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 7dac6ef..a808cd6 100644
--- a/index.html
+++ b/index.html
@@ -47,7 +47,7 @@
                   <li><a href="#rules">Rules</a></li>
                   <li><a href="#staff">Staff</a></li>
                   <li><a href="/masterbuilders/">Masterbuilders</a></li>
-                  <li><a href="http://totalfreedom.boards.net">Forum</a></li>
+                  <li><a href="http://totalfreedom.boards.net" class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="You will be redirected to totalfreedom.boards.net">Forum</a></li>
                </ul>
                <ul class="side-nav" id="mobile">
                   <li><a href="#header">Home</a></li>
diff --git a/js/main.js b/js/main.js
index eae21b6..22a42ae 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,7 +1,8 @@
 $(document).ready(function() {
    $(".button-collapse").sideNav();
    $('.modal-trigger').leanModal();
-        
+   $('.tooltipped').tooltip({delay: 50});
+   
     var interval = 15000;
     var autoRefresh = setTimeout(function() {
             refresh();