Minor code cleanup

2 files changed, 167 insertions, 0 deletions

diff --git a/styles/style.css b/styles/style.css
new file mode 100644
index 0000000..f6b8313
--- /dev/null
+++ b/styles/style.css
@@ -0,0 +1,124 @@
+html,
+body {
+  height: 100%;
+  margin: 0
+}
+
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+::-webkit-scrollbar-track {
+  background: #474A5E; 
+}
+ 
+::-webkit-scrollbar-thumb {
+  background: #63677C; 
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #555; 
+}
+::-webkit-scrollbar-corner { 
+  background: #63677C
+}
+
+.flex-wrapper {
+  display: flex;
+  flex-flow: column;
+  height: 100%;
+}
+
+.flex-wrapper .row.header {
+  flex: 0 1 auto;
+  background-color: #474A5E;
+  color: white;
+}
+
+.flex-wrapper .row.content {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.flex-wrapper .row.footer {
+  flex: 0 1 auto;
+  background-color: #474A5E;
+  color: white;
+  display: flex;
+  flex-direction: row;
+  font-family: monospace;
+  align-items: center;
+}
+
+.flex-wrapper .row .split-row {
+  overflow: auto;
+}
+
+.gutter {
+    background-color: #474A5E;
+    background-repeat: no-repeat;
+    background-position: 50%;
+}
+
+.gutter.gutter-vertical {
+    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
+    cursor: ns-resize;
+}
+
+.gutter.gutter-horizontal {
+    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
+    cursor: ew-resize;
+}
+
+.CodeMirror {
+  height: 100%;
+}
+
+.results-row {
+  color: #ffffff;
+  background-color: #282a36;
+  font-family: monospace;
+}
+
+#result-error {
+  padding: 5px;
+}
+
+#execution-status {
+  padding: 2px;
+  flex-basis: 60px;
+  text-align: center;
+  font-weight: bold;
+}
+
+#execution-time {
+  /* background-color: green; */
+  flex-basis: auto;
+  padding: 2px 10px;
+}
+
+#row-count {
+  background-color: blue;
+  flex-basis: auto;
+}
+
+.exec-idle {
+  background-color: gray;
+}
+
+.exec-running {
+  background-color: yellow;
+  color: black;
+}
+
+.exec-ok {
+  background-color: green;
+}
+
+.exec-error {
+  background-color: red;
+  color: black;
+}
\ No newline at end of file
diff --git a/styles/table-style.css b/styles/table-style.css
new file mode 100644
index 0000000..fda66d0
--- /dev/null
+++ b/styles/table-style.css
@@ -0,0 +1,43 @@
+table.dataTable thead .sorting {
+  background-image: url("./images/sort_both.png"); 
+}
+table.dataTable thead .sorting_asc {
+  background-image: url("./images/sort_asc.png"); 
+}
+table.dataTable thead .sorting_desc {
+  background-image: url("./images/sort_desc.png"); 
+}
+table.dataTable thead .sorting_asc_disabled {
+  background-image: url("./images/sort_asc_disabled.png"); 
+}
+table.dataTable thead .sorting_desc_disabled {
+  background-image: url("./images/sort_desc_disabled.png"); 
+}
+table.dataTable tbody tr {
+  background-color: #282a36; 
+}
+table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
+  background-color: #474A5E; 
+}
+table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
+  background-color: #262834; 
+}
+table.dataTable.order-column tbody tr > .sorting_1,
+table.dataTable.order-column tbody tr > .sorting_2,
+table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
+table.dataTable.display tbody tr > .sorting_2,
+table.dataTable.display tbody tr > .sorting_3 {
+  background-color: #4F4837; 
+}
+table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
+  background-color: #897E63; 
+}
+table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
+  background-color: #897E63; 
+}
+table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
+  background-color: #4F4837;
+}
+table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
+  background-color: #242631; 
+}
\ No newline at end of file