ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-04-09 04:14:32 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #437 from nasa/open431

Browse Source 
Review and integrate open431
This commit is contained in:
Victor Woeltjen 2015-12-30 09:02:42 -08:00
commit 2b0f6dd577
20 changed files with 924 additions and 529 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
platform/commonUI/edit/res/templates/elements.html
View File

@ -24,7 +24,9 @@
<ul class="tree">
<li ng-repeat="containedObject in composition">
<span class="tree-item">
<mct-representation key="'label'" mct-object="containedObject">
<mct-representation key="'label'"
mct-object="containedObject"
class="rep-object-label">
</mct-representation>
</span>
</li>

2
platform/commonUI/general/res/sass/_constants.scss
View File

@ -71,7 +71,7 @@ $itemPadLR: 5px;
$treeVCW: 10px;
$treeTypeIconH: 1.4em; // was 16px
$treeTypeIconHPx: 16px;
$treeTypeIconW: 20px;
$treeTypeIconW: 18px;
$treeContextTriggerW: 20px;
// Tabular
$tabularHeaderH: 22px; //18px

27
platform/commonUI/general/res/sass/_icons.scss
View File

@ -73,31 +73,34 @@
}
.l-icon-alert {
display: none !important; // Remove this when alerts are enabled
display: none !important;
&:before {
color: $colorAlert;
content: "!";
}
}
// NEW!!
.t-item-icon {
// Used in grid-item.html, tree-item, inspector location, more?
@extend .ui-symbol;
@extend .icon;
display: inline-block;
line-height: normal; // This is Ok for the symbolsfont
position: relative;
.t-item-icon-glyph {
position: absolute;
}
&.l-icon-link {
&:before {
color: $colorIconLink;
content: "\f4";
height: auto; width: auto;
position: absolute;
left: 0; top: 0; right: 0; bottom: 10%;
@include transform-origin(bottom, left);
@include transform(scale(0.3));
z-index: 2;
.t-item-icon-glyph {
&:before {
color: $colorIconLink;
content: "\f4";
height: auto; width: auto;
position: absolute;
left: 0; top: 0; right: 0; bottom: 10%;
@include transform-origin(bottom, left);
@include transform(scale(0.3));
z-index: 2;
}
}
}
}

11
platform/commonUI/general/res/sass/_inspector.scss
View File

@ -84,12 +84,20 @@
}
.inspector-location {
//line-height: 180%;
.location-item {
$h: 1.2em;
@include box-sizing(border-box);
cursor: pointer;
display: inline-block;
line-height: $h;
position: relative;
padding: 2px 4px;
.t-object-label {
.t-item-icon {
height: $h;
width: 0.7rem;
}
}
&:hover {
background: $colorItemTreeHoverBg;
color: $colorItemTreeHoverFg;
@ -104,6 +112,7 @@
display: inline-block;
font-family: symbolsfont;
font-size: 8px;
font-style: normal !important;
line-height: inherit;
margin-left: $interiorMarginSm;
width: 4px;

1
platform/commonUI/general/res/sass/_main.scss
View File

@ -60,6 +60,7 @@
@import "overlay/overlay";
@import "mobile/overlay/overlay";
@import "tree/tree";
@import "object-label";
@import "mobile/tree";
@import "user-environ/frame";
@import "user-environ/top-bar";

2
platform/commonUI/general/res/sass/_mixins.scss
View File

@ -300,7 +300,7 @@
@include desktop {
@if $bgHov != none {
&:not(.disabled):hover {
background: $bgHov;
@include background-image($bgHov);
>.icon {
color: lighten($ic, $ltGamma);
}

69
platform/commonUI/general/res/sass/_object-label.scss Normal file
View File

@ -0,0 +1,69 @@
/*****************************************************************************
* 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.
*****************************************************************************/
// mct-representation surrounding an object-label key="'label'"
.rep-object-label {
@include flex-direction(row);
@include flex(1 1 auto);
height: inherit;
line-height: inherit;
min-width: 0;
}
.t-object-label {
.t-item-icon {
margin-right: $interiorMargin;
}
}
mct-representation {
&.s-status-pending {
.t-object-label {
.t-item-icon {
&:before {
$spinBW: 4px;
$spinD: 0;
@include spinner($spinBW);
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
padding: 30%;
width: $spinD;
height: $spinD;
}
.t-item-icon-glyph {
display: none;
}
}
.t-title-label {
font-style: italic;
opacity: 0.6;
}
}
}
}
.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
border-color: rgba($colorItemTreeSelectedFg, 0.25);
border-top-color: rgba($colorItemTreeSelectedFg, 1.0);
}

22
platform/commonUI/general/res/sass/helpers/_wait-spinner.scss
View File

@ -24,21 +24,27 @@
100% { transform: rotate(359deg); }
}
@mixin wait-spinner2($b: 5px, $c: $colorAlt1) {
@mixin spinner($b: 5px) {
@include keyframes(rotateCentered) {
0% { transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% { transform: translateX(-50%) translateY(-50%) rotate(359deg); }
}
0% { @include transform(translateX(-50%) translateY(-50%) rotate(0deg)); }
100% { @include transform(translateX(-50%) translateY(-50%) rotate(359deg)); }
}
@include animation-name(rotateCentered);
@include animation-duration(0.5s);
@include animation-iteration-count(infinite);
@include animation-timing-function(linear);
@include transform-origin(center);
border-style: solid;
border-width: $b;
@include border-radius(100%);
}
@mixin wait-spinner2($b: 5px, $c: $colorAlt1) {
@include spinner($b);
@include box-sizing(border-box);
border-color: rgba($c, 0.25);
border-top-color: rgba($c, 1.0);
border-style: solid;
border-width: 5px;
@include border-radius(100%);
@include box-sizing(border-box);
display: block;
position: absolute;
height: 0; width: 0;

2
platform/commonUI/general/res/sass/mobile/_constants.scss
View File

@ -31,7 +31,7 @@ $tabletItemH: floor($ueBrowseGridItemLg/3);
/************************** MOBILE TREE MENU DIMENSIONS */
$mobileTreeItemH: 35px;
$mobileTreeItemIndent: 20px;
$mobileTreeItemIndent: 15px;
$mobileTreeRightArrowW: 30px;
/************************** DEVICE WIDTHS */

35
platform/commonUI/general/res/sass/mobile/_tree.scss
View File

@ -30,25 +30,30 @@
}
.tree-item,
.search-result-item {
height: $mobileTreeItemH;
line-height: $mobileTreeItemH;
margin-bottom: 0px;
height: $mobileTreeItemH !important;
line-height: $mobileTreeItemH !important;
margin-bottom: 0px !important;
.view-control {
//@include test(red);
position: absolute;
font-size: 1.1em;
height: $mobileTreeItemH;
line-height: inherit;
right: 0px;
width: $mobileTreeRightArrowW;
text-align: center;
font-size: 1.2em;
margin-right: 0;
order: 2;
width: $mobileTreeItemH;
&.has-children {
&:before {
content: "\7d";
left: 50%;
@include transform(translateX(-50%) rotate(90deg));
}
&.expanded:before {
@include transform(translateX(-50%) rotate(270deg));
}
}
}
.label,
.t-object-label {
left: 0;
right: $mobileTreeRightArrowW + $interiorMargin; // Allows tree item name to stop prior to the arrow
line-height: inherit;
.t-item-icon.l-icon-link .t-item-icon-glyph:before {
bottom: 20%; // Shift up due to height of mobile menu items
}
}
}
}

2
platform/commonUI/general/res/sass/mobile/search/_search.scss
View File

@ -1,5 +1,5 @@
@include phone {
.search {
.search-holder {
.search-bar {
// Hide menu-icon and adjust spacing when in phone mode
.menu-icon {

4
platform/commonUI/general/res/sass/search/_search.scss
View File

@ -82,6 +82,7 @@
left: $interiorMarginSm;
@include trans-prop-nice(color, 250ms);
pointer-events: none;
z-index: 1;
}
// Make icon lighten when hovering over search bar
@ -127,7 +128,7 @@
}
.active-filter-display {
$s: 0.65em;
$s: 0.7em;
$p: $interiorMargin;
@include box-sizing(border-box);
line-height: 130%;
@ -146,7 +147,6 @@
.search-results {
@include trans-prop-nice((opacity, visibility), 250ms);
margin-top: $interiorMarginLg; // Always include margin here to fend off the search input
padding-right: $interiorMargin;
.hint {
margin-bottom: $interiorMarginLg;

108
platform/commonUI/general/res/sass/tree/_tree.scss
View File

@ -35,23 +35,35 @@ ul.tree {
.tree-item,
.search-result-item {
$runningItemW: 0;
@extend .l-flex-row;
@include box-sizing(border-box);
@include border-radius($basicCr);
@include single-transition(background-color, 0.25s);
display: block;
font-size: 0.8rem;
height: $menuLineH;
line-height: $menuLineH;
margin-bottom: $interiorMarginSm;
padding: 0 $interiorMarginSm;
position: relative;
.view-control {
color: $colorItemTreeVC;
display: inline-block;
margin-left: $interiorMargin;
font-size: 0.75em;
font-size: 0.75em;
margin-right: $interiorMargin;
height: 100%;
line-height: inherit;
width: $treeVCW;
$runningItemW: $interiorMargin + $treeVCW;
&.has-children {
&:before {
position: absolute;
@include trans-prop-nice(transform, 100ms);
content: "\3e";
@include transform-origin(center);
}
&.expanded:before {
@include transform(rotate(90deg));
}
}
@include desktop {
&:hover {
color: $colorItemTreeVCHover !important;
@ -59,64 +71,17 @@ ul.tree {
}
}
.label,
.t-object-label {
display: block;
@include absPosDefault();
line-height: $menuLineH;
.t-item-icon {
@include txtShdwSubtle($shdwItemTreeIcon);
font-size: $treeTypeIconH;
color: $colorItemTreeIcon;
position: absolute;
left: $interiorMargin;
top: 50%;
width: $treeTypeIconH;
@include transform(translateY(-50%));
width: $treeTypeIconW;
}
.type-icon {
//@include absPosDefault(0, false);
$d: $treeTypeIconH;
@include txtShdwSubtle($shdwItemTreeIcon);
font-size: $treeTypeIconH;
color: $colorItemTreeIcon;
left: $interiorMargin;
position: absolute;
@include verticalCenterBlock($menuLineHPx, $treeTypeIconHPx);
line-height: 100%;
right: auto; width: $treeTypeIconH;
.icon {
&.l-icon-link,
&.l-icon-alert {
position: absolute;
z-index: 2;
}
&.l-icon-alert {
$d: 8px;
@include ancillaryIcon($d, $colorAlert);
top: 1px;
right: -2px;
}
&.l-icon-link {
$d: 8px;
@include ancillaryIcon($d, $colorIconLink);
left: -3px;
bottom: 0px;
}
}
}
.title-label,
.t-title-label {
@include absPosDefault();
display: block;
left: $runningItemW + ($interiorMargin * 3);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@include ellipsize();
}
}
&.selected {
@ -126,12 +91,11 @@ ul.tree {
color: $colorItemTreeSelectedVC;
}
.t-object-label .t-item-icon {
color: $colorItemTreeSelectedFg; //$colorItemTreeIconHover;
color: $colorItemTreeSelectedFg;
}
}
&:not(.selected) {
// NOTE: [Mobile] Removed Hover on Mobile
@include desktop {
&:hover {
background: $colorItemTreeHoverBg;
@ -160,8 +124,28 @@ ul.tree {
}
}
.tree-item {
.t-object-label {
left: $interiorMargin + $treeVCW;
}
}
mct-representation {
&.s-status-pending {
.t-object-label {
.t-item-icon {
&:before {
$spinBW: 4px;
@include spinner($spinBW);
border-color: rgba($colorItemTreeIcon, 0.25);
border-top-color: rgba($colorItemTreeIcon, 1.0);
}
.t-item-icon-glyph {
display: none;
}
}
.t-title-label {
font-style: italic;
opacity: 0.6;
}
}
}
}
.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
border-color: rgba($colorItemTreeSelectedFg, 0.25);
border-top-color: rgba($colorItemTreeSelectedFg, 1.0);
}

10
platform/commonUI/general/res/templates/label.html
View File

@ -19,7 +19,9 @@
this source code distribution or the Licensing information page available
at runtime from the About dialog for additional information.
-->
<span class="t-object-label">
<span class="t-item-icon" ng-class="{ 'l-icon-link':location.isLink() }">{{type.getGlyph()}}</span>
<span class='t-title-label'>{{model.name}}</span>
</span>
<div class="t-object-label l-flex-row flex-elem grows">
<div class="t-item-icon flex-elem" ng-class="{ 'l-icon-link':location.isLink() }">
<div class="t-item-icon-glyph">{{type.getGlyph()}}</div>
</div>
<div class='t-title-label flex-elem grows'>{{model.name}}</div>
</div>

4
platform/commonUI/general/res/templates/object-inspector.html
View File

@ -41,7 +41,7 @@
mct-object="parent"
ng-model="ngModel"
ng-click="ngModel.selectedObject = parent"
class="location-item">
class="location-item rep-object-label">
</mct-representation>
</span>
</li>
@ -54,7 +54,7 @@
mct-object="parent"
ng-model="ngModel"
ng-click="ngModel.selectedObject = parent"
class="location-item">
class="location-item rep-object-label">
</mct-representation>
</span>
</li>

29
platform/commonUI/general/res/templates/tree-node.html
View File

@ -26,41 +26,18 @@
ng-class="{selected: treeNode.isSelected()}"
>
<span
mct-device="desktop"
class='ui-symbol view-control'
class='ui-symbol view-control flex-elem'
ng-class="{ 'has-children': model.composition !== undefined, expanded: toggle.isActive() }"
ng-click="toggle.toggle(); treeNode.trackExpansion()"
ng-if="model.composition !== undefined"
>
{{toggle.isActive() ? "v" : ">"}}
</span>
<mct-representation
mct-device="desktop"
class="mobile-hide"
class="rep-object-label"
key="'label'"
mct-object="domainObject"
ng-click="treeNode.select()"
>
</mct-representation>
<mct-representation
mct-device="mobile"
class="desktop-hide"
key="'label'"
mct-object="domainObject"
ng-click="(model.composition === undefined) && treeNode.select();
toggle.toggle();
treeNode.trackExpansion();"
>
</mct-representation>
<span
mct-device="mobile"
class='ui-symbol view-control'
ng-model="ngModel"
ng-click="treeNode.select()"
>
}
</span>
</span>
<span
class="tree-item-subtree"

574
platform/commonUI/themes/espresso/res/css/theme-espresso.css
View File

@ -516,34 +516,40 @@ mct-container {
/********************************************* FLEX STYLES */
/* line 95, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row,
.l-flex-row, .tree-item,
.search-result-item,
.l-flex-col {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap; }
/* line 99, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-elem,
.l-flex-row .flex-elem, .tree-item .flex-elem,
.search-result-item .flex-elem,
.l-flex-col .flex-elem {
min-height: 0;
position: relative; }
/* line 102, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-elem:not(.grows),
.l-flex-row .flex-elem:not(.grows), .tree-item .flex-elem:not(.grows),
.search-result-item .flex-elem:not(.grows),
.l-flex-col .flex-elem:not(.grows) {
-webkit-flex: 0 0 auto;
flex: 0 0 auto; }
/* line 104, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-elem:not(.grows).flex-can-shrink,
.l-flex-row .flex-elem:not(.grows).flex-can-shrink, .tree-item .flex-elem:not(.grows).flex-can-shrink,
.search-result-item .flex-elem:not(.grows).flex-can-shrink,
.l-flex-col .flex-elem:not(.grows).flex-can-shrink {
-webkit-flex: 0 1 auto;
flex: 0 1 auto; }
/* line 108, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-elem.grows,
.l-flex-row .flex-elem.grows, .tree-item .flex-elem.grows,
.search-result-item .flex-elem.grows,
.l-flex-col .flex-elem.grows {
-webkit-flex: 1 1 auto;
flex: 1 1 auto; }
/* line 112, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-container,
.l-flex-row .flex-container, .tree-item .flex-container,
.search-result-item .flex-container,
.l-flex-col .flex-container {
display: -webkit-flex;
display: flex;
@ -554,20 +560,24 @@ mct-container {
min-height: 0; }
/* line 121, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row {
.l-flex-row, .tree-item,
.search-result-item {
-webkit-flex-direction: row;
flex-direction: row; }
/* line 123, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row.flex-elem {
.l-flex-row.flex-elem, .flex-elem.tree-item,
.flex-elem.search-result-item {
-webkit-flex: 1 1 auto;
flex: 1 1 auto; }
/* line 124, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-elem {
.l-flex-row .flex-elem, .tree-item .flex-elem,
.search-result-item .flex-elem {
height: inherit;
line-height: inherit;
min-width: 0; }
/* line 129, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-container {
.l-flex-row .flex-container, .tree-item .flex-container,
.search-result-item .flex-container {
-webkit-flex-direction: row;
flex-direction: row; }
@ -824,13 +834,15 @@ mct-container {
color: #ff3c00;
content: "!"; }
/* line 84, ../../../../general/res/sass/_icons.scss */
/* line 83, ../../../../general/res/sass/_icons.scss */
.t-item-icon {
display: inline-block;
line-height: normal;
position: relative; }
/* line 92, ../../../../general/res/sass/_icons.scss */
.t-item-icon.l-icon-link:before {
/* line 89, ../../../../general/res/sass/_icons.scss */
.t-item-icon .t-item-icon-glyph {
position: absolute; }
/* line 94, ../../../../general/res/sass/_icons.scss */
.t-item-icon.l-icon-link .t-item-icon-glyph:before {
color: #49dedb;
content: "\f4";
height: auto;
@ -1247,7 +1259,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
/* line 63, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 69, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.t-wait-spinner,
.wait-spinner {
display: block;
@ -1272,7 +1284,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
margin-top: -5%;
margin-left: -5%;
z-index: 2; }
/* line 74, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 80, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.t-wait-spinner.inline,
.wait-spinner.inline {
display: inline-block !important;
@ -1280,26 +1292,26 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
position: relative !important;
vertical-align: middle; }
/* line 82, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 88, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.l-wait-spinner-holder {
pointer-events: none;
position: absolute; }
/* line 86, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 92, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.l-wait-spinner-holder.align-left .t-wait-spinner {
left: 0;
margin-left: 0; }
/* line 91, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 97, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.l-wait-spinner-holder.full-size {
display: inline-block;
height: 100%;
width: 100%; }
/* line 94, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 100, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.l-wait-spinner-holder.full-size .t-wait-spinner {
top: 0;
margin-top: 0;
padding: 30%; }
/* line 103, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 109, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.treeview .wait-spinner {
display: block;
position: absolute;
@ -1321,7 +1333,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
top: 2px;
left: 0; }
/* line 112, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 118, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.wait-spinner.sm {
display: block;
position: absolute;
@ -1344,13 +1356,13 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
top: 0;
left: 0; }
/* line 122, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 128, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.loading {
pointer-events: none; }
/* line 125, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 131, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.loading:before, .loading:after {
content: ''; }
/* line 129, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 135, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.loading:before {
-moz-animation-name: rotateCentered;
-webkit-animation-name: rotateCentered;
@ -1364,8 +1376,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
border-color: rgba(255, 199, 0, 0.25);
border-top-color: #ffc700;
-moz-transform-origin: center 50%;
-ms-transform-origin: center 50%;
-webkit-transform-origin: center 50%;
transform-origin: center 50%;
border-style: solid;
border-width: 5px;
-moz-border-radius: 100%;
@ -1374,6 +1388,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-color: rgba(255, 199, 0, 0.25);
border-top-color: #ffc700;
display: block;
position: absolute;
height: 0;
@ -1384,20 +1400,30 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
z-index: 10; }
@-moz-keyframes rotateCentered {
0% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
@-webkit-keyframes rotateCentered {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
@keyframes rotateCentered {
0% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(359deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
/* line 133, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 139, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.loading:after {
overflow: hidden;
position: absolute;
@ -1410,7 +1436,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
background: rgba(153, 153, 153, 0.2);
display: block;
z-index: 9; }
/* line 139, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 145, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.loading.tree-item:before {
padding: 0.375rem;
border-width: 2px; }
@ -1497,26 +1523,35 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.l-inspect .inspector-properties .value {
color: #bfbfbf;
word-break: break-all; }
/* line 88, ../../../../general/res/sass/_inspector.scss */
/* line 87, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
line-height: 1.2em;
position: relative;
padding: 2px 4px; }
/* line 93, ../../../../general/res/sass/_inspector.scss */
/* line 96, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item .t-object-label .t-item-icon {
height: 1.2em;
width: 0.7rem; }
/* line 101, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover {
background: rgba(153, 153, 153, 0.1);
color: #cccccc; }
/* line 96, ../../../../general/res/sass/_inspector.scss */
/* line 104, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon {
color: #33ccff; }
/* line 101, ../../../../general/res/sass/_inspector.scss */
/* line 109, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after {
color: #737373;
content: '\3e';
display: inline-block;
font-family: symbolsfont;
font-size: 8px;
font-style: normal !important;
line-height: inherit;
margin-left: 3px;
width: 4px; }
@ -1646,7 +1681,12 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); }
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff));
background-image: -moz-linear-gradient(#1ac6ff, #00bfff);
background-image: -webkit-linear-gradient(#1ac6ff, #00bfff);
background-image: linear-gradient(#1ac6ff, #00bfff); }
/* line 304, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon, .s-btn.major:not(.disabled):hover > .t-item-icon, .major.s-menu-btn:not(.disabled):hover > .t-item-icon {
color: white; } }
@ -1685,7 +1725,12 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); }
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e));
background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e);
background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e);
background-image: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 304, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
color: #33ccff; } }
@ -1727,7 +1772,12 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
background: linear-gradient(#fe9815, #f88c01); }
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOTgxNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4OGMwMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fe9815), color-stop(100%, #f88c01));
background-image: -moz-linear-gradient(#fe9815, #f88c01);
background-image: -webkit-linear-gradient(#fe9815, #f88c01);
background-image: linear-gradient(#fe9815, #f88c01); }
/* line 304, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon, .s-btn.pause-play.paused:not(.disabled):hover > .t-item-icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .t-item-icon {
color: white; } }
@ -1828,7 +1878,12 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 302, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); }
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e));
background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e);
background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e);
background-image: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 304, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon {
color: #33ccff; } }
@ -2835,7 +2890,7 @@ label.checkbox.custom {
border-top: 1px solid #878787;
color: white;
line-height: 1.5rem;
padding: 3px 10px 3px 30px;
padding: 3px 10px 3px 28px;
position: relative;
white-space: nowrap; }
/* line 97, ../../../../general/res/sass/controls/_menus.scss */
@ -3960,7 +4015,12 @@ textarea {
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 302, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); }
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e));
background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e);
background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e);
background-image: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 304, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover > .icon, .select:not(.disabled):hover > .t-item-icon {
color: #33ccff; } }
@ -5181,49 +5241,50 @@ span.req {
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
pointer-events: none; }
/* line 88, ../../../../general/res/sass/search/_search.scss */
pointer-events: none;
z-index: 1; }
/* line 89, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar:hover:before {
color: #8c8c8c; }
/* line 92, ../../../../general/res/sass/search/_search.scss */
/* line 93, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .clear-icon {
right: 22px;
visibility: hidden;
opacity: 0; }
/* line 98, ../../../../general/res/sass/search/_search.scss */
/* line 99, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .clear-icon.show {
visibility: visible;
opacity: 1; }
/* line 103, ../../../../general/res/sass/search/_search.scss */
/* line 104, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .clear-icon:hover {
color: #8c8c8c; }
/* line 108, ../../../../general/res/sass/search/_search.scss */
/* line 109, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .menu-icon {
font-size: 0.8em;
padding-right: 4px;
right: 4px;
text-align: right; }
/* line 110, ../../../../general/res/sass/search/_search.scss */
/* line 111, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .menu-icon:before {
content: '\76'; }
/* line 116, ../../../../general/res/sass/search/_search.scss */
/* line 117, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .menu-icon:hover {
color: #8c8c8c; }
/* line 121, ../../../../general/res/sass/search/_search.scss */
/* line 122, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .search-menu-holder {
float: right;
left: -20px;
z-index: 70;
transition: visibility .05s, opacity .05s; }
/* line 129, ../../../../general/res/sass/search/_search.scss */
/* line 130, ../../../../general/res/sass/search/_search.scss */
.holder-search .active-filter-display {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 130%;
padding-left: 1.4625em;
font-size: 0.65em; }
/* line 137, ../../../../general/res/sass/search/_search.scss */
padding-left: 1.575em;
font-size: 0.7em; }
/* line 138, ../../../../general/res/sass/search/_search.scss */
.holder-search .active-filter-display .clear-filters-icon {
color: #737373;
opacity: 1;
@ -5231,7 +5292,7 @@ span.req {
position: absolute;
left: 1px;
cursor: pointer; }
/* line 147, ../../../../general/res/sass/search/_search.scss */
/* line 148, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-results {
-moz-transition-property: opacity, visibility;
-o-transition-property: opacity, visibility;
@ -5249,7 +5310,6 @@ span.req {
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
margin-top: 10px;
padding-right: 5px; }
/* line 151, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-results .hint {
@ -5275,10 +5335,10 @@ span.req {
@media only screen and (orientation: portrait) and (max-device-width: 767px), only screen and (orientation: landscape) and (max-device-width: 767px) {
/* line 5, ../../../../general/res/sass/mobile/search/_search.scss */
.search .search-bar .menu-icon {
.search-holder .search-bar .menu-icon {
display: none; }
/* line 8, ../../../../general/res/sass/mobile/search/_search.scss */
.search .search-bar .clear-icon {
.search-holder .search-bar .clear-icon {
right: 5px; } }
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
@ -5453,7 +5513,12 @@ span.req {
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 302, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
background: linear-gradient(#a6a6a6, #999999); }
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2YTZhNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a6a6a6), color-stop(100%, #999999));
background-image: -moz-linear-gradient(#a6a6a6, #999999);
background-image: -webkit-linear-gradient(#a6a6a6, #999999);
background-image: linear-gradient(#a6a6a6, #999999); }
/* line 304, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
color: white; } }
@ -5631,183 +5696,281 @@ ul.tree {
-o-transition: background-color 0.25s;
-webkit-transition: background-color 0.25s;
transition: background-color 0.25s;
display: block;
font-size: 0.8rem;
height: 1.5rem;
line-height: 1.5rem;
margin-bottom: 3px;
padding: 0 3px;
position: relative; }
/* line 48, ../../../../general/res/sass/tree/_tree.scss */
/* line 49, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control,
.search-result-item .view-control {
color: rgba(255, 255, 255, 0.3);
display: inline-block;
margin-left: 5px;
font-size: 0.75em;
margin-right: 5px;
height: 100%;
line-height: inherit;
width: 10px; }
/* line 57, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control.has-children:before,
.search-result-item .view-control.has-children:before {
position: absolute;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-moz-transition-duration: 100ms;
-o-transition-duration: 100ms;
-webkit-transition-duration: 100ms;
transition-duration: 100ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
content: "\3e";
-moz-transform-origin: center 50%;
-ms-transform-origin: center 50%;
-webkit-transform-origin: center 50%;
transform-origin: center 50%; }
/* line 63, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control.has-children.expanded:before,
.search-result-item .view-control.has-children.expanded:before {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 56, ../../../../general/res/sass/tree/_tree.scss */
/* line 68, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control:hover,
.search-result-item .view-control:hover {
color: #ffc700 !important; } }
/* line 62, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label,
/* line 74, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label,
.search-result-item .label,
.search-result-item .t-object-label {
display: block;
overflow: hidden;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width: auto;
height: auto;
line-height: 1.5rem; }
/* line 68, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .t-item-icon,
/* line 76, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label .t-item-icon,
.search-result-item .label .t-item-icon,
.search-result-item .t-object-label .t-item-icon {
text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
font-size: 1.4em;
color: #0099cc;
position: absolute;
left: 5px;
top: 50%;
width: 1.4em;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
/* line 79, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon,
.tree-item .t-object-label .type-icon,
.search-result-item .label .type-icon,
.search-result-item .t-object-label .type-icon {
text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
font-size: 1.4em;
color: #0099cc;
left: 5px;
position: absolute;
top: 4px;
bottom: auto;
height: 16px;
line-height: 100%;
right: auto;
width: 1.4em; }
/* line 92, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-link,
.tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-alert,
.tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-link,
.search-result-item .label .type-icon .l-icon-link.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-alert,
.search-result-item .label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-link,
.search-result-item .t-object-label .type-icon .l-icon-link.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-alert,
.search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon {
position: absolute;
z-index: 2; }
/* line 97, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-alert,
.tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-alert,
.search-result-item .label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-alert,
.search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon {
color: #ff3c00;
font-size: 8px;
line-height: 8px;
height: 8px;
width: 8px;
top: 1px;
right: -2px; }
/* line 103, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-link,
.tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-link,
.search-result-item .label .type-icon .l-icon-link.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-link,
.search-result-item .t-object-label .type-icon .l-icon-link.t-item-icon {
color: #49dedb;
font-size: 8px;
line-height: 8px;
height: 8px;
width: 8px;
left: -3px;
bottom: 0px; }
/* line 111, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .title-label,
.tree-item .label .t-title-label,
.tree-item .t-object-label .title-label,
width: 18px; }
/* line 82, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label .t-title-label,
.search-result-item .label .title-label,
.search-result-item .label .t-title-label,
.search-result-item .t-object-label .title-label,
.search-result-item .t-object-label .t-title-label {
overflow: hidden;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width: auto;
height: auto;
display: block;
left: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
/* line 122, ../../../../general/res/sass/tree/_tree.scss */
/* line 87, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected,
.search-result-item.selected {
background: #006080;
color: #cccccc; }
/* line 125, ../../../../general/res/sass/tree/_tree.scss */
/* line 90, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .view-control,
.search-result-item.selected .view-control {
color: rgba(255, 255, 255, 0.3); }
/* line 128, ../../../../general/res/sass/tree/_tree.scss */
/* line 93, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .t-object-label .t-item-icon,
.search-result-item.selected .t-object-label .t-item-icon {
color: #cccccc; }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 136, ../../../../general/res/sass/tree/_tree.scss */
/* line 100, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover {
background: rgba(153, 153, 153, 0.1);
color: #cccccc; }
/* line 139, ../../../../general/res/sass/tree/_tree.scss */
/* line 103, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover .t-item-icon,
.search-result-item:not(.selected):hover .t-item-icon {
color: #33ccff; } }
/* line 146, ../../../../general/res/sass/tree/_tree.scss */
/* line 110, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.loading),
.search-result-item:not(.loading) {
cursor: pointer; }
/* line 150, ../../../../general/res/sass/tree/_tree.scss */
/* line 114, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger,
.search-result-item .context-trigger {
top: -1px;
position: absolute;
right: 3px; }
/* line 155, ../../../../general/res/sass/tree/_tree.scss */
/* line 119, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger .invoke-menu,
.search-result-item .context-trigger .invoke-menu {
font-size: 0.75em;
height: 0.9rem;
line-height: 0.9rem; }
/* line 164, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label {
left: 15px; }
/* line 131, ../../../../general/res/sass/tree/_tree.scss */
mct-representation.s-status-pending .t-object-label .t-item-icon:before {
-moz-animation-name: rotateCentered;
-webkit-animation-name: rotateCentered;
animation-name: rotateCentered;
-moz-animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-moz-transform-origin: center 50%;
-ms-transform-origin: center 50%;
-webkit-transform-origin: center 50%;
transform-origin: center 50%;
border-style: solid;
border-width: 4px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
border-color: rgba(0, 153, 204, 0.25);
border-top-color: #0099cc; }
@-moz-keyframes rotateCentered {
0% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
@-webkit-keyframes rotateCentered {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
@keyframes rotateCentered {
0% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(359deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
/* line 137, ../../../../general/res/sass/tree/_tree.scss */
mct-representation.s-status-pending .t-object-label .t-item-icon .t-item-icon-glyph {
display: none; }
/* line 141, ../../../../general/res/sass/tree/_tree.scss */
mct-representation.s-status-pending .t-object-label .t-title-label {
font-style: italic;
opacity: 0.6; }
/* line 148, ../../../../general/res/sass/tree/_tree.scss */
.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
border-color: rgba(204, 204, 204, 0.25);
border-top-color: #cccccc; }
/*****************************************************************************
* 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, ../../../../general/res/sass/_object-label.scss */
.rep-object-label {
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
height: inherit;
line-height: inherit;
min-width: 0; }
/* line 33, ../../../../general/res/sass/_object-label.scss */
.t-object-label .t-item-icon {
margin-right: 5px; }
/* line 42, ../../../../general/res/sass/_object-label.scss */
mct-representation.s-status-pending .t-object-label .t-item-icon:before {
-moz-animation-name: rotateCentered;
-webkit-animation-name: rotateCentered;
animation-name: rotateCentered;
-moz-animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-moz-transform-origin: center 50%;
-ms-transform-origin: center 50%;
-webkit-transform-origin: center 50%;
transform-origin: center 50%;
border-style: solid;
border-width: 4px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
padding: 30%;
width: 0;
height: 0; }
@-moz-keyframes rotateCentered {
0% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
@-webkit-keyframes rotateCentered {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
@keyframes rotateCentered {
0% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(359deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
/* line 55, ../../../../general/res/sass/_object-label.scss */
mct-representation.s-status-pending .t-object-label .t-item-icon .t-item-icon-glyph {
display: none; }
/* line 59, ../../../../general/res/sass/_object-label.scss */
mct-representation.s-status-pending .t-object-label .t-title-label {
font-style: italic;
opacity: 0.6; }
/* line 66, ../../../../general/res/sass/_object-label.scss */
.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
border-color: rgba(204, 204, 204, 0.25);
border-top-color: #cccccc; }
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
@ -5833,32 +5996,45 @@ ul.tree {
@media only screen and (orientation: portrait) and (max-device-width: 767px), only screen and (orientation: landscape) and (max-device-width: 767px), only screen and (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (orientation: landscape) and (min-device-width: 768px) and (max-device-width: 1024px) {
/* line 27, ../../../../general/res/sass/mobile/_tree.scss */
ul.tree ul.tree {
margin-left: 20px; }
margin-left: 15px; }
/* line 31, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item,
.search-result-item {
height: 35px;
line-height: 35px;
margin-bottom: 0px; }
height: 35px !important;
line-height: 35px !important;
margin-bottom: 0px !important; }
/* line 36, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .view-control,
.search-result-item .view-control {
position: absolute;
font-size: 1.1em;
height: 35px;
line-height: inherit;
right: 0px;
width: 30px;
text-align: center; }
/* line 47, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .label,
font-size: 1.2em;
margin-right: 0;
order: 2;
width: 35px; }
/* line 42, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .view-control.has-children:before,
.search-result-item .view-control.has-children:before {
content: "\7d";
left: 50%;
-moz-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
-webkit-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg); }
/* line 47, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .view-control.has-children.expanded:before,
.search-result-item .view-control.has-children.expanded:before {
-moz-transform: translateX(-50%) rotate(270deg);
-ms-transform: translateX(-50%) rotate(270deg);
-webkit-transform: translateX(-50%) rotate(270deg);
transform: translateX(-50%) rotate(270deg); }
/* line 52, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .t-object-label,
.search-result-item .label,
.search-result-item .t-object-label {
left: 0;
right: 35px;
line-height: inherit; } }
line-height: inherit; }
/* line 54, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before,
.search-result-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before {
bottom: 20%; } }
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
@ -6824,7 +7000,12 @@ table {
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 302, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover {
background: linear-gradient(#666666, #595959); }
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #595959));
background-image: -moz-linear-gradient(#666666, #595959);
background-image: -webkit-linear-gradient(#666666, #595959);
background-image: linear-gradient(#666666, #595959); }
/* line 304, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover > .icon, .items-holder .item.grid-item:not(.disabled):hover > .t-item-icon {
color: #33ccff; } }
@ -6955,7 +7136,12 @@ table {
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 302, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); }
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff));
background-image: -moz-linear-gradient(#1ac6ff, #00bfff);
background-image: -webkit-linear-gradient(#1ac6ff, #00bfff);
background-image: linear-gradient(#1ac6ff, #00bfff); }
/* line 304, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover > .icon, .items-holder .item.grid-item.selected:not(.disabled):hover > .t-item-icon {
color: #33ccff; } }

529
platform/commonUI/themes/snow/res/css/theme-snow.css
View File

@ -516,34 +516,40 @@ mct-container {
/********************************************* FLEX STYLES */
/* line 95, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row,
.l-flex-row, .tree-item,
.search-result-item,
.l-flex-col {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap; }
/* line 99, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-elem,
.l-flex-row .flex-elem, .tree-item .flex-elem,
.search-result-item .flex-elem,
.l-flex-col .flex-elem {
min-height: 0;
position: relative; }
/* line 102, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-elem:not(.grows),
.l-flex-row .flex-elem:not(.grows), .tree-item .flex-elem:not(.grows),
.search-result-item .flex-elem:not(.grows),
.l-flex-col .flex-elem:not(.grows) {
-webkit-flex: 0 0 auto;
flex: 0 0 auto; }
/* line 104, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-elem:not(.grows).flex-can-shrink,
.l-flex-row .flex-elem:not(.grows).flex-can-shrink, .tree-item .flex-elem:not(.grows).flex-can-shrink,
.search-result-item .flex-elem:not(.grows).flex-can-shrink,
.l-flex-col .flex-elem:not(.grows).flex-can-shrink {
-webkit-flex: 0 1 auto;
flex: 0 1 auto; }
/* line 108, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-elem.grows,
.l-flex-row .flex-elem.grows, .tree-item .flex-elem.grows,
.search-result-item .flex-elem.grows,
.l-flex-col .flex-elem.grows {
-webkit-flex: 1 1 auto;
flex: 1 1 auto; }
/* line 112, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-container,
.l-flex-row .flex-container, .tree-item .flex-container,
.search-result-item .flex-container,
.l-flex-col .flex-container {
display: -webkit-flex;
display: flex;
@ -554,20 +560,24 @@ mct-container {
min-height: 0; }
/* line 121, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row {
.l-flex-row, .tree-item,
.search-result-item {
-webkit-flex-direction: row;
flex-direction: row; }
/* line 123, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row.flex-elem {
.l-flex-row.flex-elem, .flex-elem.tree-item,
.flex-elem.search-result-item {
-webkit-flex: 1 1 auto;
flex: 1 1 auto; }
/* line 124, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-elem {
.l-flex-row .flex-elem, .tree-item .flex-elem,
.search-result-item .flex-elem {
height: inherit;
line-height: inherit;
min-width: 0; }
/* line 129, ../../../../general/res/sass/_archetypes.scss */
.l-flex-row .flex-container {
.l-flex-row .flex-container, .tree-item .flex-container,
.search-result-item .flex-container {
-webkit-flex-direction: row;
flex-direction: row; }
@ -824,13 +834,15 @@ mct-container {
color: #ff3c00;
content: "!"; }
/* line 84, ../../../../general/res/sass/_icons.scss */
/* line 83, ../../../../general/res/sass/_icons.scss */
.t-item-icon {
display: inline-block;
line-height: normal;
position: relative; }
/* line 92, ../../../../general/res/sass/_icons.scss */
.t-item-icon.l-icon-link:before {
/* line 89, ../../../../general/res/sass/_icons.scss */
.t-item-icon .t-item-icon-glyph {
position: absolute; }
/* line 94, ../../../../general/res/sass/_icons.scss */
.t-item-icon.l-icon-link .t-item-icon-glyph:before {
color: #49dedb;
content: "\f4";
height: auto;
@ -1228,7 +1240,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
transform: rotate(0deg); }
100% {
transform: rotate(359deg); } }
/* line 63, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 69, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.t-wait-spinner,
.wait-spinner {
display: block;
@ -1253,7 +1265,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
margin-top: -5%;
margin-left: -5%;
z-index: 2; }
/* line 74, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 80, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.t-wait-spinner.inline,
.wait-spinner.inline {
display: inline-block !important;
@ -1261,26 +1273,26 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
position: relative !important;
vertical-align: middle; }
/* line 82, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 88, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.l-wait-spinner-holder {
pointer-events: none;
position: absolute; }
/* line 86, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 92, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.l-wait-spinner-holder.align-left .t-wait-spinner {
left: 0;
margin-left: 0; }
/* line 91, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 97, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.l-wait-spinner-holder.full-size {
display: inline-block;
height: 100%;
width: 100%; }
/* line 94, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 100, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.l-wait-spinner-holder.full-size .t-wait-spinner {
top: 0;
margin-top: 0;
padding: 30%; }
/* line 103, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 109, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.treeview .wait-spinner {
display: block;
position: absolute;
@ -1302,7 +1314,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
top: 2px;
left: 0; }
/* line 112, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 118, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.wait-spinner.sm {
display: block;
position: absolute;
@ -1325,13 +1337,13 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
top: 0;
left: 0; }
/* line 122, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 128, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.loading {
pointer-events: none; }
/* line 125, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 131, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.loading:before, .loading:after {
content: ''; }
/* line 129, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 135, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.loading:before {
-moz-animation-name: rotateCentered;
-webkit-animation-name: rotateCentered;
@ -1345,8 +1357,10 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
border-color: rgba(119, 107, 162, 0.25);
border-top-color: #776ba2;
-moz-transform-origin: center 50%;
-ms-transform-origin: center 50%;
-webkit-transform-origin: center 50%;
transform-origin: center 50%;
border-style: solid;
border-width: 5px;
-moz-border-radius: 100%;
@ -1355,6 +1369,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-color: rgba(119, 107, 162, 0.25);
border-top-color: #776ba2;
display: block;
position: absolute;
height: 0;
@ -1365,20 +1381,30 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
z-index: 10; }
@-moz-keyframes rotateCentered {
0% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
@-webkit-keyframes rotateCentered {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
@keyframes rotateCentered {
0% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(359deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
/* line 133, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 139, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.loading:after {
overflow: hidden;
position: absolute;
@ -1391,7 +1417,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
background: rgba(119, 107, 162, 0.1);
display: block;
z-index: 9; }
/* line 139, ../../../../general/res/sass/helpers/_wait-spinner.scss */
/* line 145, ../../../../general/res/sass/helpers/_wait-spinner.scss */
.loading.tree-item:before {
padding: 0.375rem;
border-width: 2px; }
@ -1478,26 +1504,35 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.l-inspect .inspector-properties .value {
color: #404040;
word-break: break-all; }
/* line 88, ../../../../general/res/sass/_inspector.scss */
/* line 87, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
line-height: 1.2em;
position: relative;
padding: 2px 4px; }
/* line 93, ../../../../general/res/sass/_inspector.scss */
/* line 96, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item .t-object-label .t-item-icon {
height: 1.2em;
width: 0.7rem; }
/* line 101, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover {
background: rgba(102, 102, 102, 0.1);
color: #333333; }
/* line 96, ../../../../general/res/sass/_inspector.scss */
/* line 104, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon {
color: #0099cc; }
/* line 101, ../../../../general/res/sass/_inspector.scss */
/* line 109, ../../../../general/res/sass/_inspector.scss */
.l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after {
color: #8c8c8c;
content: '\3e';
display: inline-block;
font-family: symbolsfont;
font-size: 8px;
font-style: normal !important;
line-height: inherit;
margin-left: 3px;
width: 4px; }
@ -1618,7 +1653,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
background: deepskyblue; }
background-image: deepskyblue; }
/* line 304, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon, .s-btn.major:not(.disabled):hover > .t-item-icon, .major.s-menu-btn:not(.disabled):hover > .t-item-icon {
color: white; } }
@ -1648,7 +1683,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
background: #0099cc; }
background-image: #0099cc; }
/* line 304, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
color: white; } }
@ -1681,7 +1716,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
background: #ffad33; }
background-image: #ffad33; }
/* line 304, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon, .s-btn.pause-play.paused:not(.disabled):hover > .t-item-icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .t-item-icon {
color: white; } }
@ -1773,7 +1808,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 302, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover {
background: #0099cc; }
background-image: #0099cc; }
/* line 304, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon {
color: white; } }
@ -2774,7 +2809,7 @@ label.checkbox.custom {
border-top: 1px solid #e6e6e6;
color: #666666;
line-height: 1.5rem;
padding: 3px 10px 3px 30px;
padding: 3px 10px 3px 28px;
position: relative;
white-space: nowrap; }
/* line 97, ../../../../general/res/sass/controls/_menus.scss */
@ -5103,49 +5138,50 @@ span.req {
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
pointer-events: none; }
/* line 88, ../../../../general/res/sass/search/_search.scss */
pointer-events: none;
z-index: 1; }
/* line 89, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar:hover:before {
color: #8c8c8c; }
/* line 92, ../../../../general/res/sass/search/_search.scss */
/* line 93, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .clear-icon {
right: 22px;
visibility: hidden;
opacity: 0; }
/* line 98, ../../../../general/res/sass/search/_search.scss */
/* line 99, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .clear-icon.show {
visibility: visible;
opacity: 1; }
/* line 103, ../../../../general/res/sass/search/_search.scss */
/* line 104, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .clear-icon:hover {
color: #8c8c8c; }
/* line 108, ../../../../general/res/sass/search/_search.scss */
/* line 109, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .menu-icon {
font-size: 0.8em;
padding-right: 4px;
right: 4px;
text-align: right; }
/* line 110, ../../../../general/res/sass/search/_search.scss */
/* line 111, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .menu-icon:before {
content: '\76'; }
/* line 116, ../../../../general/res/sass/search/_search.scss */
/* line 117, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .menu-icon:hover {
color: #8c8c8c; }
/* line 121, ../../../../general/res/sass/search/_search.scss */
/* line 122, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-bar .search-menu-holder {
float: right;
left: -20px;
z-index: 70;
transition: visibility .05s, opacity .05s; }
/* line 129, ../../../../general/res/sass/search/_search.scss */
/* line 130, ../../../../general/res/sass/search/_search.scss */
.holder-search .active-filter-display {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 130%;
padding-left: 1.4625em;
font-size: 0.65em; }
/* line 137, ../../../../general/res/sass/search/_search.scss */
padding-left: 1.575em;
font-size: 0.7em; }
/* line 138, ../../../../general/res/sass/search/_search.scss */
.holder-search .active-filter-display .clear-filters-icon {
color: #a6a6a6;
opacity: 1;
@ -5153,7 +5189,7 @@ span.req {
position: absolute;
left: 1px;
cursor: pointer; }
/* line 147, ../../../../general/res/sass/search/_search.scss */
/* line 148, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-results {
-moz-transition-property: opacity, visibility;
-o-transition-property: opacity, visibility;
@ -5171,7 +5207,6 @@ span.req {
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
margin-top: 10px;
padding-right: 5px; }
/* line 151, ../../../../general/res/sass/search/_search.scss */
.holder-search .search-results .hint {
@ -5197,10 +5232,10 @@ span.req {
@media only screen and (orientation: portrait) and (max-device-width: 767px), only screen and (orientation: landscape) and (max-device-width: 767px) {
/* line 5, ../../../../general/res/sass/mobile/search/_search.scss */
.search .search-bar .menu-icon {
.search-holder .search-bar .menu-icon {
display: none; }
/* line 8, ../../../../general/res/sass/mobile/search/_search.scss */
.search .search-bar .clear-icon {
.search-holder .search-bar .clear-icon {
right: 5px; } }
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
@ -5357,7 +5392,7 @@ span.req {
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 302, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
background: #7d7d7d; }
background-image: #7d7d7d; }
/* line 304, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
color: white; } }
@ -5535,181 +5570,280 @@ ul.tree {
-o-transition: background-color 0.25s;
-webkit-transition: background-color 0.25s;
transition: background-color 0.25s;
display: block;
font-size: 0.8rem;
height: 1.5rem;
line-height: 1.5rem;
margin-bottom: 3px;
padding: 0 3px;
position: relative; }
/* line 48, ../../../../general/res/sass/tree/_tree.scss */
/* line 49, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control,
.search-result-item .view-control {
color: #666;
display: inline-block;
margin-left: 5px;
font-size: 0.75em;
margin-right: 5px;
height: 100%;
line-height: inherit;
width: 10px; }
/* line 57, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control.has-children:before,
.search-result-item .view-control.has-children:before {
position: absolute;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-moz-transition-duration: 100ms;
-o-transition-duration: 100ms;
-webkit-transition-duration: 100ms;
transition-duration: 100ms;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
content: "\3e";
-moz-transform-origin: center 50%;
-ms-transform-origin: center 50%;
-webkit-transform-origin: center 50%;
transform-origin: center 50%; }
/* line 63, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control.has-children.expanded:before,
.search-result-item .view-control.has-children.expanded:before {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 56, ../../../../general/res/sass/tree/_tree.scss */
/* line 68, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control:hover,
.search-result-item .view-control:hover {
color: #0099cc !important; } }
/* line 62, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label,
/* line 74, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label,
.search-result-item .label,
.search-result-item .t-object-label {
display: block;
overflow: hidden;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width: auto;
height: auto;
line-height: 1.5rem; }
/* line 68, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .t-item-icon,
/* line 76, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label .t-item-icon,
.search-result-item .label .t-item-icon,
.search-result-item .t-object-label .t-item-icon {
font-size: 1.4em;
color: #0099cc;
position: absolute;
left: 5px;
top: 50%;
width: 1.4em;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
/* line 79, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon,
.tree-item .t-object-label .type-icon,
.search-result-item .label .type-icon,
.search-result-item .t-object-label .type-icon {
font-size: 1.4em;
color: #0099cc;
left: 5px;
position: absolute;
top: 4px;
bottom: auto;
height: 16px;
line-height: 100%;
right: auto;
width: 1.4em; }
/* line 92, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon, .tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-link,
.tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-alert,
.tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-link,
.search-result-item .label .type-icon .l-icon-link.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-alert,
.search-result-item .label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-link,
.search-result-item .t-object-label .type-icon .l-icon-link.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-alert,
.search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon {
position: absolute;
z-index: 2; }
/* line 97, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .l-icon-alert.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-alert,
.tree-item .t-object-label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-alert,
.search-result-item .label .type-icon .l-icon-alert.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-alert,
.search-result-item .t-object-label .type-icon .l-icon-alert.t-item-icon {
color: #ff3c00;
font-size: 8px;
line-height: 8px;
height: 8px;
width: 8px;
top: 1px;
right: -2px; }
/* line 103, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .l-icon-link.t-item-icon,
.tree-item .t-object-label .type-icon .icon.l-icon-link,
.tree-item .t-object-label .type-icon .l-icon-link.t-item-icon,
.search-result-item .label .type-icon .icon.l-icon-link,
.search-result-item .label .type-icon .l-icon-link.t-item-icon,
.search-result-item .t-object-label .type-icon .icon.l-icon-link,
.search-result-item .t-object-label .type-icon .l-icon-link.t-item-icon {
color: #49dedb;
font-size: 8px;
line-height: 8px;
height: 8px;
width: 8px;
left: -3px;
bottom: 0px; }
/* line 111, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .title-label,
.tree-item .label .t-title-label,
.tree-item .t-object-label .title-label,
width: 18px; }
/* line 82, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label .t-title-label,
.search-result-item .label .title-label,
.search-result-item .label .t-title-label,
.search-result-item .t-object-label .title-label,
.search-result-item .t-object-label .t-title-label {
overflow: hidden;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width: auto;
height: auto;
display: block;
left: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
/* line 122, ../../../../general/res/sass/tree/_tree.scss */
/* line 87, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected,
.search-result-item.selected {
background: #1ac6ff;
color: #fcfcfc; }
/* line 125, ../../../../general/res/sass/tree/_tree.scss */
/* line 90, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .view-control,
.search-result-item.selected .view-control {
color: #fcfcfc; }
/* line 128, ../../../../general/res/sass/tree/_tree.scss */
/* line 93, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .t-object-label .t-item-icon,
.search-result-item.selected .t-object-label .t-item-icon {
color: #fcfcfc; }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 136, ../../../../general/res/sass/tree/_tree.scss */
/* line 100, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover {
background: rgba(102, 102, 102, 0.1);
color: #333333; }
/* line 139, ../../../../general/res/sass/tree/_tree.scss */
/* line 103, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover .t-item-icon,
.search-result-item:not(.selected):hover .t-item-icon {
color: #0099cc; } }
/* line 146, ../../../../general/res/sass/tree/_tree.scss */
/* line 110, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.loading),
.search-result-item:not(.loading) {
cursor: pointer; }
/* line 150, ../../../../general/res/sass/tree/_tree.scss */
/* line 114, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger,
.search-result-item .context-trigger {
top: -1px;
position: absolute;
right: 3px; }
/* line 155, ../../../../general/res/sass/tree/_tree.scss */
/* line 119, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger .invoke-menu,
.search-result-item .context-trigger .invoke-menu {
font-size: 0.75em;
height: 0.9rem;
line-height: 0.9rem; }
/* line 164, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .t-object-label {
left: 15px; }
/* line 131, ../../../../general/res/sass/tree/_tree.scss */
mct-representation.s-status-pending .t-object-label .t-item-icon:before {
-moz-animation-name: rotateCentered;
-webkit-animation-name: rotateCentered;
animation-name: rotateCentered;
-moz-animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-moz-transform-origin: center 50%;
-ms-transform-origin: center 50%;
-webkit-transform-origin: center 50%;
transform-origin: center 50%;
border-style: solid;
border-width: 4px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
border-color: rgba(0, 153, 204, 0.25);
border-top-color: #0099cc; }
@-moz-keyframes rotateCentered {
0% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
@-webkit-keyframes rotateCentered {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
@keyframes rotateCentered {
0% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(359deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
/* line 137, ../../../../general/res/sass/tree/_tree.scss */
mct-representation.s-status-pending .t-object-label .t-item-icon .t-item-icon-glyph {
display: none; }
/* line 141, ../../../../general/res/sass/tree/_tree.scss */
mct-representation.s-status-pending .t-object-label .t-title-label {
font-style: italic;
opacity: 0.6; }
/* line 148, ../../../../general/res/sass/tree/_tree.scss */
.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
border-color: rgba(252, 252, 252, 0.25);
border-top-color: #fcfcfc; }
/*****************************************************************************
* 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, ../../../../general/res/sass/_object-label.scss */
.rep-object-label {
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
height: inherit;
line-height: inherit;
min-width: 0; }
/* line 33, ../../../../general/res/sass/_object-label.scss */
.t-object-label .t-item-icon {
margin-right: 5px; }
/* line 42, ../../../../general/res/sass/_object-label.scss */
mct-representation.s-status-pending .t-object-label .t-item-icon:before {
-moz-animation-name: rotateCentered;
-webkit-animation-name: rotateCentered;
animation-name: rotateCentered;
-moz-animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-moz-transform-origin: center 50%;
-ms-transform-origin: center 50%;
-webkit-transform-origin: center 50%;
transform-origin: center 50%;
border-style: solid;
border-width: 4px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
padding: 30%;
width: 0;
height: 0; }
@-moz-keyframes rotateCentered {
0% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
@-webkit-keyframes rotateCentered {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
@keyframes rotateCentered {
0% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
transform: translateX(-50%) translateY(-50%) rotate(0deg); }
100% {
-moz-transform: translateX(-50%) translateY(-50%) rotate(359deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(359deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
transform: translateX(-50%) translateY(-50%) rotate(359deg); } }
/* line 55, ../../../../general/res/sass/_object-label.scss */
mct-representation.s-status-pending .t-object-label .t-item-icon .t-item-icon-glyph {
display: none; }
/* line 59, ../../../../general/res/sass/_object-label.scss */
mct-representation.s-status-pending .t-object-label .t-title-label {
font-style: italic;
opacity: 0.6; }
/* line 66, ../../../../general/res/sass/_object-label.scss */
.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
border-color: rgba(252, 252, 252, 0.25);
border-top-color: #fcfcfc; }
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
@ -5735,32 +5869,45 @@ ul.tree {
@media only screen and (orientation: portrait) and (max-device-width: 767px), only screen and (orientation: landscape) and (max-device-width: 767px), only screen and (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (orientation: landscape) and (min-device-width: 768px) and (max-device-width: 1024px) {
/* line 27, ../../../../general/res/sass/mobile/_tree.scss */
ul.tree ul.tree {
margin-left: 20px; }
margin-left: 15px; }
/* line 31, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item,
.search-result-item {
height: 35px;
line-height: 35px;
margin-bottom: 0px; }
height: 35px !important;
line-height: 35px !important;
margin-bottom: 0px !important; }
/* line 36, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .view-control,
.search-result-item .view-control {
position: absolute;
font-size: 1.1em;
height: 35px;
line-height: inherit;
right: 0px;
width: 30px;
text-align: center; }
/* line 47, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .label,
font-size: 1.2em;
margin-right: 0;
order: 2;
width: 35px; }
/* line 42, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .view-control.has-children:before,
.search-result-item .view-control.has-children:before {
content: "\7d";
left: 50%;
-moz-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
-webkit-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg); }
/* line 47, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .view-control.has-children.expanded:before,
.search-result-item .view-control.has-children.expanded:before {
-moz-transform: translateX(-50%) rotate(270deg);
-ms-transform: translateX(-50%) rotate(270deg);
-webkit-transform: translateX(-50%) rotate(270deg);
transform: translateX(-50%) rotate(270deg); }
/* line 52, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .t-object-label,
.search-result-item .label,
.search-result-item .t-object-label {
left: 0;
right: 35px;
line-height: inherit; } }
line-height: inherit; }
/* line 54, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before,
.search-result-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before {
bottom: 20%; } }
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
@ -6717,7 +6864,7 @@ table {
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) {
/* line 302, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover {
background: #d0d0d0; }
background-image: #d0d0d0; }
/* line 304, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover > .icon, .items-holder .item.grid-item:not(.disabled):hover > .t-item-icon {
color: #33ccff; } }

5
platform/search/res/templates/search-item.html
View File

@ -20,11 +20,12 @@
at runtime from the About dialog for additional information.
-->
<div class="search-result-item"
<div class="search-result-item l-flex-row flex-elem grows"
ng-class="{selected: ngModel.selectedObject.getId() === domainObject.getId()}">
<mct-representation key="'label'"
mct-object="domainObject"
ng-model="ngModel"
ng-click="ngModel.selectedObject = domainObject">
ng-click="ngModel.selectedObject = domainObject"
class="l-flex-row flex-elem grows">
</mct-representation>
</div>

13
platform/search/res/templates/search.html
View File

@ -20,11 +20,13 @@
at runtime from the About dialog for additional information.
-->
<div class="l-flex-col flex-elem grows holder holder-search" ng-controller="SearchController as controller">
<div class="search-bar flex-elem" ng-controller="ClickAwayController as toggle">
<div class="search-bar flex-elem"
ng-controller="ClickAwayController as toggle"
ng-class="{ holder: !(ngModel.input === '' || ngModel.input === undefined) }">
<input class="search-input"
type="text"
ng-model="ngModel.input"
ng-keyup="controller.search()" />
ng-keyup="controller.search()"/>
<a class="clear-icon"
ng-class="{show: !(ngModel.input === '' || ngModel.input === undefined)}"
ng-click="ngModel.input = ''; controller.search()"></a>
@ -37,18 +39,19 @@
ng-click="toggle.setState(true)">
</mct-include>
</div>
<div class="active-filter-display flex-elem"
<div class="active-filter-display flex-elem holder"
ng-class="{off: ngModel.filtersString === '' || ngModel.filtersString === undefined || !ngModel.search}"
ng-controller="SearchMenuController as menuController">
<a class="clear-icon clear-filters-icon"
ng-click="ngModel.checkAll = true; menuController.checkAll()"></a>Filtered by: {{ ngModel.filtersString }}
</div>
<div class="search-results flex-elem grows vscroll"
<div class="search-results flex-elem holder grows vscroll"
ng-class="{ off: !(loading || results.length > 0), loading: loading }">
<mct-representation key="'search-item'"
ng-repeat="result in results"
mct-object="result.object"
ng-model="ngModel">
ng-model="ngModel"
class="l-flex-row flex-elem grows">
</mct-representation>
<a class="load-more-button s-btn vsm" ng-if="controller.areMore()" ng-click="controller.loadMore()">More Results</a>
</div>