gstlal.css: update vis

gstlal-ugly/share/vis/gstlal.css

 body {
 	font: 11pt verdana;
 	color: #ecf0f1;
-	background-color: #2c3e50;
+	background-color: #95a5a6;
+	overflow-y: hidden;
+	margin: 0px;
+	padding-top: 0px;
+	padding-right: 10px;
+	padding-bottom: 10px;
+	padding-left: 10px;
 }
 
 summary {
@@ -10,7 +16,7 @@ summary {
 	padding-right: 10px;
 	padding-bottom: 10px;
 	padding-left: 10px;
-	outline-color: #ecf0f1;
+	outline-color: #2c3e50;
 }
 
 table {
@@ -18,14 +24,10 @@ table {
 }
 
 caption {
-	color: #ecf0f1;
+	color: #2c3e50;
 }
 
 img {
-	padding-top: 5px;
-	padding-right: 5px;
-	padding-bottom: 5px;
-	padding-left: 5px;
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 
@@ -36,7 +38,6 @@ div.google-visualization-tooltip {
 /* Style the list */
 ul.tab {
     list-style-type: none;
-    padding: 5px 5px 15px 5px;
 }
 
 /* Float the list items side by side */
@@ -45,14 +46,28 @@ ul.tab li {float: left;}
 /* Style the links inside the list items */
 ul.tab li a {
     display: inline-block;
-    color: #ecf0f1;
+    color: #2c3e50;
+    vertical-align: middle;
     text-align: center;
-    padding: 10px 12px;
+    line-height: 50px;
+    padding: 0px 10px 0px 10px;
     text-decoration: none;
     transition: 0.3s;
     font-size: 10pt;
 }
 
+/* Style the links inside the list items */
+ul.tab li div {
+    display: inline-block;
+    color: #ecf0f1;
+    vertical-align: middle;
+    text-align: center;
+    line-height: 50px;
+    padding: 0px 20px 0px 20px;
+    text-decoration: none;
+    font-size: 10pt;
+}
+
 /* Style the form inside the list items */
 ul.tab li input {
     display: inline-block;
@@ -71,10 +86,22 @@ ul.tab li a:focus, .active {background-color: #ccc;}
 
 /* Style the tab content */
 .tabcontent {
-    display: none;
+	display: none;
+	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+	background-color: #ecf0f1;
+	color: #2c3e50;
+	width: 98.5%;
+	height: 88%;
 }
 
-
+div.tabcontent {
+	padding-top: 10px;
+	padding-right: 10px;
+	padding-bottom: 10px;
+	padding-left: 10px;
+	overflow-y: scroll;
+	overflow-x: visible;
+}
 .tabcontent {
     -webkit-animation: fadeEffect 1s;
     animation: fadeEffect 1s; /* Fading effect takes 1 second */
@@ -85,6 +112,12 @@ ul.tab li a:focus, .active {background-color: #ccc;}
     to {opacity: 1;}
 }
 
+
+::-webkit-scrollbar {
+    width: 0px;  /* remove scrollbar space */
+    background: transparent;  /* optional: just make scrollbar invisible */
+}
+
 @keyframes fadeEffect {
     from {opacity: 0;}
     to {opacity: 1;}