From 58114f817ce9513b354d3ef6ccd5e4189d2656d2 Mon Sep 17 00:00:00 2001
From: Patrick Kuo <patrick.kuo@r3.com>
Date: Thu, 8 Jun 2017 16:54:54 +0100
Subject: [PATCH] A better looking scrollbar css for corda explorer (#802)

---
 .../net/corda/explorer/css/corda.css          | 41 ++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

diff --git a/tools/explorer/src/main/resources/net/corda/explorer/css/corda.css b/tools/explorer/src/main/resources/net/corda/explorer/css/corda.css
index 22371e2edc..5649dd0d88 100644
--- a/tools/explorer/src/main/resources/net/corda/explorer/css/corda.css
+++ b/tools/explorer/src/main/resources/net/corda/explorer/css/corda.css
@@ -269,4 +269,43 @@
 
 .connection-bank-to-regulator {
     -fx-stroke: red;
-}
\ No newline at end of file
+}
+
+.scroll-bar:horizontal .track,
+.scroll-bar:vertical .track {
+    -fx-background-color: transparent;
+    -fx-border-color: transparent;
+    -fx-background-radius: 0em;
+    -fx-border-radius: 2em;
+}
+
+.scroll-bar:horizontal .increment-button,
+.scroll-bar:horizontal .decrement-button {
+    -fx-background-color: transparent;
+    -fx-background-radius: 0em;
+    -fx-padding: 0 0 10 0;
+}
+
+.scroll-bar:vertical .increment-button,
+.scroll-bar:vertical .decrement-button {
+    -fx-background-color: transparent;
+    -fx-background-radius: 0em;
+    -fx-padding: 0 10 0 0;
+}
+
+.scroll-bar .increment-arrow,
+.scroll-bar .decrement-arrow {
+    -fx-shape: " ";
+    -fx-padding: 0;
+}
+
+.scroll-bar:horizontal .thumb,
+.scroll-bar:vertical .thumb {
+    -fx-background-color: derive(black, 90%);
+    -fx-background-insets: 2, 0, 0;
+    -fx-background-radius: 2em;
+}
+
+.scroll-bar:vertical {
+    -fx-background-color: transparent;
+}