Browse Source

HUE-5710 [core] Move the notebook styles to less

Johan Ahlen 8 years ago
parent
commit
82998023cf

+ 26 - 2
Gruntfile.js

@@ -1,3 +1,21 @@
+/*
+ Licensed to Cloudera, Inc. under one
+ or more contributor license agreements.  See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership.  Cloudera, Inc. licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License.  You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
 module.exports = function(grunt) {
   'use strict';
 
@@ -17,7 +35,9 @@ module.exports = function(grunt) {
         files: {
           'desktop/core/src/desktop/static/desktop/css/hue.css': 'desktop/core/src/desktop/static/desktop/less/hue.less',
           'desktop/core/src/desktop/static/desktop/css/hue3-extra.css': 'desktop/core/src/desktop/static/desktop/less/hue3-extra.less',
-          'apps/metastore/src/metastore/static/metastore/css/metastore.css': 'apps/metastore/src/metastore/static/metastore/less/metastore.less'
+          'apps/metastore/src/metastore/static/metastore/css/metastore.css': 'apps/metastore/src/metastore/static/metastore/less/metastore.less',
+          'desktop/libs/notebook/src/notebook/static/notebook/css/notebook.css': 'desktop/libs/notebook/src/notebook/static/notebook/less/notebook.less',
+          'desktop/libs/notebook/src/notebook/static/notebook/css/notebook-layout.css': 'desktop/libs/notebook/src/notebook/static/notebook/less/notebook-layout.less'
         }
       }
     },
@@ -25,7 +45,11 @@ module.exports = function(grunt) {
       less: {
         files: [
           'desktop/core/src/desktop/static/desktop/less/*.less',
-          'desktop/core/src/desktop/static/desktop/less/**/*.less'
+          'desktop/core/src/desktop/static/desktop/less/**/*.less',
+          'apps/metastore/src/metastore/static/metastore/less/*.less',
+          'apps/metastore/src/metastore/static/metastore/less/**/*.less',
+          'desktop/libs/notebook/src/notebook/static/notebook/less/*.less',
+          'desktop/libs/notebook/src/notebook/static/notebook/less/**/*.less'
         ],
         tasks: ['less']
       }

+ 5 - 17
desktop/libs/notebook/src/notebook/static/notebook/css/notebook-layout.css

@@ -15,23 +15,20 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 */
-
 html {
   height: 100%;
 }
 body {
-  height:100%;
+  height: 100%;
   margin: 0;
   padding: 0;
   background-color: #FFF;
   overflow-y: hidden;
 }
-
 .vertical-full {
-  height:100%;
+  height: 100%;
   padding-right: 1px;
 }
