[Frontend] Updated CSS; removed position: relative

WTD-884

platform/commonUI/general/res/css/forms.css

@@ -19,27 +19,109 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 3, ../sass/forms/_elems.scss */
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/* line 24, ../sass/forms/_elems.scss */
 .form .section-header {
-  -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
-  -ms-border-radius: 3px;
+  -webkit-border-radius: 3px;
-  -o-border-radius: 3px;
   border-radius: 3px;
   background: rgba(255, 255, 255, 0.1);
   font-size: 0.8em;
   margin-top: 5px;
   padding: 5px; }
-  /* line 9, ../sass/forms/_elems.scss */
+  /* line 30, ../sass/forms/_elems.scss */
   .form .section-header:first-child {
     margin-top: 0; }
-/* line 13, ../sass/forms/_elems.scss */
+/* line 34, ../sass/forms/_elems.scss */
 .form .form-section {
   position: relative; }
-/* line 17, ../sass/forms/_elems.scss */
+/* line 38, ../sass/forms/_elems.scss */
 .form .form-row {
-  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   overflow: hidden;
   *zoom: 1;
@@ -47,14 +129,14 @@
   margin-top: 5px;
   padding: 5px;
   position: relative; }
-  /* line 24, ../sass/forms/_elems.scss */
+  /* line 45, ../sass/forms/_elems.scss */
   .form .form-row.first {
     border-top: none; }
-  /* line 29, ../sass/forms/_elems.scss */
+  /* line 49, ../sass/forms/_elems.scss */
   .form .form-row .label,
   .form .form-row .controls {
-    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     overflow: hidden;
     *zoom: 1;
@@ -62,62 +144,60 @@
     font-size: 0.75rem;
     line-height: 22px;
     min-height: 22px; }
-  /* line 39, ../sass/forms/_elems.scss */
+  /* line 60, ../sass/forms/_elems.scss */
   .form .form-row > .label {
     float: left;
     position: relative;
     white-space: nowrap;
     width: 20%; }
