Merge pull request #134 from TheEssenceOfDarkness/patch-1

Add custom scrollbars for WebKit based browsers.

src/css/livesplit.css

@@ -132,7 +132,7 @@ body {
 }
 
 .sidebar > div > div.small > button {
-    width: 125px;
+    width: 50%;
     height: 40px;
     font-size: 18px;
 }
@@ -144,7 +144,7 @@ body {
 }
 
 .choose-comparison > span {
-    width: 190px;
+    width: calc(100% - 60px);
     text-align: center;
     display: inline-block;
     font-size: 20px;
@@ -462,7 +462,7 @@ button {
 }
 
 .sidebar-buttons > button {
-    width: 250px;
+    width: 100%;
     height: 40px;
 }
 
@@ -859,3 +859,19 @@ button.disabled, button.button-pressed.disabled, button.disabled:active {
     white-space: nowrap;
     overflow: hidden;
 }
+
+/* WebKit Scrollbars */
+::-webkit-scrollbar {
+    width: 10px
+}
+
+::-webkit-scrollbar-thumb {
+    background-clip: padding-box;
+    background-color: #303030;
+    border: 0px solid #0000;
+    border-radius: 10px
+}
+
+::-webkit-scrollbar-track-piece {
+    background-color: #0000
+}