MCSM:Webconsole: затенеие верхней и нижней границ

mcserver-manager/build.gradle

@@ -1,5 +1,5 @@
 group = 'asys'
-version = '0.10.5-SNAPSHOT'
+version = '0.10.6-SNAPSHOT'
 
 apply plugin: 'osgi'
 

mcserver-manager/src/main/resources/moduleStyle.css

@@ -3,7 +3,7 @@
     color: #eee;
     min-height: 500px;
     height: 1px;
-    padding: 8px;
+    padding: 0 8px 0 8px;
     font-family: monospace;
     position: relative;
 }
@@ -13,12 +13,35 @@
     height: 100%;
 }
 
+#webconsole .output .wrapper::before {
+    content: '';
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 5%;
+    background: linear-gradient(#1e1e1e 0%, rgba(30,30,30,0) 100%);
+}
+
+#webconsole .output .wrapper::after {
+    content: '';
+    position: absolute;
+    z-index: 1;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 5%;
+    background: linear-gradient(rgba(30,30,30,0) 0%, #1e1e1e 100%);
+}
+
 #webconsole .output .wrapper .content {
     overflow: auto;
     height: 100%;
     position: relative;
     right: -18px;
     margin-left: -18px;
+    padding: 8px 0 8px 0;
 }
 
 #webconsole .output .wrapper .content p {
@@ -43,6 +66,7 @@
     cursor: -webkit-grab;
     cursor: -moz-grab;
     right: 0;
+    z-index: 1;
 }
 
 .scroll-grabbed,