-  /* line 47, ../sass/forms/_elems.scss */
+  /* line 68, ../sass/forms/_elems.scss */
   .form .form-row .value {
     color: #cccccc; }
-  /* line 51, ../sass/forms/_elems.scss */
+  /* line 72, ../sass/forms/_elems.scss */
   .form .form-row .controls {
     float: left;
     position: relative;
     width: 79.9%; }
-    /* line 58, ../sass/forms/_elems.scss */
+    /* line 79, ../sass/forms/_elems.scss */
     .form .form-row .controls .l-composite-control.l-checkbox {
       display: inline-block;
       line-height: 14px;
       margin-right: 5px; }
-    /* line 67, ../sass/forms/_elems.scss */
+    /* line 88, ../sass/forms/_elems.scss */
     .form .form-row .controls input[type="text"] {
       height: 22px;
       line-height: 22px;
       margin-top: -4px;
       vertical-align: baseline; }
-    /* line 74, ../sass/forms/_elems.scss */
+    /* line 95, ../sass/forms/_elems.scss */
     .form .form-row .controls .l-med input[type="text"] {
       width: 200px; }
-    /* line 78, ../sass/forms/_elems.scss */
+    /* line 99, ../sass/forms/_elems.scss */
     .form .form-row .controls .l-small input[type="text"] {
       width: 50px; }
-    /* line 82, ../sass/forms/_elems.scss */
+    /* line 103, ../sass/forms/_elems.scss */
     .form .form-row .controls .l-numeric input[type="text"] {
       text-align: right; }
-    /* line 86, ../sass/forms/_elems.scss */
+    /* line 107, ../sass/forms/_elems.scss */
     .form .form-row .controls .select {
       margin-right: 5px; }
-  /* line 91, ../sass/forms/_elems.scss */
+  /* line 112, ../sass/forms/_elems.scss */
   .form .form-row .field-hints {
     color: #666666; }
-  /* line 95, ../sass/forms/_elems.scss */
+  /* line 116, ../sass/forms/_elems.scss */
   .form .form-row .selector-list {
-    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
-    -ms-border-radius: 3px;
+    -webkit-border-radius: 3px;
-    -o-border-radius: 3px;
     border-radius: 3px;
-    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     background: rgba(0, 0, 0, 0.2);
     padding: 5px;
     position: relative;
     height: 150px;
     overflow: auto; }
-    /* line 106, ../sass/forms/_elems.scss */
+    /* line 127, ../sass/forms/_elems.scss */
     .form .form-row .selector-list .wrapper {
       overflow-y: auto;
       position: absolute;
@@ -126,50 +206,66 @@
       bottom: 5px;
       left: 5px; }
 
-/* line 120, ../sass/forms/_elems.scss */
+/* line 141, ../sass/forms/_elems.scss */
 label.form-control.checkbox input {
   margin-right: 5px;
   vertical-align: top; }
 
-/* line 127, ../sass/forms/_elems.scss */
+/* line 147, ../sass/forms/_elems.scss */
 .hint,
 .s-hint {
   font-size: 0.9em; }
 
-/* line 131, ../sass/forms/_elems.scss */
+/* line 152, ../sass/forms/_elems.scss */
 .l-result {
   display: inline-block;
   min-width: 32px;
   min-height: 32px;
   position: relative;
   vertical-align: top; }
-  /* line 138, ../sass/forms/_elems.scss */
+  /* line 159, ../sass/forms/_elems.scss */
   .l-result div.s-hint {
-    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
-    -ms-border-radius: 3px;
+    -webkit-border-radius: 3px;
-    -o-border-radius: 3px;
     border-radius: 3px;
     background: rgba(255, 153, 0, 0.8);
     display: block;
     color: #ffd699;
     padding: 5px; }
 
-/* line 1, ../sass/forms/_textarea.scss */
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/* line 22, ../sass/forms/_textarea.scss */
 .edit-main textarea {
-  -webkit-appearance: none;
   -moz-appearance: none;
-  appearance: none;
+  -webkit-appearance: none;
-  -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
-  -ms-border-radius: 3px;
+  -webkit-border-radius: 3px;
-  -o-border-radius: 3px;
   border-radius: 3px;
-  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
   -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
   box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
   background: rgba(255, 255, 255, 0.1);
   border: none;
@@ -180,25 +276,43 @@ label.form-control.checkbox input {
   position: absolute;
   height: 100%;
   width: 100%; }
-  /* line 12, ../sass/forms/_mixins.scss */
+  /* line 33, ../sass/forms/_mixins.scss */
   .edit-main textarea.error {
     background: rgba(255, 0, 0, 0.5); }
 
-/* line 1, ../sass/forms/_text-input.scss */
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/* line 22, ../sass/forms/_text-input.scss */
 input[type="text"] {
-  -webkit-appearance: none;
   -moz-appearance: none;
-  appearance: none;
+  -webkit-appearance: none;
-  -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
-  -ms-border-radius: 3px;
+  -webkit-border-radius: 3px;
-  -o-border-radius: 3px;
   border-radius: 3px;
-  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
   -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
   box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
   background: rgba(255, 255, 255, 0.1);
   border: none;
@@ -206,65 +320,85 @@ input[type="text"] {
   color: #cccccc;
   outline: none;
   padding: 0 3px; }
-  /* line 12, ../sass/forms/_mixins.scss */
+  /* line 33, ../sass/forms/_mixins.scss */
   input[type="text"].error {
     background: rgba(255, 0, 0, 0.5); }
-  /* line 8, ../sass/forms/_text-input.scss */
+  /* line 29, ../sass/forms/_text-input.scss */
   input[type="text"].numeric {
     text-align: right; }
 
-/* line 1, ../sass/forms/_selects.scss */
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/* line 22, ../sass/forms/_selects.scss */
 .form-control.select {
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+  background-size: 100%;
   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
-  background-image: -webkit-linear-gradient(#4d4d4d, #404040);
   background-image: -moz-linear-gradient(#4d4d4d, #404040);
-  background-image: -o-linear-gradient(#4d4d4d, #404040);
+  background-image: -webkit-linear-gradient(#4d4d4d, #404040);
   background-image: linear-gradient(#4d4d4d, #404040);
-  -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
-  -ms-border-radius: 3px;
+  -webkit-border-radius: 3px;
-  -o-border-radius: 3px;
   border-radius: 3px;
-  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
   -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
   box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
   border: none;
   border-top: 1px solid #666666;
-  color: #999999;
+  color: #999;
   display: inline-block;
   cursor: pointer;
   display: inline-block;
   margin: 0 0 2px 2px;
   overflow: hidden;
   position: relative; }
-  /* line 127, ../sass/_mixins.scss */
+  /* line 148, ../sass/_mixins.scss */
   .form-control.select:not(.disabled):hover {
+    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+    background-size: 100%;
     background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d));
-    background-image: -webkit-linear-gradient(#666666, #4d4d4d);
     background-image: -moz-linear-gradient(#666666, #4d4d4d);
-    background-image: -o-linear-gradient(#666666, #4d4d4d);
+    background-image: -webkit-linear-gradient(#666666, #4d4d4d);
     background-image: linear-gradient(#666666, #4d4d4d); }
-  /* line 8, ../sass/forms/_selects.scss */
+  /* line 29, ../sass/forms/_selects.scss */
   .form-control.select select {
-    -webkit-appearance: none;
     -moz-appearance: none;
-    appearance: none;
+    -webkit-appearance: none;
-    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
     background: none;
-    color: #999999;
+    color: #999;
     border: none !important;
     cursor: pointer;
     padding: 4px 25px 2px 5px;
     width: 120%; }
-    /* line 17, ../sass/forms/_selects.scss */
+    /* line 38, ../sass/forms/_selects.scss */
     .form-control.select select option {
       margin: 5px 0; }
-  /* line 21, ../sass/forms/_selects.scss */
+  /* line 42, ../sass/forms/_selects.scss */
   .form-control.select:after {
     color: #0099cc;
     content: "v";
@@ -275,25 +409,43 @@ input[type="text"] {
     right: 5px;
     top: 0; }
 
-/* line 2, ../sass/forms/_channel-selector.scss */
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/* line 23, ../sass/forms/_channel-selector.scss */
 .channel-selector .line {
   margin-bottom: 5px;
   min-height: 22px; }
-/* line 6, ../sass/forms/_channel-selector.scss */
+/* line 27, ../sass/forms/_channel-selector.scss */
 .channel-selector .treeview {
-  -webkit-appearance: none;
   -moz-appearance: none;
-  appearance: none;
+  -webkit-appearance: none;
-  -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
-  -ms-border-radius: 3px;
+  -webkit-border-radius: 3px;
-  -o-border-radius: 3px;
   border-radius: 3px;
-  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
   -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
+  -webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
   box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
   background: rgba(255, 255, 255, 0.1);
   border: none;
@@ -307,13 +459,13 @@ input[type="text"] {
   max-height: 400px;
   overflow: auto;
   padding: 5px; }
-  /* line 12, ../sass/forms/_mixins.scss */
+  /* line 33, ../sass/forms/_mixins.scss */
   .channel-selector .treeview.error {
     background: rgba(255, 0, 0, 0.5); }
-/* line 15, ../sass/forms/_channel-selector.scss */
+/* line 36, ../sass/forms/_channel-selector.scss */
 .channel-selector .btns-add-remove {
   margin-top: 150px; }
-  /* line 18, ../sass/forms/_channel-selector.scss */
+  /* line 39, ../sass/forms/_channel-selector.scss */
   .channel-selector .btns-add-remove .btn {
     display: block;
     font-size: 1.5em;
@@ -321,23 +473,44 @@ input[type="text"] {
     padding: 10px;
     text-align: center; }
 
-/* line 2, ../sass/forms/_datetime.scss */
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/* line 23, ../sass/forms/_datetime.scss */
 .complex.datetime span {
   display: inline-block;
   margin-right: 5px; }
-/* line 15, ../sass/forms/_datetime.scss */
+/* line 36, ../sass/forms/_datetime.scss */
 .complex.datetime .fields {
   margin-top: 3px 0;
   padding: 3px 0; }
-/* line 20, ../sass/forms/_datetime.scss */
+/* line 41, ../sass/forms/_datetime.scss */
 .complex.datetime .date {
   width: 85px; }
-  /* line 23, ../sass/forms/_datetime.scss */
+  /* line 44, ../sass/forms/_datetime.scss */
   .complex.datetime .date input {
     width: 80px; }
-/* line 29, ../sass/forms/_datetime.scss */
+/* line 50, ../sass/forms/_datetime.scss */
 .complex.datetime .time.sm {
   width: 45px; }
-  /* line 32, ../sass/forms/_datetime.scss */
+  /* line 53, ../sass/forms/_datetime.scss */
   .complex.datetime .time.sm input {
     width: 40px; }

platform/commonUI/general/res/css/items.css

@@ -19,35 +19,97 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 1, ../sass/items/_item.scss */
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/* line 22, ../sass/items/_item.scss */
 .items-holder {
   overflow: hidden;
   *zoom: 1;
   overflow-y: auto; }
-  /* line 4, ../sass/items/_item.scss */
+  /* line 25, ../sass/items/_item.scss */
   .items-holder .contents {
     top: 0; }
-  /* line 8, ../sass/items/_item.scss */
+  /* line 29, ../sass/items/_item.scss */
   .items-holder .item.grid-item {
+    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+    background-size: 100%;
     background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #595959), color-stop(100%, #4d4d4d));
-    background-image: -webkit-linear-gradient(#595959, #4d4d4d);
     background-image: -moz-linear-gradient(#595959, #4d4d4d);
-    background-image: -o-linear-gradient(#595959, #4d4d4d);
+    background-image: -webkit-linear-gradient(#595959, #4d4d4d);
     background-image: linear-gradient(#595959, #4d4d4d);
-    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
-    -ms-border-radius: 3px;
+    -webkit-border-radius: 3px;
-    -o-border-radius: 3px;
     border-radius: 3px;
-    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
     -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
     box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
     border: none;
     border-top: 1px solid #737373;
-    color: #999999;
+    color: #999;
     display: inline-block;
     box-sizing: border-box;
     cursor: pointer;
@@ -57,112 +119,114 @@
     margin-bottom: 3px;
     margin-right: 3px;
     position: relative; }
-    /* line 127, ../sass/_mixins.scss */
+    /* line 148, ../sass/_mixins.scss */
     .items-holder .item.grid-item:not(.disabled):hover {
+      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczNzM3MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+      background-size: 100%;
       background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #737373), color-stop(100%, #595959));
-      background-image: -webkit-linear-gradient(#737373, #595959);
       background-image: -moz-linear-gradient(#737373, #595959);
-      background-image: -o-linear-gradient(#737373, #595959);
+      background-image: -webkit-linear-gradient(#737373, #595959);
       background-image: linear-gradient(#737373, #595959); }
-    /* line 21, ../sass/items/_item.scss */
+    /* line 42, ../sass/items/_item.scss */
     .items-holder .item.grid-item:hover .item-main .item-type {
       color: #0099cc !important; }
-    /* line 24, ../sass/items/_item.scss */
+    /* line 45, ../sass/items/_item.scss */
     .items-holder .item.grid-item:hover .item-main .item-open {
       display: block; }
-    /* line 28, ../sass/items/_item.scss */
+    /* line 49, ../sass/items/_item.scss */
     .items-holder .item.grid-item .contents {
       top: 5px;
       right: 5px;
       bottom: 5px;
       left: 5px; }
-    /* line 32, ../sass/items/_item.scss */
+    /* line 53, ../sass/items/_item.scss */
     .items-holder .item.grid-item .bar.top-bar.abs {
       bottom: auto;
       height: 20px;
       line-height: 20px;
       z-index: 5; }
-      /* line 37, ../sass/items/_item.scss */
+      /* line 58, ../sass/items/_item.scss */
       .items-holder .item.grid-item .bar.top-bar.abs .left, .items-holder .item.grid-item .bar.top-bar.abs .right {
         width: auto; }
-        /* line 39, ../sass/items/_item.scss */
+        /* line 60, ../sass/items/_item.scss */
         .items-holder .item.grid-item .bar.top-bar.abs .left .icon, .items-holder .item.grid-item .bar.top-bar.abs .right .icon {
           margin-left: 5px; }
-    /* line 44, ../sass/items/_item.scss */
+    /* line 65, ../sass/items/_item.scss */
     .items-holder .item.grid-item .bar.bottom-bar.abs {
       top: auto;
       height: 40px;
       padding: 5px; }
-    /* line 50, ../sass/items/_item.scss */
+    /* line 71, ../sass/items/_item.scss */
     .items-holder .item.grid-item .item-main {
       z-index: 1; }
-      /* line 58, ../sass/items/_item.scss */
+      /* line 79, ../sass/items/_item.scss */
       .items-holder .item.grid-item .item-main .item-type {
         color: #737373;
         text-align: center;
         font-size: 7em;
         line-height: 180px; }
-      /* line 64, ../sass/items/_item.scss */
+      /* line 85, ../sass/items/_item.scss */
       .items-holder .item.grid-item .item-main .item-open {
         display: none;
         font-size: 5em;
         line-height: 180px;
         left: auto;
         width: 30px; }
-    /* line 72, ../sass/items/_item.scss */
+    /* line 93, ../sass/items/_item.scss */
     .items-holder .item.grid-item .title {
       text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
       color: #cccccc;
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis; }
-    /* line 80, ../sass/items/_item.scss */
+    /* line 101, ../sass/items/_item.scss */
     .items-holder .item.grid-item .details {
       font-size: 0.8em; }
-    /* line 83, ../sass/items/_item.scss */
+    /* line 104, ../sass/items/_item.scss */
     .items-holder .item.grid-item.selected {
+      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+      background-size: 100%;
       background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bfff), color-stop(100%, #00ace6));
-      background-image: -webkit-linear-gradient(#00bfff, #00ace6);
       background-image: -moz-linear-gradient(#00bfff, #00ace6);
-      background-image: -o-linear-gradient(#00bfff, #00ace6);
+      background-image: -webkit-linear-gradient(#00bfff, #00ace6);
       background-image: linear-gradient(#00bfff, #00ace6);
-      -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
-      -ms-border-radius: 3px;
+      -webkit-border-radius: 3px;
-      -o-border-radius: 3px;
       border-radius: 3px;
-      -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
       box-sizing: border-box;
-      -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
       -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+      -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
       box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
       border: none;
       border-top: 1px solid #33ccff;
-      color: #999999;
+      color: #999;
       display: inline-block;
+      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzY2NmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+      background-size: 100%;
       background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33ccff), color-stop(100%, #0099cc));
-      background-image: -webkit-linear-gradient(#33ccff, #0099cc);
       background-image: -moz-linear-gradient(#33ccff, #0099cc);
-      background-image: -o-linear-gradient(#33ccff, #0099cc);
+      background-image: -webkit-linear-gradient(#33ccff, #0099cc);
       background-image: linear-gradient(#33ccff, #0099cc);
       color: #80dfff; }
-      /* line 135, ../sass/_mixins.scss */
+      /* line 156, ../sass/_mixins.scss */
       .items-holder .item.grid-item.selected:not(.disabled):hover {
+        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2ZDlmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+        background-size: 100%;
         background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66d9ff), color-stop(100%, #00bfff));
-        background-image: -webkit-linear-gradient(#66d9ff, #00bfff);
         background-image: -moz-linear-gradient(#66d9ff, #00bfff);
-        background-image: -o-linear-gradient(#66d9ff, #00bfff);
+        background-image: -webkit-linear-gradient(#66d9ff, #00bfff);
         background-image: linear-gradient(#66d9ff, #00bfff); }
-      /* line 88, ../sass/items/_item.scss */
+      /* line 109, ../sass/items/_item.scss */
       .items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) {
         color: #80dfff; }
-      /* line 89, ../sass/items/_item.scss */
+      /* line 110, ../sass/items/_item.scss */
       .items-holder .item.grid-item.selected .item-main .item-open {
         color: #80dfff; }
-      /* line 90, ../sass/items/_item.scss */
+      /* line 111, ../sass/items/_item.scss */
       .items-holder .item.grid-item.selected .title {
         color: white; }
-      /* line 92, ../sass/items/_item.scss */
+      /* line 113, ../sass/items/_item.scss */
       .items-holder .item.grid-item.selected:hover .item-main .item-type {
         color: white !important; }

platform/commonUI/general/res/css/plots.css

@@ -19,17 +19,81 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 10, ../sass/plots/_plots-main.scss */
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/* line 31, ../sass/plots/_plots-main.scss */
 .gl-plot {
-  color: #999999;
+  color: #999;
   font-size: 0.7rem;
   position: relative;
   width: 100%;
-  height: 100%; }
+  height: 100%;
-  /* line 17, ../sass/plots/_plots-main.scss */
+  /****************************** Limits and Out-of-Bounds data */ }
+  /* line 38, ../sass/plots/_plots-main.scss */
   .gl-plot .gl-plot-axis-area {
     position: absolute; }
-    /* line 20, ../sass/plots/_plots-main.scss */
+    /* line 41, ../sass/plots/_plots-main.scss */
     .gl-plot .gl-plot-axis-area.gl-plot-x {
       top: auto;
       right: 0;
@@ -38,24 +102,22 @@
       height: 32px;
       width: auto;
       overflow: hidden; }
-    /* line 29, ../sass/plots/_plots-main.scss */
+    /* line 50, ../sass/plots/_plots-main.scss */
     .gl-plot .gl-plot-axis-area.gl-plot-y {
       top: 29px;
       right: auto;
       bottom: 37px;
       left: 0;
       width: 60px; }
-  /* line 38, ../sass/plots/_plots-main.scss */
+  /* line 59, ../sass/plots/_plots-main.scss */
   .gl-plot .gl-plot-coords {
-    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
-    -ms-border-radius: 3px;
+    -webkit-border-radius: 3px;
-    -o-border-radius: 3px;
     border-radius: 3px;
-    background: rgba(255, 199, 0, 0.5);
+    background: black;
     color: #e6e6e6;
     padding: 2px 5px;
     position: absolute;
@@ -64,10 +126,10 @@
     bottom: auto;
     left: 70px;
     z-index: 10; }
-    /* line 50, ../sass/plots/_plots-main.scss */
+    /* line 71, ../sass/plots/_plots-main.scss */
     .gl-plot .gl-plot-coords:empty {
       display: none; }
-  /* line 55, ../sass/plots/_plots-main.scss */
+  /* line 76, ../sass/plots/_plots-main.scss */
   .gl-plot .gl-plot-display-area {
     position: absolute;
     top: 29px;
@@ -76,13 +138,13 @@
     left: 60px;
     cursor: crosshair;
     border: 1px solid #4d4d4d; }
-  /* line 66, ../sass/plots/_plots-main.scss */
+  /* line 86, ../sass/plots/_plots-main.scss */
   .gl-plot .gl-plot-label,
   .gl-plot .l-plot-label {
     color: #cccccc;
     position: absolute;
     text-align: center; }
-    /* line 74, ../sass/plots/_plots-main.scss */
+    /* line 94, ../sass/plots/_plots-main.scss */
     .gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label,
     .gl-plot .l-plot-label.gl-plot-x-label,
     .gl-plot .l-plot-label.l-plot-x-label {
@@ -91,26 +153,24 @@
       bottom: 0;
       left: 0;
       height: auto; }
-    /* line 83, ../sass/plots/_plots-main.scss */
+    /* line 103, ../sass/plots/_plots-main.scss */
     .gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label,
     .gl-plot .l-plot-label.gl-plot-y-label,
     .gl-plot .l-plot-label.l-plot-y-label {
-      -webkit-transform-origin: 50% 0;
       -moz-transform-origin: 50% 0;
       -ms-transform-origin: 50% 0;
-      -o-transform-origin: 50% 0;
+      -webkit-transform-origin: 50% 0;
       transform-origin: 50% 0;
-      -webkit-transform: translateX(-50%) rotate(-90deg);
       -moz-transform: translateX(-50%) rotate(-90deg);
       -ms-transform: translateX(-50%) rotate(-90deg);
-      -o-transform: translateX(-50%) rotate(-90deg);
+      -webkit-transform: translateX(-50%) rotate(-90deg);
       transform: translateX(-50%) rotate(-90deg);
       display: inline-block;
       margin-left: 5px;
       left: 0;
       top: 50%;
       white-space: nowrap; }
-  /* line 96, ../sass/plots/_plots-main.scss */
+  /* line 117, ../sass/plots/_plots-main.scss */
   .gl-plot .gl-plot-y-options {
     position: absolute;
     top: 50%;
@@ -121,19 +181,19 @@
     height: auto;
     min-height: 32px;
     width: 32px; }
-  /* line 110, ../sass/plots/_plots-main.scss */
+  /* line 131, ../sass/plots/_plots-main.scss */
   .gl-plot .gl-plot-hash {
     position: absolute;
     border: 0 rgba(255, 255, 255, 0.3) dashed; }
-    /* line 113, ../sass/plots/_plots-main.scss */
+    /* line 134, ../sass/plots/_plots-main.scss */
     .gl-plot .gl-plot-hash.hash-v {
       border-right-width: 1px;
       height: 100%; }
-    /* line 117, ../sass/plots/_plots-main.scss */
+    /* line 138, ../sass/plots/_plots-main.scss */
     .gl-plot .gl-plot-hash.hash-h {
       border-bottom-width: 1px;
       width: 100%; }
-  /* line 123, ../sass/plots/_plots-main.scss */
+  /* line 144, ../sass/plots/_plots-main.scss */
   .gl-plot .gl-plot-legend {
     position: absolute;
     top: 0;
@@ -143,21 +203,69 @@
     height: 24px;
     overflow-x: hidden;
     overflow-y: auto; }
+  /* line 157, ../sass/plots/_plots-main.scss */
+  .gl-plot .l-limit-bar,
+  .gl-plot .l-oob-data {
+    position: absolute;
+    left: 0;
+    right: 0;
+    width: auto; }
+  /* line 165, ../sass/plots/_plots-main.scss */
+  .gl-plot .l-limit-bar {
+    height: auto;
+    z-index: 0; }
+    /* line 173, ../sass/plots/_plots-main.scss */
+    .gl-plot .l-limit-bar.s-limit-yellow {
+      background: rgba(157, 117, 0, 0.2); }
+    /* line 174, ../sass/plots/_plots-main.scss */
+    .gl-plot .l-limit-bar.s-limit-red {
+      background: rgba(170, 0, 0, 0.2); }
+  /* line 177, ../sass/plots/_plots-main.scss */
+  .gl-plot .l-oob-data {
+    overflow: hidden;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+    width: auto;
+    height: auto;
+    pointer-events: none;
+    height: 10px;
+    z-index: 1; }
+    /* line 185, ../sass/plots/_plots-main.scss */
+    .gl-plot .l-oob-data.l-oob-data-up {
+      top: 0;
+      bottom: auto;
+      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NDhkNiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzQ4ZDYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+      background-size: 100%;
+      background-image: -moz-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
+      background-image: -webkit-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
+      background-image: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
+    /* line 190, ../sass/plots/_plots-main.scss */
+    .gl-plot .l-oob-data.l-oob-data-dwn {
+      bottom: 0;
+      top: auto;
+      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NDhkNiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzQ4ZDYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+      background-size: 100%;
+      background-image: -moz-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
+      background-image: -webkit-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
+      background-image: linear-gradient(180deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
 
-/* line 151, ../sass/plots/_plots-main.scss */
+/* line 200, ../sass/plots/_plots-main.scss */
 .gl-plot-legend .plot-legend-item,
 .gl-plot-legend .legend-item,
 .legend .plot-legend-item,
 .legend .legend-item {
   display: inline-block;
   margin-right: 10px; }
-  /* line 154, ../sass/plots/_plots-main.scss */
+  /* line 204, ../sass/plots/_plots-main.scss */
   .gl-plot-legend .plot-legend-item span,
   .gl-plot-legend .legend-item span,
   .legend .plot-legend-item span,
   .legend .legend-item span {
     vertical-align: middle; }
-  /* line 158, ../sass/plots/_plots-main.scss */
+  /* line 207, ../sass/plots/_plots-main.scss */
   .gl-plot-legend .plot-legend-item .plot-color-swatch,
   .gl-plot-legend .plot-legend-item .color-swatch,
   .gl-plot-legend .legend-item .plot-color-swatch,
@@ -166,26 +274,37 @@
   .legend .plot-legend-item .color-swatch,
   .legend .legend-item .plot-color-swatch,
   .legend .legend-item .color-swatch {
-    -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
-    -ms-border-radius: 2px;
+    -webkit-border-radius: 2px;
-    -o-border-radius: 2px;
     border-radius: 2px;
     display: inline-block;
     height: 8px;
-    width: 8px;
+    width: 8px; }
-    margin-right: 3px; }
 
-/* line 172, ../sass/plots/_plots-main.scss */
+/* line 220, ../sass/plots/_plots-main.scss */
+.gl-plot-legend .plot-legend-item {
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  color: #fff;
+  line-height: 1.5em;
+  padding: 0px 5px; }
+  /* line 226, ../sass/plots/_plots-main.scss */
+  .gl-plot-legend .plot-legend-item .plot-color-swatch {
+    border: 1px solid #333;
+    height: 9px;
+    width: 9px; }
+
+/* line 234, ../sass/plots/_plots-main.scss */
 .tick {
   position: absolute;
   border: 0 rgba(255, 255, 255, 0.3) solid; }
-  /* line 175, ../sass/plots/_plots-main.scss */
+  /* line 237, ../sass/plots/_plots-main.scss */
   .tick.tick-x {
     border-right-width: 1px;
     height: 100%; }
 
-/* line 183, ../sass/plots/_plots-main.scss */
+/* line 243, ../sass/plots/_plots-main.scss */
 .gl-plot-tick,
 .tick-label {
   font-size: 0.7rem;
@@ -193,7 +312,7 @@
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis; }
-  /* line 191, ../sass/plots/_plots-main.scss */
+  /* line 251, ../sass/plots/_plots-main.scss */
   .gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
   .tick-label.gl-plot-x-tick-label,
   .tick-label.tick-label-x {
@@ -204,7 +323,7 @@
     width: 20%;
     margin-left: -10%;
     text-align: center; }
-  /* line 201, ../sass/plots/_plots-main.scss */
+  /* line 261, ../sass/plots/_plots-main.scss */
   .gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
   .tick-label.gl-plot-y-tick-label,
   .tick-label.tick-label-y {
@@ -214,18 +333,18 @@
     margin-bottom: -0.5em;
     text-align: right; }
 
-/* line 212, ../sass/plots/_plots-main.scss */
+/* line 273, ../sass/plots/_plots-main.scss */
 .gl-plot-tick.gl-plot-x-tick-label {
   top: 5px; }
-/* line 215, ../sass/plots/_plots-main.scss */
+/* line 276, ../sass/plots/_plots-main.scss */
 .gl-plot-tick.gl-plot-y-tick-label {
   right: 5px;
   left: 5px; }
 
-/* line 222, ../sass/plots/_plots-main.scss */
+/* line 283, ../sass/plots/_plots-main.scss */
 .tick-label.tick-label-x {
   top: 0; }
-/* line 225, ../sass/plots/_plots-main.scss */
+/* line 286, ../sass/plots/_plots-main.scss */
 .tick-label.tick-label-y {
   right: 0;
   left: 0; }

platform/commonUI/general/res/css/tree.css

@@ -19,29 +19,90 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-/* line 1, ../sass/tree/_tree.scss */
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/*****************************************************************************
+ * Open MCT Web, Copyright (c) 2014-2015, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT Web is licensed 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.
+ *
+ * Open MCT Web includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+/* line 22, ../sass/tree/_tree.scss */
 ul.tree {
   margin: 0;
   padding: 0; }
-  /* line 179, ../sass/_mixins.scss */
+  /* line 208, ../sass/_mixins.scss */
   ul.tree li {
     list-style-type: none;
     margin: 0;
     padding: 0; }
-  /* line 3, ../sass/tree/_tree.scss */
+  /* line 24, ../sass/tree/_tree.scss */
   ul.tree li {
     display: block;
     position: relative; }
-    /* line 6, ../sass/tree/_tree.scss */
+    /* line 27, ../sass/tree/_tree.scss */
     ul.tree li span.tree-item {
-      -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
-      -ms-border-radius: 3px;
+      -webkit-border-radius: 3px;
-      -o-border-radius: 3px;
       border-radius: 3px;
-      -webkit-transition: background-color 0.25s;
       -moz-transition: background-color 0.25s;
       -o-transition: background-color 0.25s;
+      -webkit-transition: background-color 0.25s;
       transition: background-color 0.25s;
       display: block;
       font-size: 0.80rem;
@@ -49,15 +110,15 @@ ul.tree {
       line-height: 1.5rem;
       margin-bottom: 3px;
       position: relative; }
-      /* line 17, ../sass/tree/_tree.scss */
+      /* line 38, ../sass/tree/_tree.scss */
       ul.tree li span.tree-item .view-control {
         display: inline-block;
         margin-left: 5px;
         width: 10px; }
-        /* line 23, ../sass/tree/_tree.scss */
+        /* line 44, ../sass/tree/_tree.scss */
         ul.tree li span.tree-item .view-control:hover {
           color: #ffc700; }
-      /* line 28, ../sass/tree/_tree.scss */
+      /* line 49, ../sass/tree/_tree.scss */
       ul.tree li span.tree-item .label {
         display: block;
         overflow: hidden;
@@ -69,7 +130,7 @@ ul.tree {
         width: auto;
         height: auto;
         left: 20px; }
-        /* line 34, ../sass/tree/_tree.scss */
+        /* line 55, ../sass/tree/_tree.scss */
         ul.tree li span.tree-item .label .type-icon {
           overflow: hidden;
           position: absolute;
@@ -81,10 +142,10 @@ ul.tree {
           height: auto;
           text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
           color: #0099cc; }
-          /* line 38, ../sass/tree/_tree.scss */
+          /* line 59, ../sass/tree/_tree.scss */
           ul.tree li span.tree-item .label .type-icon .alert {
             text-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;
-            background: #333333;
+            background: #333;
             color: #ff3c00;
             font-size: 0.7em;
             margin-top: -3px;
@@ -96,7 +157,7 @@ ul.tree {
             width: auto;
             position: absolute;
             z-index: 2; }
-        /* line 54, ../sass/tree/_tree.scss */
+        /* line 75, ../sass/tree/_tree.scss */
         ul.tree li span.tree-item .label .title-label {
           overflow: hidden;
           position: absolute;
@@ -111,52 +172,52 @@ ul.tree {
           overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap; }
-      /* line 66, ../sass/tree/_tree.scss */
+      /* line 87, ../sass/tree/_tree.scss */
       ul.tree li span.tree-item.loading {
         pointer-events: none; }
-        /* line 68, ../sass/tree/_tree.scss */
+        /* line 89, ../sass/tree/_tree.scss */
         ul.tree li span.tree-item.loading .label {
           opacity: 0.5; }
-          /* line 70, ../sass/tree/_tree.scss */
+          /* line 91, ../sass/tree/_tree.scss */
           ul.tree li span.tree-item.loading .label .title-label {
             font-style: italic; }
-        /* line 74, ../sass/tree/_tree.scss */
+        /* line 95, ../sass/tree/_tree.scss */
         ul.tree li span.tree-item.loading .wait-spinner {
           margin-left: 14px; }
-      /* line 79, ../sass/tree/_tree.scss */
+      /* line 100, ../sass/tree/_tree.scss */
       ul.tree li span.tree-item.selected {
         background: #005177;
-        color: white; }
+        color: #fff; }
-        /* line 83, ../sass/tree/_tree.scss */
+        /* line 104, ../sass/tree/_tree.scss */
         ul.tree li span.tree-item.selected .view-control {
           color: #0099cc; }
-        /* line 86, ../sass/tree/_tree.scss */
+        /* line 107, ../sass/tree/_tree.scss */
         ul.tree li span.tree-item.selected .label .type-icon {
           color: #fff; }
-      /* line 92, ../sass/tree/_tree.scss */
+      /* line 113, ../sass/tree/_tree.scss */
       ul.tree li span.tree-item:not(.selected):hover {
         background: #404040;
         color: #cccccc; }
-        /* line 95, ../sass/tree/_tree.scss */
+        /* line 116, ../sass/tree/_tree.scss */
         ul.tree li span.tree-item:not(.selected):hover .context-trigger {
           display: block; }
-        /* line 98, ../sass/tree/_tree.scss */
+        /* line 119, ../sass/tree/_tree.scss */
         ul.tree li span.tree-item:not(.selected):hover .icon {
           color: #33ccff; }
-      /* line 104, ../sass/tree/_tree.scss */
+      /* line 125, ../sass/tree/_tree.scss */
       ul.tree li span.tree-item:not(.loading) {
         cursor: pointer; }
-      /* line 109, ../sass/tree/_tree.scss */
+      /* line 130, ../sass/tree/_tree.scss */
       ul.tree li span.tree-item .context-trigger {
         display: none;
         top: -1px;
         position: absolute;
         right: 3px; }
-        /* line 115, ../sass/tree/_tree.scss */
+        /* line 136, ../sass/tree/_tree.scss */
         ul.tree li span.tree-item .context-trigger .btn-invoke-menu {
           font-size: 0.75em;
           height: 0.9rem;
           line-height: 0.9rem; }
-  /* line 124, ../sass/tree/_tree.scss */
+  /* line 145, ../sass/tree/_tree.scss */
   ul.tree ul.tree {
     margin-left: 15px; }

platform/commonUI/general/res/sass/_autoflow.scss

@@ -70,17 +70,14 @@
 				&:hover {
 					background: rgba(#fff, 0.1);
 				}
-				&.stale {
+				&.s-stale {
-					color: darken($colorBodyFg, 20%);
+					//color: darken($colorBodyFg, 20%);
+					.l-autoflow-item.l { @include s-stale(0.3); };
+					.l-autoflow-item.r { @include s-stale(); };
 				}
-				&:not(.stale) {
+				&:not(.s-stale) {
 					.l-autoflow-item.r {
-						color: lighten($colorBodyFg, 20%);
+						color: lighten($colorBodyFg, 10%);
-					}
-				}
-				&.alert {
-					.l-autoflow-item.r {
-						background: $colorFormError;
 					}
 				}
 				&.first-in-group {
@@ -89,7 +86,6 @@
 				.l-autoflow-item {
 					display: block;
 					&.l {
-						//						@include test(orange);
 						float: none;
 						overflow: hidden;
 						text-overflow: ellipsis;
@@ -97,8 +93,7 @@
 						width: auto;
 					}
 					&.r {
-						//						@include test(blue);
+						@include border-radius($smallCr);
-						@include border-radius($controlCr);
 						float: right;
 						margin-left: $interiorMargin;
 						padding-left: $valPad;

platform/commonUI/general/res/sass/_badges.scss

@@ -28,7 +28,7 @@
 
 .top-bar .badge {
     @include border-radius($controlCr * 1.5);
-    $h: $ueTopBarH; // - 5px;
+    $h: $btnStdH; //$ueTopBarBtnH; // - 5px;
     font-size: 1.4em;
     height: $h;
     line-height: $h;

platform/commonUI/general/res/sass/_constants.scss

@@ -26,6 +26,7 @@ $interiorMarginLg: $interiorMargin * 2;
 $interiorMarginSm: 3px;
 $basicCr: 3px;
 $controlCr: $basicCr;
+$smallCr: 2px;
 $badgeW: 35px;
 
 // Colors and shading
@@ -45,20 +46,27 @@ $colorFormValid: #33cc33;
 $colorFormError: #cc0000;
 $colorFormInvalid: #ff9900;
 $colorGridLines: rgba(#fff, 0.05);
-
+$colorLimitYellow: #9d7500;
+$colorLimitRed: #aa0000;
+$colorTelemFresh: #fff;
+$colorTelemStale: #888;
+$styleTelemState: italic;
+$colorInfoBubbleFg: #666;
+$colorInfoBubbleBg: #ddd;
 
 // Ratios
 $ltGamma: 20%;
 $btnFontSizeToH: 0.45;
 
 // User Environment
-$ueTopBarH: 35px;
+$ueTopBarH: 30px; // Change to 45px when breadcrumb is enabled
+$ueTopBarEditH: 30px;
+$ueTopBarBtnH: 35px;
 $ueFooterH: 20px;
 $ueColMargin: 1.5%;
 $ueAppLogoW: 105px;
-$ueBrowseViewBarH: $ueTopBarH; // was 30px
+//$ueBrowseViewBarH: $ueTopBarH; // was 30px
-$ueEditToolBarH: $ueBrowseViewBarH;
+$ueEditToolBarH: 25px;
-$ueEditToolBarButtonH: $ueEditToolBarH * 0.8;
 $ueBrowseLeftPaneW: 25%;
 $ueEditLeftPaneW: 75%;
 
@@ -76,6 +84,7 @@ $ueBrowseGridItemBottomBarH: 40px;
 $colorItemBase: lighten($colorBodyBg, 5%);
 $colorItemFg: lighten($colorItemBase, 20%);
 $colorItemSelected: $colorKey;
+$itemPadLR: 5px;
 
 // Tree
 $treeVCW: 10px;
@@ -86,8 +95,8 @@ $colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%);
 $colorItemTreeVCHover: $colorAlt1;
 
 //Tabular
-$tabularHeaderH: 20px;
+$tabularHeaderH: 18px;
-$tabularTdPadLR: 5px;
+$tabularTdPadLR: $itemPadLR;
 $tabularTdPadTB: 2px;
 $tabularColorBorder: rgba(white, 0.1);
 $tabularColorBodyBg: darken($colorBodyBg, 10%);
@@ -104,6 +113,8 @@ $formRowCtrlsH: 14px;
 $menuLineH: 1.5rem;
 $scrollbarTrackSize: 10px;
 $scrollbarTrackColorBg: rgba(#000, 0.4);
+$btnStdH: 25px;
+$btnToolbarH: $btnStdH;
 
 // Paths
 $dirImgs: '../images/'; // Relative to platform/css/ directory

platform/commonUI/general/res/sass/_data-status.scss

@@ -0,0 +1,7 @@
+.s-stale {
+	@include s-stale();
+	.td {
+		@include s-stale();
+	}
+}
+

platform/commonUI/general/res/sass/_effects.scss

@@ -41,4 +41,21 @@ a.disabled {
 
 .test {
 	@include test();
+}
+
+@include keyframes(pulse) {
+	0%   { opacity: 0.2; }
+	100% { opacity: 1; }
+}
+
+@mixin pulse($dur: 500ms) {
+	@include animation-name(pulse);
+	@include animation-duration($dur);
+	@include animation-direction(alternate);
+	@include animation-iteration-count(infinite);
+	@include animation-timing-function(ease-in-out);
+}
+
+.pulse {
+	@include pulse(1000ms);
 }

platform/commonUI/general/res/sass/_fixed-position.scss

@@ -21,24 +21,18 @@
  *****************************************************************************/
 .t-fixed-position {
 	&.l-fixed-position {
-		//		@include test(red);
+//		@include test(red);
 		position: absolute;
-		top: 0;
+		top: 0; right: 0; bottom: 0; left: 0;
-		right: 0;
+		width: auto; height: auto;
-		bottom: 0;
-		left: 0;
-		width: auto;
-		height: auto;
 
 		.l-grid-holder {
 			position: relative;
-			height: 100%;
+			height: 100%; width: 100%;
-			width: 100%;
 			.l-grid {
-				//				@include test(orange);
+//				@include test(orange);
 				position: absolute;
-				height: 100%;
+				height: 100%; width: 100%;
-				width: 100%;
 				pointer-events: none;
 				z-index: 0;
 			}
@@ -62,13 +56,12 @@
 		.l-fixed-position-image,
 		.l-fixed-position-text {
 			@include box-sizing(border-box);
-			height: 100%;
+			height: 100%; width: 100%;
-			width: 100%;
 		}
 
 		.l-fixed-position-box {
 		}
-
+		
 		.l-fixed-position-image {
 			background-size: cover;
 			background-repeat: no-repeat;
@@ -77,32 +70,39 @@
 
 		.l-fixed-position-text {
 			@include txtShdwSubtle();
-			border: 1px solid transparent;
+			border:1px solid transparent;
 			font-size: 0.8rem;
-			$p: $interiorMarginSm;
+			$p: 1px; //$interiorMarginSm;
+			line-height: 100%;
 			&.l-static-text {
-				//				overflow: auto;
+//				overflow: auto;
 				padding: $p;
 			}
 			&.l-telemetry {
 				.l-elem {
-					@include absPosDefault($p);
+					//@include absPosDefault($p);
+					@include absPosDefault(0);
 					@include box-sizing(border-box);
+					padding: 2px;
 					width: 50%;
 					&.l-title {
 						right: auto;
 						left: $p;
 					}
 					&.l-value {
-						//                        @include test(blue);
+//                        @include test(blue);
 						right: $p;
 						left: auto;
 						text-align: right;
 						&.telem-only {
-							//							@include test(red);
+//							@include test(red);
 							left: $p;
 							width: auto;
 						}
+						.l-value-bg {
+							@include border-radius($smallCr);
+							padding: 0 4px;
+						}
 					}
 				}
 			}

platform/commonUI/general/res/sass/_icons.scss

@@ -76,7 +76,7 @@
 }
 
 .object-header .type-icon {
-    color: $colorAlt1;
+    color: $colorKey;
 	margin-right: $interiorMargin;
 }
 

platform/commonUI/general/res/sass/_limits.scss

@@ -0,0 +1,52 @@
+@mixin limit($c, $glyph) {
+	background: $c;
+	&:before {
+		//@include pulse(500ms);
+		color: lighten($c, 30%);
+		content: $glyph;
+	}
+}
+
+/*.s-limit-upr,
+.s-limit-lwr {
+	$a: 0.5;
+	$l: 30%;
+	white-space: nowrap;
+	&:before {
+		display: inline-block;
+		font-family: symbolsfont;
+		font-size: 0.85em;
+		font-style: normal !important;
+		margin-right: $interiorMarginSm;
+		vertical-align: middle;
+	}
+}
+
+.s-limit-upr {
+	&.s-limit-yellow { @include limit($colorLimitYellow, "\0000ed"); }
+	&.s-limit-red { @include limit($colorLimitRed, "\0000eb"); }
+}
+
+.s-limit-lwr {
+	&.s-limit-yellow { @include limit($colorLimitYellow, "\0000ec"); }
+	&.s-limit-red { @include limit($colorLimitRed, "\0000ee"); }
+}*/
+
+[class*="s-limit"] {
+	$a: 0.5;
+	$l: 30%;
+	white-space: nowrap;
+	&:before {
+		display: inline-block;
+		font-family: symbolsfont;
+		font-size: 0.85em;
+		font-style: normal !important;
+		margin-right: $interiorMarginSm;
+		vertical-align: middle;
+	}
+}
+
+.s-limit-upr-red { @include limit($colorLimitRed, "\0000eb"); };
+.s-limit-upr-yellow { @include limit($colorLimitYellow, "\0000ed"); };
+.s-limit-lwr-yellow { @include limit($colorLimitYellow, "\0000ec"); };
+.s-limit-lwr-red { @include limit($colorLimitRed, "\0000ee"); };

platform/commonUI/general/res/sass/_main.scss

@@ -22,6 +22,7 @@
 @import "compass";
 @import "compass/reset";
 @import "compass/css3";
+@import "compass/css3/animation";
 @import "compass/css3/user-interface";
 @import "compass/utilities";
 
@@ -35,7 +36,10 @@
 @import "text";
 @import "badges";
 @import "icons";
+@import "limits";
+@import "data-status";
 @import "lists/tabular";
+@import "controls/breadcrumb";
 @import "controls/buttons";
 @import "controls/color-palette";
 @import "controls/controls";

platform/commonUI/general/res/sass/_mixins.scss

@@ -67,7 +67,7 @@
 		rgba($c, $a) 25%, transparent 25%,
 		transparent 50%, rgba($c, $a) 50%,
 		rgba($c, $a) 75%, transparent 75%,
-		transparent 0
+		transparent 100%
 	));
 	background-repeat: repeat;
 	background-size: $d $d;
@@ -178,6 +178,14 @@
 	@include box-shadow(rgba($color, $sVal) 0 0 30px);
 }
 
+@mixin linearGlow($deg: 0, $c: red, $a: 0.4) {
+    @include background-image(linear-gradient($deg, rgba($c,0), rgba($c, $a) 100%));
+}
+
+@mixin subtleGrad($deg: 0, $c: red, $a0: 0.2, $a1: 0.3) {
+	@include background-image(linear-gradient($deg, rgba($c,$a0), rgba($c, $a1) 100%));
+}
+
 @mixin txtShdwSubtle($sVal: 0.1) {
 	@include text-shadow(rgba(black, $sVal) 0 1px 2px);
 }
@@ -247,8 +255,6 @@
 	background-color: rgba($c, $a);
 }
 
-
-
 @mixin testObj($w: 2000px, $h: 1000px, $c: black, $a: 0.1) {
     &:after {
         @include box-sizing(border-box);
@@ -264,4 +270,9 @@
         transform: scaleX(1) scaleY(1) scaleZ(1);
         transform-origin: 50% 50% 0;
     }
+}
+
+@mixin s-stale($a: 0.5) {
+	color: rgba($colorTelemFresh, $a) !important;
+	font-style: italic;
 }

platform/commonUI/general/res/sass/controls/_breadcrumb.scss

@@ -0,0 +1,31 @@
+.l-breadcrumb {
+	$c: darken($colorBodyFg, 15%);
+	$p: 4px;
+	font-size: 0.7rem;
+	line-height: 1em;
+	margin-bottom: $interiorMargin;
+	margin-left: -1 * $p;
+	.l-breadcrumb-item {
+		//@include test();
+		a {
+			@include box-sizing(border-box);
+			@include border-radius($basicCr*.75);
+			@include single-transition(background-color, 0.25s);
+			color: darken($colorBodyFg, 15%);
+			display: inline-block;
+			//margin-right: $interiorMargin;
+			padding: $p/2 $p;
+			.icon {
+				color: $colorItemTreeIcon;
+				margin-right: $interiorMargin;
+			}
+			&:hover {
+				background: lighten($colorBodyBg, 10%);
+				color: lighten($colorBodyFg, 10%);
+				.icon {
+					color: $colorItemTreeIconHover;
+				}
+			}
+		}
+	}
+}

platform/commonUI/general/res/sass/controls/_controls.scss

@@ -103,11 +103,12 @@
 	padding: 0 ($interiorMargin * 2);  // Moved to s-btn
 	text-decoration: none;  // Moved to s-btn
 	&.create-btn {
-		$h: $ueBrowseViewBarH;
+		$h: $ueTopBarH - $interiorMargin; //$btnStdH * 1.5;;
+		$p: $p * 2.25;
 		height: $h;
 		line-height: $h;
-		font-size: 1.1em;
+		//font-size: 1.1em;
-		padding: 0 ($p * 1.5) 0 $p;
+		padding: 0 $p;
 		.menu {
 			margin-left: $p * -1;
 		}
@@ -223,7 +224,7 @@
 .top-bar .buttons-main .t-btn,
 .tool-bar .btn,
 .tool-bar .t-btn {
-	$h: $ueEditToolBarButtonH;
+	$h: $btnToolbarH;
 	display: inline-block;
 	font-size: $h * $btnFontSizeToH;
 	height: $h;
@@ -361,7 +362,7 @@ label.checkbox.custom {
 }
 
 .top-bar .btn-menu {
-	$h: $ueTopBarH; // 35px
+	$h: $btnStdH; //$ueTopBarBtnH; // 35px
 	$p: 10px;
 	$badgeM: $interiorMargin;
 	$badgeD: $h - ($badgeM * 2);
@@ -407,7 +408,6 @@ label.checkbox.custom {
 		font-size: 1.1em;
 		span {
 			display: inline-block;
-//			margin-right: $interiorMargin;
 		}
 	}
 }

platform/commonUI/general/res/sass/controls/_menus.scss

@@ -72,7 +72,9 @@
         $prw: $w - $plw;
         width: $w;
         height: $h;
-        .contents { overflow: none; }
+        .contents {
+	        @include absPosDefault($interiorMargin);
+        }
         .pane {
             @include box-sizing(border-box);
             &.left {

platform/commonUI/general/res/sass/helpers/_bubbles.scss

@@ -21,9 +21,6 @@
  *****************************************************************************/
 //************************************************* LAYOUT
 
-$infoBubbleFg: #666;
-$infoBubbleBg: #ddd;
-
 .l-infobubble-wrapper {
 	$arwSize: 5px;
 	@include box-shadow(rgba(black, 0.4) 0 1px 5px);
@@ -31,7 +28,7 @@ $infoBubbleBg: #ddd;
 	z-index: 70;
 	.l-infobubble {
 		display: inline-block;
-		max-width: 250px;
+		max-width: 300px;
 		padding: 5px 10px;
 		&:before {
 			content:"";
@@ -54,7 +51,8 @@ $infoBubbleBg: #ddd;
 						white-space: nowrap;
 					}
 					&.value {
-						white-space: nowrap;
+						//@include test(red);
+						//white-space: nowrap;
 						//width: 90%;
 					}
 					&.align-wrap {
@@ -76,7 +74,7 @@ $infoBubbleBg: #ddd;
 			right: 100%;
 			border-top: $arwSize solid transparent;
 			border-bottom: $arwSize solid transparent;
-			border-right: ($arwSize * 1.5) solid $infoBubbleBg;
+			border-right: ($arwSize * 1.5) solid $colorInfoBubbleBg;
 		}
 	}
 
@@ -86,7 +84,7 @@ $infoBubbleBg: #ddd;
 			left: 100%;
 			border-top: $arwSize solid transparent;
 			border-bottom: $arwSize solid transparent;
-			border-left: ($arwSize * 1.5) solid $infoBubbleBg;
+			border-left: ($arwSize * 1.5) solid $colorInfoBubbleBg;
 		}
 	}
 
@@ -110,7 +108,7 @@ $infoBubbleBg: #ddd;
 			margin-left: -1 * $arwSize;
 			border-left: $arwSize solid transparent;
 			border-right: $arwSize solid transparent;
-			border-top: ($arwSize * 1.5) solid $infoBubbleBg;
+			border-top: ($arwSize * 1.5) solid $colorInfoBubbleBg;
 		}
 	}
 }
@@ -118,10 +116,10 @@ $infoBubbleBg: #ddd;
 //************************************************* LOOK AND FEEL
 
 .s-infobubble {
-	$emFg: darken($infoBubbleFg, 20%);
+	$emFg: darken($colorInfoBubbleFg, 20%);
 	@include border-radius($basicCr);
-	background: $infoBubbleBg;
+	background: $colorInfoBubbleBg;
-	color: $infoBubbleFg;
+	color: $colorInfoBubbleFg;
 	font-size: 0.8rem;
 	.title {
 		color: $emFg;
@@ -129,7 +127,7 @@ $infoBubbleBg: #ddd;
 	}
 	tr {
 		td {
-			border-top: 1px solid darken($infoBubbleBg, 10%);
+			border-top: 1px solid darken($colorInfoBubbleBg, 10%);
 			font-size: 0.9em;
 		}
 		&:first-child td {

platform/commonUI/general/res/sass/helpers/_splitter.scss

@@ -84,7 +84,7 @@
 }
 
 .browse-area .splitter {
-	top: $ueBrowseViewBarH + $interiorMargin;
+	top: $ueTopBarH + $interiorMargin;
 }
 
 .edit-area .splitter {

platform/commonUI/general/res/sass/lists/_tabular.scss

@@ -19,78 +19,108 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-.w1 {
+.w1, .w2 {
-	background: $tabularColorHeaderBg;
-	padding-top: $tabularHeaderH;
 	position: relative;
+	height: 100%;
 }
-.w2 {
-	background: $tabularColorBodyBg;
-	overflow-y: auto;
 
-}
 .tabular {
 	@include box-sizing(border-box);
 	border-spacing: 0;
 	border-collapse: collapse;
+	color: #fff;
 	display: table;
 	font-size: 0.8em;
+	position: relative;
+	height: 100%;
 	width: 100%;
-	.tr {
+	thead, .thead,
-		display: table-row;
+	tbody tr, .tbody .tr {
+		display: table;
+		width: 100%;
+		table-layout: fixed;
+	}
+	thead, .thead {
+		width: calc(100% - 10px);
+		tr, .tr {
+			height: $tabularHeaderH;
+		}
+		&:before {
+			content: "";
+			display: block;
+			z-index: 0;
+			position: absolute;
+			width: 100%;
+			height: $tabularHeaderH;
+			background: rgba(#fff, 0.15);
+		}
+	}
+	tbody, .tbody {
+		@include absPosDefault(0);
+		top: $tabularHeaderH;
+		//display: table-row-group;
+		display: block;
+		//width: 100%;
+		overflow-y: scroll;
+		tr, .tr {
+			&:hover {
+				background: rgba(white, 0.1);
+			}
+		}
+	}
+	tr, .tr {
+		//display: table-row;
+		//width: 100%;
 		&:first-child .td {
 			border-top: none;
 		}
-		&:hover {
+		th, .th, td, .td {
-			background: rgba(white, 0.1);
-		}
-		&.header {
-			display: table-header-group;
-			.th {
-				border: none;
-				color: transparent;
-				height: 0px;
-				line-height: 0;
-				padding: 0 $tabularTdPadLR;
-				white-space: nowrap;
-				vertical-align: middle; // This is crucial to hiding f**king 4px height injected by browser by default
-				&:first-child em {
-					border-left: none;
-				}
-				&.sort {
-					em:after {
-						display: inline-block;
-						font-family: symbolsfont;
-						margin-left: 5px;
-					}
-					&.asc em:after { content: '0'; }
-					&.desc em:after { content: '1'; }
-				}
-				em {
-//					background: rgba(green, 0.2);
-					border-left: 1px solid $tabularColorBorder;
-					color: $tabularColorHeaderFg;
-					cursor: pointer;
-					display: block;
-					font-style: normal;
-					font-weight: bold;
-					height: $tabularHeaderH;
-					line-height: $tabularHeaderH;
-					margin-left: - $tabularTdPadLR;
-					padding: 0 $tabularTdPadLR;
-					position: absolute;
-					top: 0;
-					vertical-align: middle;
-					&:hover {
-						color: lighten($tabularColorHeaderFg, 20%);
-					}
-				}
-			}
-		}
-		.th, .td {
 			display: table-cell;
 		}
-		.td {
+		th, .th {
+			border: none;
+			border-left: 1px solid $tabularColorBorder;
+			color: $tabularColorHeaderFg;
+			padding: 0 $tabularTdPadLR;
+			white-space: nowrap;
+			vertical-align: middle; // This is crucial to hiding f**king 4px height injected by browser by default
+			&:first-child {
+				border-left: none;
+			}
+			&.sort {
+				.icon-sorting:before {
+					display: inline-block;
+					font-family: symbolsfont;
+					margin-left: 5px;
+				}
+				&.asc .icon-sorting:before {
+					content: '0';
+				}
+				&.desc .icon-sorting:before {
+					content: '1';
+				}
+			}
+			/*	em {
+                    //background: rgba(green, 0.2);
+                    border-left: 1px solid $tabularColorBorder;
+                    color: $tabularColorHeaderFg;
+                    cursor: pointer;
+                    display: block;
+                    font-style: normal;
+                    font-weight: bold;
+                    height: $tabularHeaderH;
+                    line-height: $tabularHeaderH;
+                    margin-left: - $tabularTdPadLR;
+                    padding: 0 $tabularTdPadLR;
+                    position: absolute;
+                    top: 0;
+                    vertical-align: middle;
+                    &:hover {
+                        color: lighten($tabularColorHeaderFg, 20%);
+                    }
+                }*/
+		}
+		td, .td {
 			border-top: 1px solid $tabularColorBorder;
 			padding: $tabularTdPadTB $tabularTdPadLR;
 			&.numeric {
@@ -98,4 +128,9 @@
 			}
 		}
 	}
+	&.filterable {
+		tbody, .tbody {
+			top: $tabularHeaderH * 2;
+		}
+	}
 }

platform/commonUI/general/res/sass/plots/_plots-main.scss

@@ -20,7 +20,7 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 $yBarW: 60px;
-$yLabelW: auto; //10px;
+$yLabelW: auto;
 $xBarH: 32px;
 $legendH: 24px;
 $colorHash: rgba(white, 0.3);
@@ -59,7 +59,7 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
 	.gl-plot-coords {
 		@include box-sizing(border-box);
 		@include border-radius($controlCr);
-		background: rgba($colorAlt1, 0.5);
+		background: black; //rgba($colorKey, 0.5);
 		color: lighten($colorBodyFg, 30%);
 		padding: 2px 5px;
 		position: absolute;
@@ -101,7 +101,7 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
 		}
 
 		&.gl-plot-y-label,
-		&.l-plot-y-label  {
+		&.l-plot-y-label {
 			$x: -50%;
 			$r: -90deg;
 			@include transform-origin(50%, 0);
@@ -150,22 +150,51 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
 		height: $legendH;
 		overflow-x: hidden;
 		overflow-y: auto;
-//		.plot-legend-item {
+	}
-//			display: inline-block;
+
-//			margin-right: $interiorMarginLg;
+	/****************************** Limits and Out-of-Bounds data */
-//			span {
+
-//				vertical-align: middle;
+	.l-limit-bar,
-//			}
+	.l-oob-data {
-//			.plot-color-swatch {
+		position: absolute;
-//				@include border-radius(2px);
+		left: 0;
-//				display: inline-block;
+		right: 0;
-//				height: $swatchD;
+		width: auto;
-//				width: $swatchD;
+	}
-//				margin-right: $interiorMarginSm;
+
-//			}
+	.l-limit-bar {
-//		}
+		// Limits in plot display area
+		@mixin limitBg($c) {
+			background: rgba($c, 0.2);
+		}
+
+		height: auto;
+		z-index: 0;
+		&.s-limit-yellow { @include limitBg($colorLimitYellow); }
+		&.s-limit-red { @include limitBg($colorLimitRed); }
+	}
+
+	.l-oob-data {
+		$c: #7748d6;
+		$a: 0.5;
+		$h: 10px;
+		@include absPosDefault();
+		pointer-events: none;
+		height: $h;
+		z-index: 1;
+		&.l-oob-data-up {
+			top: 0;
+			bottom: auto;
+			@include linearGlow(0deg, $c, $a);
+		}
+		&.l-oob-data-dwn {
+			bottom: 0;
+			top: auto;
+			@include linearGlow(180deg, $c, $a);
+		}
 	}
 }
+
 .gl-plot-legend,
 .legend {
 	.plot-legend-item,
@@ -181,11 +210,23 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
 			display: inline-block;
 			height: $swatchD;
 			width: $swatchD;
-			margin-right: $interiorMarginSm;
+			//margin-right: $interiorMarginSm;
-
 		}
-		.title-label {
+		.title-label {}
+	}
+}
 
+.gl-plot-legend {
+	.plot-legend-item {
+		//@include test();
+		@include border-radius($smallCr);
+		color: #fff;
+		line-height: 1.5em;
+		padding: 0px $itemPadLR;
+		.plot-color-swatch {
+			border: 1px solid $colorBodyBg;
+			height: $swatchD + 1;
+			width: $swatchD + 1;
 		}
 	}
 }
@@ -199,7 +240,6 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
 	}
 }
 
-
 .gl-plot-tick,
 .tick-label {
 	//			@include test(red);

platform/commonUI/general/res/sass/user-environ/_layout.scss

@@ -110,11 +110,12 @@
 	}
 
 	.edit-area {
-		$tbH: $ueEditToolBarH;
+		$tbH: $btnToolbarH + $interiorMargin;
+		top: $bodyMargin + $ueTopBarEditH + ($interiorMargin);
 		.tool-bar {
 			bottom: auto;
 			height: $tbH;
-			line-height: $ueEditToolBarButtonH;
+			line-height: $btnToolbarH;
 		}
 		.work-area {
 			top: $tbH + $interiorMargin * 2;
@@ -202,19 +203,31 @@
     position: absolute;
     &.treeview {
 	    .create-btn-holder {
-		    bottom: auto; height: $ueBrowseViewBarH;
+		    bottom: auto; top: 0;
+		    height: $ueTopBarH;
+		    .wrapper.menu-element {
+			    position: absolute;
+			    bottom: $interiorMargin;
+		    }
 	    }
 	    .tree-holder {
 		    overflow: auto;
-		    top: $ueBrowseViewBarH + $interiorMargin;
+		    top: $ueTopBarH + $interiorMargin;
 	    }
     }
     &.items {
         .object-browse-bar {
 //            bottom: auto;
+	        .left.abs,
+	        .right.abs {
+		        top: auto;
+	        }
+	        .right.abs {
+		        bottom: $interiorMargin;
+	        }
         }
         .object-holder {
-            top: $ueBrowseViewBarH + $interiorMargin;
+            top: $ueTopBarH + $interiorMargin;
         }
     }
 	&.edit-main {

platform/commonUI/general/res/sass/user-environ/_object-browse.scss

@@ -20,8 +20,8 @@
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 .object-browse-bar {
-    height: $ueBrowseViewBarH;
+    height: $ueTopBarH;
-    line-height: $ueBrowseViewBarH;
+    //line-height: $ueTopBarBtnH;
     .items-select {
         .btn-menu {
             margin-right: $interiorMargin * 3;

platform/commonUI/general/res/sass/user-environ/_tool-bar.scss

@@ -22,19 +22,19 @@
 .tool-bar {
 	border-bottom: 1px solid $colorInteriorBorder;
 	.l-control-group {
-		height: $ueEditToolBarButtonH;
+		height: $btnToolbarH;
 	}
 	input[type="text"] {
 		@include box-sizing(border-box);
 		font-size: .9em;
-		height: $ueEditToolBarButtonH;
+		height: $btnToolbarH;
 		margin-bottom: 1px;
 		position: relative;
 		&.sm {
-			width: $ueEditToolBarButtonH;
+			width: $btnToolbarH;
 		}
 	}
 	.input-labeled label {
-		font-size: $ueEditToolBarButtonH * $btnFontSizeToH;
+		font-size: $btnToolbarH * $btnFontSizeToH;
 	}
 }

platform/commonUI/general/res/sass/user-environ/_top-bar.scss

@@ -22,13 +22,13 @@
 .top-bar {
 //	$h: $ueTopBarH - 5px;
 //	background: rgba(#ff0000, 0.2);
-	line-height: $ueTopBarH;
+//	line-height: $ueTopBarBtnH;
 
     &.browse,
     &.edit {
 	    border-bottom: 1px solid $colorInteriorBorder;
         top: $bodyMargin; right: $bodyMargin; bottom: auto; left: $bodyMargin;
-        height: $ueTopBarH;
+        height: $ueTopBarEditH;
     }
 	
 	.action {

platform/commonUI/inspect/res/bubble.html

@@ -1,4 +1,4 @@
-	<div class="t-infobubble s-infobubble l-infobubble-wrapper {{bubble.bubbleLayout}}" style="position: relative;">
+	<div class="t-infobubble s-infobubble l-infobubble-wrapper {{bubble.bubbleLayout}}">
 		<div class="l-infobubble">
 			<div ng-show="bubble.bubbleTitle.length > 0"
 				 class="title">