-
 .main-content {
   height: auto;
   width: 100%;
@@ -40,22 +37,19 @@ body {
   bottom: 0;
   background-color: #FFF;
 }
-
 .panel-container {
   position: relative;
 }
-
 .left-panel {
   position: absolute;
   height: 100%;
   overflow: hidden;
   outline: none !important;
 }
-
 .context-panel {
   position: fixed;
   background: #fff;
-  height: calc(100% - 70px);
+  height: calc(30%);
   top: 70px;
   transition: all;
   -webkit-transition-duration: .3s;
@@ -65,31 +59,25 @@ body {
   padding: 10px 0;
   width: 420px;
   right: -440px;
-  box-shadow: 0 0 20px rgba(14, 18, 21, .38);
+  box-shadow: 0 0 20px rgba(14, 18, 21, 0.38);
   outline: none !important;
 }
-
 .context-panel.visible {
   right: 0;
 }
-
 .context-panel .nav-tabs {
   padding-left: 10px;
 }
-
 .context-panel .tab-content {
   padding: 12px;
-  min-height: calc(100% - 90px);
+  min-height: calc(10%);
 }
-
 .context-panel .tab-pane {
   height: 100%;
 }
-
 .content-panel {
   position: absolute;
   height: 100%;
   overflow: auto;
   outline: none !important;
 }
-

File diff suppressed because it is too large
+ 109 - 232
desktop/libs/notebook/src/notebook/static/notebook/css/notebook.css


+ 95 - 0
desktop/libs/notebook/src/notebook/static/notebook/less/notebook-layout.less

@@ -0,0 +1,95 @@
+/*
+ Licensed to Cloudera, Inc. under one
+ or more contributor license agreements.  See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership.  Cloudera, Inc. licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+html {
+  height: 100%;
+}
+body {
+  height:100%;
+  margin: 0;
+  padding: 0;
+  background-color: #FFF;
+  overflow-y: hidden;
+}
+
+.vertical-full {
+  height:100%;
+  padding-right: 1px;
+}
+
+.main-content {
+  height: auto;
+  width: 100%;
+  position: absolute;
+  top: 74px;
+  bottom: 0;
+  background-color: #FFF;
+}
+
+.panel-container {
+  position: relative;
+}
+
+.left-panel {
+  position: absolute;
+  height: 100%;
+  overflow: hidden;
+  outline: none !important;
+}
+
+.context-panel {
+  position: fixed;
+  background: #fff;
+  height: calc(100% - 70px);
+  top: 70px;
+  transition: all;
+  -webkit-transition-duration: .3s;
+  transition-duration: .3s;
+  z-index: 401;
+  overflow-y: auto;
+  padding: 10px 0;
+  width: 420px;
+  right: -440px;
+  box-shadow: 0 0 20px rgba(14, 18, 21, .38);
+  outline: none !important;
+}
+
+.context-panel.visible {
+  right: 0;
+}
+
+.context-panel .nav-tabs {
+  padding-left: 10px;
+}
+
+.context-panel .tab-content {
+  padding: 12px;
+  min-height: calc(100% - 90px);
+}
+
+.context-panel .tab-pane {
+  height: 100%;
+}
+
+.content-panel {
+  position: absolute;
+  height: 100%;
+  overflow: auto;
+  outline: none !important;
+}
+

+ 1156 - 0
desktop/libs/notebook/src/notebook/static/notebook/less/notebook.less

@@ -0,0 +1,1156 @@
+/*
+ Licensed to Cloudera, Inc. under one
+ or more contributor license agreements.  See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership.  Cloudera, Inc. licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+@import (reference) "cui/colors.less";
+@import (reference) "hue-attributes.less";
+
+.snippet-move-placeholder {
+  margin: 10px;
+  height: 100px;
+  background-color: #FAFAFA;
+  border: 2px dotted #CCC;
+}
+
+.snippet-move-helper {
+  margin: 10px;
+  background-color: #FFF;
+  border: 1px solid #F1F1F1;
+}
+
+.resizer {
+  position: absolute;
+  height: 100%;
+  width: 4px;
+  cursor: col-resize;
+}
+
+.resize-bar {
+  position: absolute;
+  height: 100%;
+  width: 2px;
+  background-color: #F1F1F1;
+}
+
+.question {
+  margin: 10px;
+}
+
+.snippet {
+  margin: 10px;
+  margin-right: 30px;
+  padding-bottom: 10px;
+}
+
+.notebook-snippet {
+  border-bottom: 1px solid #e5e5e5;
+  border-radius: 0;
+}
+
+.snippet.editor-mode {
+  border-bottom: none;
+}
+
+.snippet-left-bar {
+  position:absolute;
+  display:inline-block;
+  height:auto;
+  left:0;
+  top:0;
+  bottom:0;
+  width: 35px;
+}
+
+.result-body {
+  margin-left: 35px;
+  margin-right: 20px;
+}
+
+.snippet-body {
+  margin-left: 35px;
+  margin-right: 20px;
+  z-index: 90;
+  min-height: 40px;
+}
+
+.snippet-text .snippet-body {
+  min-height: 1px;
+}
+
+.snippet-text.card-widget {
+  min-height: 1px;
+}
+
+.snippet-body h2 {
+  padding-left: 0 !important;
+}
+
+.snippet-settings {
+  background-color: #FFF;
+  border-left: 1px solid #e5e5e5;
+  border-right: 1px solid #e5e5e5;
+  border-bottom: 1px solid #e5e5e5;
+  .hue-box-shadow-bottom;
+}
+
+.snippet-settings-header > h4 {
+  margin: 0;
+  padding: 10px;
+}
+
+.snippet-settings-body {
+  padding: 10px;
+}
+
+.CodeMirror {
+  height: auto;
+}
+
+.card .card-heading.simple {
+  border: none;
+}
+
+.add-snippet {
+  margin: 10px;
+  margin-top: 60px;
+  margin-bottom: 60px;
+}
+
+.add-snippet-button {
+  z-index: 300;
+  margin-left: auto;
+  margin-right: auto;
+  width: 220px;
+  padding: 20px;
+}
+
+.add-snippet-button > i {
+  color: #CCC;
+  cursor: pointer;
+}
+
+.select-snippet-button {
+  z-index: 500;
+  position: absolute;
+  top: 62px;
+  left: 62px;
+  width: 23px;
+  height: 18px;
+  line-height: 12px;
+  background-color: #CCC;
+  cursor: pointer;
+  border: 2px solid #FFF;
+  color: #FFF;
+  border-radius: 7px;
+}
+
+.add-snippet-alt {
+  z-index: 400;
+  position: absolute;
+  background-color: @hue-primary-color-dark;
+  color: #C2CFD8;
+  height: 54px;
+  width: 54px;
+  border-radius: 28px;
+  border: 1px solid;
+}
+
+.add-snippet-alt > div {
+  display: table-cell;
+  text-align: center;
+  vertical-align: middle;
+  line-height: 14px;
+  width: 50px;
+  height: 54px;
+  padding-left:2px;
+  font-size: 11px;
+}
+
+.snippet-list-alts {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.snippet-list-alts > li {
+  padding: 5px 0 5px 10px;
+  cursor: pointer;
+  color: #464646;
+  margin-bottom: 2px;
+}
+
+.snippet-list-alts > li:hover {
+  padding: 5px 0 5px 10px;
+  background-color: #f0f0f0;
+}
+
+.select-snippet-button,
+.add-snippet-button > i,
+.add-snippet-alt {
+  -webkit-transition: color 0.3s ease, -webkit-transform 0.3s;
+  -moz-transition: color 0.3s ease, -moz-transform 0.3s;
+  -ms-transition: color 0.3s ease, -ms-transform 0.3s;
+  transition: color 0.3s ease, transform 0.3s;
+}
+
+.add-snippet-alt:hover {
+  color: #FFF;
+}
+
+.select-snippet-button:hover,
+.add-snippet-button > i:hover,
+.add-snippet-alt:hover {
+  -webkit-transform: scale(1.3, 1.3);
+  -moz-transform: scale(1.3, 1.3);
+  -ms-transform: scale(1.3, 1.3);
+  transform: scale(1.3, 1.3);
+}
+
+.spark-btn {
+  border-left: none;
+  border-right: none;
+  width: 14px;
+  opacity: 0.8;
+  border-radius: 0;
+}
+
+.spark-btn:hover {
+  opacity: 1;
+}
+
+.codeMirror-overlaybtn {
+  position: absolute;
+  margin-top: -30px;
+  margin-left: 0;
+  z-index: 999;
+}
+
+
+.notebook .nav {
+  margin-bottom: 0;
+}
+
+.notebook .nav i {
+  line-height: 20px !important;
+}
+
+.notebook .nav-list > li > a, .notebook .nav-list .nav-header {
+  padding-left: 0;
+  margin-left: 0;
+  margin-bottom: -7px;
+  margin-top: 10px !important;
+}
+
+.notebook .nav-list {
+  padding-left: 0;
+}
+
+.notebook .dropdown-menu li {
+  font-size: 14px;
+}
+
+.notebook .dropdown a.dropdown-toggle {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.notebook .search-bar {
+  background-color: #F5F5F5;
+  margin: 0;
+  padding: 4px 20px 0;
+  text-align: left;
+  width: 100%;
+  position: fixed;
+  top: 28px;
+  z-index: 1000;
+}
+
+.notebook .search-bar input {
+  margin-left: 10px;
+  padding-right: 20px;
+}
+
+.notebook .search-bar ul li {
+  text-align: right;
+}
+
+.notebook .search-bar ul.dropdown-menu li {
+  text-align: left;
+}
+
+.notebook .tab-content {
+  background-color: #FFFFFF;
+  border-left: 1px solid #dddddd;
+  border-right: 1px solid #dddddd;
+}
+
+.empty-title {
+  font-weight: normal;
+}
+
+.snippet-icon-image {
+  height: 16px;
+  width: 16px;
+  -webkit-filter: grayscale(1);
+  -webkit-filter: grayscale(100%);
+  filter: grayscale(100%);
+  -webkit-transition: -webkit-filter 0.2s ease;
+  -moz-transition: filter 0.2s ease;
+  -ms-transition: filter 0.2s ease;
+}
+
+.inactive-action:hover .snippet-icon-image {
+  -webkit-filter: grayscale(0);
+  -webkit-filter: grayscale(0%);
+  filter: grayscale(0%);
+}
+
+.snippet-icon {
+  color: #aaa;
+  height: 16px;
+  width: 16px;
+  -webkit-transition: color 0.2s ease;
+  -moz-transition: color 0.2s ease;
+  -ms-transition: color 0.2s ease;
+  transition: color 0.2s ease;
+}
+
+.inactive-action:hover .snippet-icon {
+  color: @hue-primary-color-dark !important;
+}
+
+.row-container.is-editing {
+  border: none;
+}
+
+.notebook .ui-sortable {
+  background-color: #FFF;
+  min-height: 0;
+}
+
+.editable-click, a.editable-click, a.editable-click:hover {
+  cursor: pointer !important;
+}
+
+.editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover {
+  cursor: default !important;
+}
+
+.results table tr td {
+  white-space: nowrap;
+}
+
+[contenteditable]:focus {
+  outline: none;
+}
+
+.snippet-progress-container {
+  height: 3px;
+  width: 100%;
+  overflow: hidden;
+}
+
+.snippet-execution-status {
+  margin-top: 2px;
+  margin-left: 35px;
+  margin-right: 20px;
+}
+
+.ace-container-resizable {
+  position: relative;
+  min-height: 128px !important;
+}
+
+.ace-editor-resizable {
+  position: absolute;
+  top: 0;
+  left:0;
+  bottom:0;
+  right: 0;
+  overflow: hidden !important;
+}
+
+.snippet-code-resizer, .snippet-log-resizer {
+  border-top: 1px solid #F1F1F1;
+  cursor: row-resize;
+  text-align: center;
+  font-size: 12px;
+  height: 8px;
+  margin-bottom: 5px;
+  color: #E1E1E1;
+}
+
+.snippet-code-resizer {
+  margin-left: 35px;
+  margin-right: 20px;
+}
+
+.snippet-code-resizer > i, .snippet-log-resizer > i {
+  -ms-transform: scale(1.3,1); /* IE 9 */
+  -webkit-transform: scale(1.3,1); /* Safari */
+  transform: scale(1.3,1);
+}
+
+.snippet-log-expander {
+  position: absolute;
+  text-align: center;
+  cursor: pointer;
+  bottom: 4px;
+  width: 100%;
+}
+
+.snippet-log-expander:hover {
+  background-color: #FFF;
+  opacity:.5;
+}
+
+.snippet-log-container, .query-history-container {
+  margin-left: 35px;
+  margin-right: 20px;
+}
+
+.snippet-footer-actions-bar {
+  padding: 0 3px;
+  height: 29px;
+}
+
+.text-snippet h2 {
+  padding-left: 0 !important;
+}
+
+.span12.nomargin {
+  margin-left: 0;
+}
+
+.show-assist {
+  position: fixed;
+  top: 80px;
+  background-color: #FFF;
+  width: 16px;
+  height: 24px;
+  line-height: 24px;
+  margin-left: -2px;
+  text-align: center;
+  -webkit-border-top-right-radius: 3px;
+  -webkit-border-bottom-right-radius: 3px;
+  -moz-border-radius-topright: 3px;
+  -moz-border-radius-bottomright: 3px;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  z-index: 1000;
+  -webkit-transition: margin-left 0.2s linear;
+  -moz-transition: margin-left 0.2s linear;
+  -ms-transition: margin-left 0.2s linear;
+  transition: margin-left 0.2s linear;
+}
+
+.show-assist:hover {
+  margin-left: 0;
+}
+
+.hide-assist {
+  position: absolute;
+  top: 2px;
+  right: 4px;
+  z-index: 1000;
+  color: #aaa;
+  font-size: 12px;
+  -webkit-transition: margin-right 0.2s linear, color 0.5s ease;
+  -moz-transition: margin-right 0.2s linear, color 0.5s ease;
+  -ms-transition: margin-right 0.2s linear, color 0.5s ease;
+  transition: margin-right 0.2s linear, color 0.5s ease;
+}
+
+.hide-assist:hover {
+  margin-right: 2px;
+  color: @hue-primary-color-dark;
+}
+
+.logs {
+  padding: 9.5px;
+  font-size: 11px;
+  height: 80px;
+  overflow-y: auto;
+  margin-bottom: 0;
+}
+
+h1.empty {
+  margin-top: 50px;
+  text-align: center;
+  color: #DDD;
+}
+
+.toggle-result-settings {
+  float: left;
+  padding: 3px;
+  margin-top: 31px;
+  width: 10px;
+  text-align: center;
+  cursor: pointer;
+}
+
+.toggle-result-settings .close {
+  margin-right: 2px;
+}
+
+.toggle-result-settings .open {
+  margin-left: 2px;
+}
+
+.chart-icon {
+  width: 15px;
+  text-align: center;
+}
+
+.resize-panel a {
+  cursor: ns-resize;
+  color: #666;
+  position: absolute;
+}
+
+.progress .bar {
+  background-repeat: repeat-x;
+}
+
+.progress, .progress-neutral .bar {
+  background-color: #DDD;
+}
+
+.progress .bar {
+  background-color: #FFF;
+}
+
+.progress .bar-info {
+  background-color: @hue-primary-color-dark;
+}
+
+.progress-starting .bar {
+  background-color: #fdae6b;
+}
+
+.progress-job {
+  height: 2px;
+}
+
+.jobs-overlay {
+  background-color: transparent;
+}
+
+.jobs-overlay li {
+  background-color: #FFF;
+  margin-bottom: 5px;
+  padding: 0;
+}
+
+.jobs-overlay li a {
+  margin: 6px;
+}
+
+@-webkit-keyframes pulsate {
+  0% {
+    margin-left: 0;
+  }
+  50% {
+    margin-left: 30px;
+  }
+  100% {
+    margin-left: 0;
+  }
+}
+
+@-moz-keyframes pulsate {
+  0% {
+    margin-left: 0;
+  }
+  50% {
+    margin-left: 30px;
+  }
+  100% {
+    margin-left: 0;
+  }
+}
+
+@-o-keyframes pulsate {
+  0% {
+    margin-left: 0;
+  }
+  50% {
+    margin-left: 30px;
+  }
+  100% {
+    margin-left: 0;
+  }
+}
+
+@keyframes pulsate {
+  0% {
+    margin-left: 0;
+  }
+  50% {
+    margin-left: 30px;
+  }
+  100% {
+    margin-left: 0;
+  }
+}
+
+.progress-starting {
+  -webkit-animation: pulsate 1s infinite;
+  -moz-animation: pulsate 1s infinite;
+  -o-animation: pulsate 1s infinite;
+  animation: pulsate 1s infinite;
+}
+
+.progress-success .bar, .progress .bar-success {
+  background-color: #b5cf6b;
+}
+
+.progress-warning .bar, .progress .bar-warning {
+  background-color: #fdae6b;
+}
+
+.progress-danger .bar, .progress .bar-danger {
+  background-color: #d6616b;
+}
+
+.text-snippet {
+  padding-left: 4px;
+}
+
+.medium-editor-toolbar-form label {
+  min-height: 20px;
+}
+
+.medium-editor-toolbar-form input[type="checkbox"] {
+  float: left;
+  margin-left: 0;
+  margin-right: 4px;
+}
+
+.medium-editor-toolbar li button {
+  padding: 0 !important;
+  height: 40px !important;
+  min-width: 40px !important;
+}
+
+.medium-toolbar-arrow-under:after {
+  top: 40px !important;
+}
+
+.medium-editor-placeholder:after {
+  padding-left: 5px;
+  font-size: 13px !important;
+  font-family: 'Ubuntu Mono', Monaco, Consolas, monospace !important;
+  color: #aaa !important;
+  font-style: normal !important;
+}
+
+.print-logo {
+  display: none;
+}
+
+.print-logo img {
+  width: 24px;
+  height: 24px;
+}
+
+.card-heading-print {
+  display: none;
+}
+
+@media print {
+  .navigator, .assist-container, .result-settings, .left-panel, a.btn, button, .add-snippet, .card-heading.simple, .alert, .show-assist, .snippet-footer-actions-bar, .player-toolbar h4, .player-toolbar div {
+    display: none !important;
+  }
+  .content-panel {
+    width: 100% !important;
+    left: 0 !important;
+  }
+  * {
+    border: none !important;
+  }
+  .editable {
+    font-size: 20px;
+    font-weight: bold;
+    border-bottom: 2px solid #CCC !important;
+  }
+  .tab-content, .content-panel {
+    overflow: visible;
+  }
+  .ace_scroller {
+    border-left: 4px solid #DDD !important;
+    padding-left: 10px;
+  }
+  .print-logo {
+    display: block;
+  }
+  .card-heading-print.visible {
+    display: block;
+    font-weight: bold;
+  }
+}
+
+.no-underline:hover {
+  text-decoration: none !important;
+}
+
+input[type="text"].filechooser-input {
+  border-right: none;
+  margin-bottom: 0;
+}
+
+#saveResultsForm .fileChooserBtn {
+  vertical-align: middle;
+}
+
+table.airy tr td {
+  padding: 4px;
+}
+
+.ace-filechooser {
+  position: absolute;
+  display: none;
+  z-index: 20000;
+  background-color: #FFFFFF;
+  padding: 10px;
+  min-width: 350px;
+}
+
+.hover-dropdown {
+  display: inline-block;
+  position: relative;
+}
+
+.results.alert-error, .alert-error-gradient {
+  border: none;
+  margin-top: -3px;
+  background: -moz-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
+  background: -webkit-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
+  background: -o-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
+  background: -ms-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
+  background: linear-gradient(to right, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2dede', endColorstr='#00ffffff', GradientType=1)
+}
+
+
+.results-images {
+  border-left: 5px solid #DDD;
+  background-color: #f5f5f5;
+  padding: 5px;
+}
+
+.alert-notebook, .alert-gradient {
+  border: none;
+  margin-top: -3px;
+  background: -moz-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
+  background: -webkit-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
+  background: -o-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
+  background: -ms-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
+  background: linear-gradient(to right, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf8e3', endColorstr='#00ffffff', GradientType=1)
+}
+
+.hoverMsg {
+  background: #000;
+  height: 100%;
+  left: 0;
+  opacity: .5;
+  position: fixed;
+  width: 100%;
+  top:0;
+  z-index: 10000;
+}
+
+.hoverText {
+  color: #fff;
+  font-size: 5em;
+  position: relative;
+  text-align: center;
+  top: 45%;
+  font-weight: 700;
+  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
+  -webkit-animation-name: bounceInDown;
+  animation-name: bounceInDown;
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+
+.snippet-row {
+  position: relative;
+  display: block;
+  height: auto;
+  width: 100%;
+}
+
+.snippet-side-btn {
+  color: #C2CFD8;
+  display: inline-block;
+  line-height: 27px;
+  height: 27px;
+  min-height: 27px;
+  margin: 0;
+  font-size: 13px;
+  cursor: pointer;
+  .hue-ease-transition(color);
+}
+
+.snippet-side-btn.disabled {
+  cursor: default !important;
+  opacity: 0.5;
+}
+
+.snippet-side-btn:focus {
+  color: #C2CFD8;
+}
+
+.snippet-side-btn.active {
+  color: @hue-primary-color-dark;
+}
+
+.snippet-side-btn:hover {
+  color: @hue-primary-color-dark;
+}
+
+.snippet-side-single {
+  padding: 0 3px;
+}
+
+.execution-timer {
+  color: #aaa;
+  font-size: 12px;
+  font-weight: lighter;
+}
+
+.resultTable th {
+  color: #FFF;
+}
+
+.dataTables_wrapper .resultTable th {
+  color: #333;
+}
+
+.navbar .editor-nav > li > a {
+  max-width: 600px;
+}
+
+.navbar .editor-nav > li > a, .navbar .editor-nav > li > a:hover {
+  border-bottom: 2px solid transparent;
+  color: #737373;
+  cursor: default;
+}
+
+.navbar .editor-nav > li.query-name {
+  font-weight: bold;
+}
+
+.editor-nav .editable-click:hover {
+  border-bottom: dashed 1px #0088cc;
+}
+
+.editor-nav .editable-click, .editor-nav a.editable-click {
+  border-bottom: 1px solid transparent;
+}
+
+.editable-empty, .editable-empty:hover {
+  color: #737373 !important;
+}
+
+h4.header {
+  font-weight: bold;
+  color: #999;
+  font-size: 14px;
+  text-transform: uppercase;
+  padding-left: 4px;
+  border-bottom: 1px solid #DDD;
+  padding-bottom: 3px;
+}
+
+.history-table tbody tr {
+  border-left: 2px solid transparent;
+  border-right: 2px solid transparent;
+}
+
+.history-table tbody tr:hover {
+  border-left: 2px solid #CCC;
+  border-right: 2px solid #CCC;
+}
+
+.history-table tbody tr:hover td, .history-table tbody tr:hover th {
+  background-color: #f7f7f9;
+}
+
+.history-table tbody tr.highlight {
+  background-color: #f7f7f9;
+  border-left: 2px solid #CCC;
+  border-right: 2px solid #CCC;
+}
+
+.history-item .ace-hue {
+  background-color: transparent !important;
+}
+
+.history-item .ace_invalid {
+  display: none;
+}
+
+.history-item .ace_line {
+  white-space: normal;
+}
+
+.history-status {
+  width: 20px;
+}
+
+.history-status .fa-check {
+  color: #b5cf6b;
+}
+
+.history-status .fa-fighter-jet {
+  color: #fdae6b;
+}
+
+.table-results table > thead > tr > td:first-child, .table-results table > tbody > tr > td:first-child {
+  background-color: #f9f9f9;
+}
+
+#helpModal th:first-child {
+  width: 25%;
+}
+
+#helpModal th:last-child {
+  width: 50%;
+}
+
+#helpModal .tab-content {
+  min-height: 355px;
+  max-height: 355px;
+}
+
+.tooltip {
+  z-index: 3000 !important;
+}
+
+.session-actions {
+  display: inline-block;
+  font-size: 13px;
+  margin-top: -3px;
+  margin-left: 15px;
+  vertical-align: text-top;
+}
+
+#saveResultsModal .overlay {
+  background: black;
+  opacity: 0.5;
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 100;
+}
+
+#saveResultsModal .loader {
+  text-align: center;
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+}
+
+#saveResultsModal i.fa-spinner, #saveResultsModal img.spinner {
+  margin-top: -30px;
+  margin-left: -30px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 101;
+}
+
+#saveResultsModal i.fa-spinner {
+  font-size: 60px;
+  color: #DDD;
+}
+
+.notebook-name-desc {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.notebook-name-input {
+  width: 220px;
+}
+
+.notebook pre {
+  font-size: 11px;
+}
+
+.history-filter {
+  border-radius: 9px !important;
+  min-height: 17px !important;
+  height: 17px !important;
+  margin-right: 5px;
+  margin-left: -5px;
+  padding-right: 18px !important;
+}
+
+.no-horiz-padding a {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
+.no-horiz-padding.muted a {
+ color: #AAA !important;
+}
+
+.no-horiz-padding:not(:first-child) a {
+  margin-left: 0 !important;
+}
+
+.collapse-results {
+  right: 20px;
+  top: 20px;
+}
+
+.meta-title {
+  line-height: 22px;
+}
+
+.meta-filter {
+  width: 118px;
+}
+
+.meta-noresults {
+  font-style: italic;
+}
+
+.session-config .config-property {
+  display: inline !important;
+}
+
+.session-config .config-property-available {
+  margin-left: 0 !important;
+  margin-top: 10px;
+}
+
+.session-config  .config-property-add-value {
+  margin-top: -8px !important;
+  margin-bottom: 20px;
+}
+
+.session-config .config-property-input-small {
+  width: 120px !important;
+}
+
+.session-config .config-property-input-mini {
+  width: 90px !important;
+}
+
+.session-config .config-label {
+  text-align: left !important;
+  margin-left: 0 !important;
+}
+
+.session-config .config-property-remove {
+  float: right;
+  margin-top: 2px !important;
+}
+
+#schedulerEditor .container-fluid, #schedulerEditor .card-heading, #schedulerEditor .card-body {
+  padding: 0;
+}
+
+#schedulerEditor .dataset-input {
+  width: 270px;
+}
+
+#schedulerEditor .form-horizontal .control-label {
+  width: 100px;
+  text-align: left;
+}
+
+#schedulerEditor .form-horizontal .controls {
+  margin-left: 110px;
+}
+
+#schedulerEditor .workflow-parameter {
+  padding: 10px;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+
+#schedulerEditor .workflow-parameter:hover {
+  background-color: #FAFAFA;
+}
+
+.warning {
+  color: #fdae6b;
+}
+
+#ace_settingsmenu {
+  width: 350px;
+}
+
+#ace_settingsmenu label {
+  display: inline-block;
+  height: 31px;
+  line-height: 31px;
+}
+
+#ace_settingsmenu input {
+  margin-bottom: 0;
+}
+
+#ace_settingsmenu input[type='checkbox'] {
+  margin-right: 2px;
+  margin-top: 10px;
+}
+
+.nav-header-like {
+  padding: 9px 18px;
+  margin-top: 1px;
+  overflow: hidden;
+  font-size: 14px;
+  line-height: 1.4;
+  color: @hue-primary-color-dark;
+  text-overflow: ellipsis;
+  text-shadow: none;
+  background-color: #fff;
+  border-left: 2px solid transparent;
+  -webkit-transition: border .218s;
+  -moz-transition: border .218s;
+  -o-transition: border .218s;
+  transition: border .218s;
+  text-transform: uppercase;
+}
+
+.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
+  height: 9px !important;
+  margin: 0 !important;
+  margin-top: 3px !important;
+}
+
+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
+  margin: 0 !important;
+}
+
+.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
+  width: 8px !important;
+  margin-left: 10px !important;
+}

Some files were not shown because too many files changed in this diff