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

[Frontend] Manual re-do of collapse/expand panes

Browse Source 
open #90
Animation, styles, hide-show added panes and splitters;
Finessed spacing;
trans-prop* mixins normalized and added delay arg;
This commit is contained in:
Charles Hacskaylo 2015-10-23 10:52:28 -07:00
parent 827e1af581
commit a283a2a0d3
9 changed files with 584 additions and 320 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
platform/commonUI/browse/res/templates/browse-object.html
View File

@ -49,13 +49,12 @@
</mct-representation> </mct-representation>
<a class="mini-tab anchor-right mobile-hide toggle-pane toggle-inspect" <a class="mini-tab anchor-right mobile-hide toggle-pane toggle-inspect"
ng-click="ngModel.toggle()" ng-click="ngModel.toggle()"
ng-class="{ collapsed : !ngModel.visible() }"></a> ng-class="{ collapsed : !ngModel.visible() }"></a>
</div><!--/ t-object --> </div><!--/ t-object -->
<mct-splitter class="mobile-hide" ng-class="{ hidden: !ngModel.visible()}"></mct-splitter> <mct-splitter class="splitter-inspect mobile-hide"></mct-splitter>
<div class='split-pane-component t-inspector pane right mobile-hide' <div class="split-pane-component t-inspect pane right mobile-hide">
ng-class="{ hidden:!ngModel.visible() }">
<!--Inspector goes here--> <!--Inspector goes here-->
</div> </div>
</mct-split-pane><!--/ t-object-and-inspector --> </mct-split-pane><!--/ t-object-and-inspector -->

8
platform/commonUI/browse/res/templates/browse.html
View File

@ -51,11 +51,13 @@
</div> </div>
</div> </div>
<mct-splitter class="mobile-hide" ng-class="{ hidden: !modelPaneTree.visible()}"></mct-splitter> <mct-splitter class="splitter-treeview mobile-hide"></mct-splitter>
<div class='split-pane-component items pane right-repr'> <div class='split-pane-component items pane right'>
<a class="mini-tab anchor-left toggle-pane toggle-tree" ng-click="modelPaneTree.toggle()" ng-class="{ collapsed : !modelPaneTree.visible() }"></a> <a class="mini-tab anchor-left toggle-pane toggle-tree" ng-click="modelPaneTree.toggle()" ng-class="{ collapsed : !modelPaneTree.visible() }"></a>
<div class='holder abs l-mobile' id='content-area' ng-controller="PaneController as modelPaneInspect"> <div class='holder abs l-mobile' id='content-area'
ng-controller="PaneController as modelPaneInspect"
ng-class="modelPaneInspect.visible() ? 'pane-inspect-showing' : 'pane-inspect-hidden'">
<mct-representation mct-object="navigatedObject" <mct-representation mct-object="navigatedObject"
key="'browse-object'" key="'browse-object'"
ng-model="modelPaneInspect"> ng-model="modelPaneInspect">

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

@ -47,6 +47,7 @@ $ueBrowseRightPaneInspectW: 10%;
$ueEditLeftPaneW: 75%; $ueEditLeftPaneW: 75%;
$treeSearchInputBarH: 25px; $treeSearchInputBarH: 25px;
$ueTimeControlH: (33px, 20px, 20px); $ueTimeControlH: (33px, 20px, 20px);
$ueCollapsedEdgeMargin: 15px;
// Overlay // Overlay
$ovrTopBarH: 60px; $ovrTopBarH: 60px;
$ovrFooterH: 30px; $ovrFooterH: 30px;

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

@ -41,36 +41,41 @@
width: $d; width: $d;
} }
@mixin trans-prop-nice($props, $t: 500ms) { @mixin trans-prop-nice($prop, $t: 500ms, $delay: 0) {
// This only works for a single property right now
@if $t == 0 { @if $t == 0 {
@include transition-property(none); @include transition-property(none);
} @else { } @else {
@include transition-property($props); @include transition-property($prop);
@include transition-duration($t); @include transition-duration($t);
@include transition-timing-function(ease-in-out); @include transition-timing-function(ease-in-out);
@include transition-delay($delay);
} }
} }
@mixin trans-prop-nice-fade($t: 0.5s) { @mixin trans-prop-nice-fade($t: 500ms, $delay: 0) {
@if $t == 0 { @if $t == 0 {
@include transition-property(none); @include transition-property(none);
} @else { } @else {
@include transition-property(visibility, opacity, background-color, border-color); @include transition-property(opacity, background-color, border-color, color);
@include transition-duration($t); @include transition-duration($t);
@include transition-timing-function(ease-in-out); @include transition-timing-function(ease-in-out);
@include transition-delay($delay);
} }
} }
@mixin trans-prop-nice-resize-h($t: 0.5s) { @mixin trans-prop-nice-resize-h($t: 500ms, $delay: 0) {
@include transition-property(height, bottom, top); @include transition-property(height, bottom, top);
@include transition-duration($t); @include transition-duration($t);
@include transition-timing-function(ease-in-out); @include transition-timing-function(ease-in-out);
@include transition-delay($delay);
} }
@mixin trans-prop-nice-resize-w($t: 0.5s) { @mixin trans-prop-nice-resize-w($t: 500ms, $delay: 0) {
@include transition-property(width, left, right); @include transition-property(width, left, right);
@include transition-duration($t); @include transition-duration($t);
@include transition-timing-function(ease-in-out); @include transition-timing-function(ease-in-out);
@include transition-delay($delay);
} }
@mixin triangle-right($size, $color) { @mixin triangle-right($size, $color) {

4
platform/commonUI/general/res/sass/controls/_buttons.scss
View File

@ -109,8 +109,8 @@ $pad: $interiorMargin * $baseRatio;
//@include test(green); //@include test(green);
$iconD: 12px; $iconD: 12px;
$arwD: 7px; $arwD: 7px;
$arwOffsetX: 1px; $arwOffsetX: 0px;
$arwAnimOffsetX: 3px; $arwAnimOffsetX: 2px;
$arwToLeftAnimX: -1 * $arwAnimOffsetX; $arwToLeftAnimX: -1 * $arwAnimOffsetX;
$arwToRightAnimX: $arwAnimOffsetX; $arwToRightAnimX: $arwAnimOffsetX;
$arwToLeftX: ($arwOffsetX + $arwD) * -1; $arwToLeftX: ($arwOffsetX + $arwD) * -1;

8
platform/commonUI/general/res/sass/mobile/_layout.scss
View File

@ -32,7 +32,7 @@
background-color: $colorMobilePaneLeft; background-color: $colorMobilePaneLeft;
} }
.pane.right-repr { .pane.right.items {
//@include test(); //@include test();
@include slMenuTransitions; @include slMenuTransitions;
margin-left: 0 !important; margin-left: 0 !important;
@ -85,7 +85,7 @@
width: $proporMenuWithView !important; width: $proporMenuWithView !important;
} }
// Sets the right representation when the tree is shown. // Sets the right representation when the tree is shown.
.pane.right-repr { .pane.right.items {
left: $proporMenuWithView !important; left: $proporMenuWithView !important;
} }
} }
@ -147,9 +147,9 @@
.pane.left.treeview { .pane.left.treeview {
width: $proporMenuOnly !important; width: $proporMenuOnly !important;
} }
.pane.right-repr { .pane.right.items {
left: 0 !important; left: 0 !important;
@include webkitProp(transform, translateX($proporMenuOnly)); @include transform(translateX($proporMenuOnly));
#content-area { #content-area {
opacity: 0; opacity: 0;
} }

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

@ -211,7 +211,7 @@
max-width: 800px; max-width: 800px;
width: $ueBrowseLeftPaneTreeW; width: $ueBrowseLeftPaneTreeW;
} }
&.t-inspector.right { &.t-inspect.right {
min-width: 150px; min-width: 150px;
max-width: 800px; max-width: 800px;
width: $ueBrowseRightPaneInspectW; width: $ueBrowseRightPaneInspectW;
@ -232,11 +232,6 @@
} }
} }
.pane:not(.resizing) {
// Add transition CSS
@include trans-prop-nice-resize-w(250ms);
}
.pane { .pane {
position: absolute; position: absolute;
&.treeview.left { &.treeview.left {
@ -271,7 +266,7 @@
content: 'F'; content: 'F';
} }
&.collapsed { &.collapsed {
left: -1 * $bodyMargin; left: (-1 * $bodyMargin) - $ueCollapsedEdgeMargin;
} }
} }
&.toggle-inspect.anchor-right { &.toggle-inspect.anchor-right {
@ -281,7 +276,7 @@
content: '\e608'; content: '\e608';
} }
&.collapsed { &.collapsed {
right: -1 * $interiorMargin; right: -1 * $interiorMargin - $ueCollapsedEdgeMargin;
} }
} }
} }
@ -391,21 +386,53 @@
// classes used for the left menu and the // classes used for the left menu and the
// right representation. // right representation.
.pane-tree-hidden { .pane-tree-hidden {
@include user-select(none);
// Sets the left tree menu when the tree is hidden. // Sets the left tree menu when the tree is hidden.
.pane.left.treeview { .pane.left.treeview,
.splitter-treeview {
opacity: 0; opacity: 0;
} }
// Sets the right represenation when the tree is hidden. // Sets the right representation when the tree is hidden.
.pane.right-repr { .pane.right.items {
left: 0 !important; left: $ueCollapsedEdgeMargin !important;
} }
} }
.pane-tree-showing { .pane-tree-showing {
// Sets the left tree menu when the tree is shown. // Sets the left tree menu when the tree is shown.
.pane.left.treeview { .pane.left.treeview,
@include trans-prop-nice(opacity, .4s); .splitter-treeview {
@include trans-prop-nice-fade(250ms, 250ms);
opacity: 1; opacity: 1;
} }
}
.pane-inspect-showing {
.l-object-and-inspector {
.pane.right,
.splitter-inspect {
@include trans-prop-nice-fade(250ms, 250ms);
opacity: 1;
}
}
}
.pane-inspect-hidden {
.l-object-and-inspector {
.pane.right,
.splitter-inspect {
opacity: 0;
}
.pane.left {
right: $ueCollapsedEdgeMargin !important;
}
}
}
.pane.right.t-inspect {
@include test(orange, 0.3); // TEMP!
}
@include desktop {
.pane:not(.resizing) {
@include trans-prop-nice-resize-w(250ms);
}
} }

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

@ -954,6 +954,10 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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: ''; content: '';
display: block; display: block;
pointer-events: none; pointer-events: none;
@ -993,6 +997,10 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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: ''; content: '';
display: block; display: block;
pointer-events: none; pointer-events: none;
@ -1380,14 +1388,14 @@ mct-container {
-webkit-transition: background, 0.25s; -webkit-transition: background, 0.25s;
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 269, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu-btn .icon { .s-btn.major .icon, .major.s-menu-btn .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover { .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); } background: linear-gradient(#1ac6ff, #00bfff); }
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../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 > .icon, .major.s-menu-btn:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 66, ../../../../general/res/sass/controls/_buttons.scss */ /* line 66, ../../../../general/res/sass/controls/_buttons.scss */
@ -1419,14 +1427,14 @@ mct-container {
-webkit-transition: background, 0.25s; -webkit-transition: background, 0.25s;
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 269, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon { .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover { .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); } background: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../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 > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 75, ../../../../general/res/sass/controls/_buttons.scss */ /* line 75, ../../../../general/res/sass/controls/_buttons.scss */
@ -1461,14 +1469,14 @@ mct-container {
-webkit-transition: background, 0.25s; -webkit-transition: background, 0.25s;
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 269, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover { .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
background: linear-gradient(#fe9815, #f88c01); } background: linear-gradient(#fe9815, #f88c01); }
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../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 > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 80, ../../../../general/res/sass/controls/_buttons.scss */ /* line 80, ../../../../general/res/sass/controls/_buttons.scss */
@ -1517,6 +1525,10 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
color: #595959; color: #595959;
cursor: pointer; cursor: pointer;
display: block; display: block;
@ -1545,6 +1557,10 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
display: block; display: block;
position: absolute; } position: absolute; }
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */ /* line 141, ../../../../general/res/sass/controls/_buttons.scss */
@ -1561,6 +1577,10 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
font-size: 7px; font-size: 7px;
height: 100%; height: 100%;
width: 7px; } width: 7px; }
@ -1571,31 +1591,31 @@ mct-container {
/* line 158, ../../../../general/res/sass/controls/_buttons.scss */ /* line 158, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:before { .mini-tab.anchor-left:before {
content: '\3c'; content: '\3c';
left: -8px; } left: -7px; }
/* line 162, ../../../../general/res/sass/controls/_buttons.scss */ /* line 162, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:hover:before { .mini-tab.anchor-left:hover:before {
left: -11px; } left: -9px; }
/* line 165, ../../../../general/res/sass/controls/_buttons.scss */ /* line 165, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left.collapsed:before { .mini-tab.anchor-left.collapsed:before {
content: '\3e'; content: '\3e';
left: 13px; } left: 12px; }
/* line 169, ../../../../general/res/sass/controls/_buttons.scss */ /* line 169, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left.collapsed:hover:before { .mini-tab.anchor-left.collapsed:hover:before {
left: 16px; } left: 14px; }
/* line 175, ../../../../general/res/sass/controls/_buttons.scss */ /* line 175, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:before { .mini-tab.anchor-right:before {
content: '\3e'; content: '\3e';
left: 13px; } left: 12px; }
/* line 179, ../../../../general/res/sass/controls/_buttons.scss */ /* line 179, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:hover:before { .mini-tab.anchor-right:hover:before {
left: 16px; } left: 14px; }
/* line 182, ../../../../general/res/sass/controls/_buttons.scss */ /* line 182, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right.collapsed:before { .mini-tab.anchor-right.collapsed:before {
content: '\3c'; content: '\3c';
left: -8px; } left: -7px; }
/* line 186, ../../../../general/res/sass/controls/_buttons.scss */ /* line 186, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right.collapsed:hover:before { .mini-tab.anchor-right.collapsed:hover:before {
left: -11px; } } left: -9px; } }
/* line 196, ../../../../general/res/sass/controls/_buttons.scss */ /* line 196, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set { .l-btn-set {
@ -1668,10 +1688,10 @@ mct-container {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
text-shadow: rgba(0, 0, 0, 0.8) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.8) 0 1px 2px;
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 0.25s; -moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s; -o-transition-duration: 0.25s;
-webkit-transition-duration: 0.25s; -webkit-transition-duration: 0.25s;
@ -1680,6 +1700,10 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
border: 1px solid transparent; border: 1px solid transparent;
color: #fff; color: #fff;
display: block; display: block;
@ -1932,10 +1956,10 @@ label.checkbox.custom {
/* line 227, ../../../../general/res/sass/controls/_controls.scss */ /* line 227, ../../../../general/res/sass/controls/_controls.scss */
.view-switcher { .view-switcher {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 100ms; -moz-transition-duration: 100ms;
-o-transition-duration: 100ms; -o-transition-duration: 100ms;
-webkit-transition-duration: 100ms; -webkit-transition-duration: 100ms;
@ -1943,7 +1967,11 @@ label.checkbox.custom {
-moz-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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; }
/******************************************************** OBJECT-HEADER */ /******************************************************** OBJECT-HEADER */
/* line 232, ../../../../general/res/sass/controls/_controls.scss */ /* line 232, ../../../../general/res/sass/controls/_controls.scss */
@ -1994,6 +2022,10 @@ label.checkbox.custom {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
opacity: 0; } opacity: 0; }
/* line 287, ../../../../general/res/sass/controls/_controls.scss */ /* line 287, ../../../../general/res/sass/controls/_controls.scss */
.object-header:hover .context-available { .object-header:hover .context-available {
@ -2010,10 +2042,10 @@ label.checkbox.custom {
left: 0; } left: 0; }
/* line 308, ../../../../general/res/sass/controls/_controls.scss */ /* line 308, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob { .slider .knob {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 0.25s; -moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s; -o-transition-duration: 0.25s;
-webkit-transition-duration: 0.25s; -webkit-transition-duration: 0.25s;
@ -2022,6 +2054,10 @@ label.checkbox.custom {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
background-color: rgba(0, 153, 204, 0.6); background-color: rgba(0, 153, 204, 0.6);
position: absolute; position: absolute;
height: 100%; height: 100%;
@ -2053,10 +2089,10 @@ label.checkbox.custom {
cursor: e-resize; } cursor: e-resize; }
/* line 330, ../../../../general/res/sass/controls/_controls.scss */ /* line 330, ../../../../general/res/sass/controls/_controls.scss */
.slider .range { .slider .range {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 0.25s; -moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s; -o-transition-duration: 0.25s;
-webkit-transition-duration: 0.25s; -webkit-transition-duration: 0.25s;
@ -2065,6 +2101,10 @@ label.checkbox.custom {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
background-color: rgba(0, 153, 204, 0.3); background-color: rgba(0, 153, 204, 0.3);
cursor: ew-resize; cursor: ew-resize;
position: absolute; position: absolute;
@ -2160,6 +2200,10 @@ label.checkbox.custom {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
cursor: pointer; } cursor: pointer; }
/* line 424, ../../../../general/res/sass/controls/_controls.scss */ /* line 424, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li.in-month { .l-calendar ul.l-cal-row.l-body li.in-month {
@ -2348,7 +2392,7 @@ label.checkbox.custom {
.menu ul { .menu ul {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 326, ../../../../general/res/sass/_mixins.scss */ /* line 331, ../../../../general/res/sass/_mixins.scss */
.menu ul li { .menu ul li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@ -2703,10 +2747,10 @@ mct-include.l-time-controller {
z-index: 2; } z-index: 2; }
/* line 161, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 161, ../../../../general/res/sass/controls/_time-controller.scss */
mct-include.l-time-controller .knob .range-value { mct-include.l-time-controller .knob .range-value {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 0.25s; -moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s; -o-transition-duration: 0.25s;
-webkit-transition-duration: 0.25s; -webkit-transition-duration: 0.25s;
@ -2715,6 +2759,10 @@ mct-include.l-time-controller {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
padding: 0 10px; padding: 0 10px;
position: absolute; position: absolute;
height: 20px; height: 20px;
@ -2902,7 +2950,7 @@ mct-include.l-time-controller {
padding: 0 3px; padding: 0 3px;
position: relative; position: relative;
height: 150px; } height: 150px; }
/* line 293, ../../../../general/res/sass/_mixins.scss */ /* line 298, ../../../../general/res/sass/_mixins.scss */
.form .form-row .selector-list.error { .form .form-row .selector-list.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 124, ../../../../general/res/sass/forms/_elems.scss */ /* line 124, ../../../../general/res/sass/forms/_elems.scss */
@ -2959,7 +3007,7 @@ input[type="text"] {
color: #cccccc; color: #cccccc;
outline: none; outline: none;
padding: 0 3px; } padding: 0 3px; }
/* line 293, ../../../../general/res/sass/_mixins.scss */ /* line 298, ../../../../general/res/sass/_mixins.scss */
input[type="text"].error { input[type="text"].error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 172, ../../../../general/res/sass/forms/_elems.scss */ /* line 172, ../../../../general/res/sass/forms/_elems.scss */
@ -2987,7 +3035,7 @@ textarea {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; } width: 100%; }
/* line 293, ../../../../general/res/sass/_mixins.scss */ /* line 298, ../../../../general/res/sass/_mixins.scss */
textarea.error { textarea.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
@ -3046,14 +3094,14 @@ textarea {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
line-height: 22px; } line-height: 22px; }
/* line 269, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.select .icon { .select .icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover { .select:not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); } background: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover > .icon { .select:not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 31, ../../../../general/res/sass/forms/_selects.scss */ /* line 31, ../../../../general/res/sass/forms/_selects.scss */
@ -3135,7 +3183,7 @@ textarea {
max-height: 400px; max-height: 400px;
overflow: auto; overflow: auto;
padding: 5px; } padding: 5px; }
/* line 293, ../../../../general/res/sass/_mixins.scss */ /* line 298, ../../../../general/res/sass/_mixins.scss */
.channel-selector .treeview.error { .channel-selector .treeview.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */ /* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */
@ -3301,7 +3349,7 @@ span.req {
padding: 0 3px; padding: 0 3px;
background: #3b3b3b; background: #3b3b3b;
border-bottom: 1px solid #4d4d4d; } border-bottom: 1px solid #4d4d4d; }
/* line 293, ../../../../general/res/sass/_mixins.scss */ /* line 298, ../../../../general/res/sass/_mixins.scss */
.filter input.filter.error, .filter input.filter.error,
.filter input.t-filter-input.error, .filter input.t-filter-input.error,
.t-filter input.filter.error, .t-filter input.filter.error,
@ -3609,7 +3657,7 @@ span.req {
max-width: 800px; max-width: 800px;
width: 25%; } width: 25%; }
/* line 214, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 214, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-mode .split-layout .split-pane-component.pane.t-inspector.right { .browse-mode .split-layout .split-pane-component.pane.t-inspect.right {
min-width: 150px; min-width: 150px;
max-width: 800px; max-width: 800px;
width: 10%; } width: 10%; }
@ -3623,65 +3671,50 @@ span.req {
height: 30%; } height: 30%; }
/* line 235, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 235, ../../../../general/res/sass/user-environ/_layout.scss */
.pane:not(.resizing) {
-moz-transition-property: width, left, right;
-o-transition-property: width, left, right;
-webkit-transition-property: width, left, right;
transition-property: width, left, right;
-moz-transition-duration: 250ms;
-o-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-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; }
/* line 240, ../../../../general/res/sass/user-environ/_layout.scss */
.pane { .pane {
position: absolute; } position: absolute; }
/* line 243, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 238, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder { .pane.treeview.left .create-btn-holder {
bottom: auto; bottom: auto;
top: 0; top: 0;
height: 24px; } height: 24px; }
/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 242, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder .wrapper.menu-element { .pane.treeview.left .create-btn-holder .wrapper.menu-element {
position: absolute; position: absolute;
bottom: 5px; } bottom: 5px; }
/* line 252, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .search-holder { .pane.treeview.left .search-holder {
top: 34px; } top: 34px; }
/* line 255, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 250, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder { .pane.treeview.left .tree-holder {
overflow: auto; overflow: auto;
top: 64px; } top: 64px; }
/* line 261, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane { .pane .mini-tab.toggle-pane {
z-index: 2; } z-index: 2; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 261, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane { .pane .mini-tab.toggle-pane {
top: 5px; } top: 5px; }
/* line 267, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left {
left: -30px; } left: -30px; }
/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 265, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after {
content: 'F'; } content: 'F'; }
/* line 273, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 268, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed {
left: -10px; } left: -25px; }
/* line 277, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right {
right: -25px; } right: -25px; }
/* line 280, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after {
content: '\e608'; } content: '\e608'; }
/* line 283, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed {
right: -5px; } } right: -20px; } }
/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 287, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager, .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
.pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
.l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@ -3694,31 +3727,31 @@ span.req {
.s-menu-btn .pane.items .object-browse-bar span.right.l-click-area { .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
top: auto; } top: auto; }
/* line 303, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 298, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane { .split-layout.horizontal > .pane {
margin-top: 5px; } margin-top: 5px; }
/* line 306, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 301, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane:first-child { .split-layout.horizontal > .pane:first-child {
margin-top: 0; } margin-top: 0; }
/* line 313, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 308, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane { .split-layout.vertical > .pane {
margin-left: 5px; } margin-left: 5px; }
/* line 316, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 311, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane > .holder { .split-layout.vertical > .pane > .holder {
left: 0; left: 0;
right: 0; } right: 0; }
/* line 320, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child { .split-layout.vertical > .pane:first-child {
margin-left: 0; } margin-left: 0; }
/* line 322, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 317, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child .holder { .split-layout.vertical > .pane:first-child .holder {
right: 3px; } right: 3px; }
/* line 330, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder { .object-holder {
overflow: hidden; overflow: hidden;
top: 34px; } top: 34px; }
/* line 333, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 328, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder > ng-include { .object-holder > ng-include {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -3728,11 +3761,11 @@ span.req {
left: 0; left: 0;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 337, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 332, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder.l-controls-visible.l-time-controller-visible { .object-holder.l-controls-visible.l-time-controller-visible {
bottom: 88px; } bottom: 88px; }
/* line 343, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .s-btn, .object-browse-bar .s-menu-btn, .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
.top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-btn,
.top-bar .buttons-main .s-menu-btn, .top-bar .buttons-main .s-menu-btn,
@ -3744,12 +3777,12 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
/* line 356, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 351, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .view-switcher, .object-browse-bar .view-switcher,
.top-bar .view-switcher { .top-bar .view-switcher {
margin-right: 20px; } margin-right: 20px; }
/* line 361, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 356, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -3765,56 +3798,108 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } white-space: nowrap; }
/* line 369, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 364, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left { .object-browse-bar .left {
padding-right: 20px; } padding-right: 20px; }
/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left .l-back { .object-browse-bar .left .l-back {
display: inline-block; display: inline-block;
float: left; float: left;
margin-right: 10px; } margin-right: 10px; }
/* line 379, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex { .l-flex {
display: flex; display: flex;
display: -webkit-flex; display: -webkit-flex;
flex-flow: row nowrap; flex-flow: row nowrap;
-webkit-flex-flow: row nowrap; } -webkit-flex-flow: row nowrap; }
/* line 382, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .left { .l-flex .left {
flex: 1 1 0; flex: 1 1 0;
-webkit-flex: 1 1 0; -webkit-flex: 1 1 0;
padding-right: 10px; } padding-right: 10px; }
/* line 393, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 390, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden { .pane-tree-hidden .pane.left.treeview,
-moz-user-select: -moz-none; .pane-tree-hidden .splitter-treeview {
-ms-user-select: none; opacity: 0; }
-webkit-user-select: none; /* line 395, ../../../../general/res/sass/user-environ/_layout.scss */
user-select: none; } .pane-tree-hidden .pane.right.items {
/* line 396, ../../../../general/res/sass/user-environ/_layout.scss */ left: 15px !important; }
.pane-tree-hidden .pane.left.treeview {
opacity: 0; }
/* line 400, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right-repr {
left: 0 !important; }
/* line 407, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 402, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .pane.left.treeview { .pane-tree-showing .pane.left.treeview,
-moz-transition-property: opacity; .pane-tree-showing .splitter-treeview {
-o-transition-property: opacity; -moz-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: opacity; -o-transition-property: opacity, background-color, border-color, color;
transition-property: opacity; -webkit-transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 0.4s; transition-property: opacity, background-color, border-color, color;
-o-transition-duration: 0.4s; -moz-transition-duration: 250ms;
-webkit-transition-duration: 0.4s; -o-transition-duration: 250ms;
transition-duration: 0.4s; -webkit-transition-duration: 250ms;
transition-duration: 250ms;
-moz-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
-moz-transition-delay: 250ms;
-o-transition-delay: 250ms;
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 411, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-showing .l-object-and-inspector .pane.right,
.pane-inspect-showing .l-object-and-inspector .splitter-inspect {
-moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: opacity, background-color, border-color, color;
transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 250ms;
-o-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-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: 250ms;
-o-transition-delay: 250ms;
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
opacity: 1; }
/* line 420, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.right,
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; }
/* line 424, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 15px !important; }
/* line 430, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.right.t-inspect {
background-color: rgba(255, 165, 0, 0.3) !important; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 435, ../../../../general/res/sass/user-environ/_layout.scss */
.pane:not(.resizing) {
-moz-transition-property: width, left, right;
-o-transition-property: width, left, right;
-webkit-transition-property: width, left, right;
transition-property: width, left, right;
-moz-transition-duration: 250ms;
-o-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-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; } }
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space * as represented by the Administrator of the National Aeronautics and Space
@ -3850,7 +3935,7 @@ span.req {
background-color: #262626; } background-color: #262626; }
/* line 35, ../../../../general/res/sass/mobile/_layout.scss */ /* line 35, ../../../../general/res/sass/mobile/_layout.scss */
.pane.right-repr { .pane.right.items {
-moz-transition-duration: 0.35s; -moz-transition-duration: 0.35s;
-o-transition-duration: 0.35s; -o-transition-duration: 0.35s;
-webkit-transition-duration: 0.35s; -webkit-transition-duration: 0.35s;
@ -3859,7 +3944,7 @@ span.req {
backface-visibility: hidden; backface-visibility: hidden;
margin-left: 0 !important; } margin-left: 0 !important; }
/* line 39, ../../../../general/res/sass/mobile/_layout.scss */ /* line 39, ../../../../general/res/sass/mobile/_layout.scss */
.pane.right-repr #content-area { .pane.right.items #content-area {
-moz-transition-duration: 0.35s; -moz-transition-duration: 0.35s;
-o-transition-duration: 0.35s; -o-transition-duration: 0.35s;
-webkit-transition-duration: 0.35s; -webkit-transition-duration: 0.35s;
@ -3901,7 +3986,7 @@ span.req {
right: auto !important; right: auto !important;
width: 40% !important; } width: 40% !important; }
/* line 88, ../../../../general/res/sass/mobile/_layout.scss */ /* line 88, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right-repr { .pane-tree-showing .pane.right.items {
left: 40% !important; } left: 40% !important; }
/* line 93, ../../../../general/res/sass/mobile/_layout.scss */ /* line 93, ../../../../general/res/sass/mobile/_layout.scss */
@ -3959,6 +4044,10 @@ span.req {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
opacity: 0; } opacity: 0; }
/* line 138, ../../../../general/res/sass/mobile/_layout.scss */ /* line 138, ../../../../general/res/sass/mobile/_layout.scss */
@ -3976,18 +4065,24 @@ span.req {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
opacity: 1; } } opacity: 1; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
/* line 147, ../../../../general/res/sass/mobile/_layout.scss */ /* line 147, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview { .pane-tree-showing .pane.left.treeview {
width: 90% !important; } width: 90% !important; }
/* line 150, ../../../../general/res/sass/mobile/_layout.scss */ /* line 150, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right-repr { .pane-tree-showing .pane.right.items {
left: 0 !important; left: 0 !important;
transform: translateX(90%); -moz-transform: translateX(90%);
-webkit-transform: translateX(90%); } -ms-transform: translateX(90%);
-webkit-transform: translateX(90%);
transform: translateX(90%); }
/* line 153, ../../../../general/res/sass/mobile/_layout.scss */ /* line 153, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right-repr #content-area { .pane-tree-showing .pane.right.items #content-area {
opacity: 0; } } opacity: 0; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 161, ../../../../general/res/sass/mobile/_layout.scss */ /* line 161, ../../../../general/res/sass/mobile/_layout.scss */
@ -4431,14 +4526,14 @@ span.req {
-webkit-transition: background, 0.25s; -webkit-transition: background, 0.25s;
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; }
/* line 269, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon { .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../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 { .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: linear-gradient(#a6a6a6, #999999); }
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../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 > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 85, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
@ -4523,7 +4618,7 @@ ul.tree {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none; }
/* line 326, ../../../../general/res/sass/_mixins.scss */ /* line 331, ../../../../general/res/sass/_mixins.scss */
ul.tree li { ul.tree li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@ -5791,14 +5886,14 @@ table {
margin-bottom: 3px; margin-bottom: 3px;
margin-right: 3px; margin-right: 3px;
position: relative; } position: relative; }
/* line 269, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item .icon { .items-holder .item.grid-item .icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover { .items-holder .item.grid-item:not(.disabled):hover {
background: linear-gradient(#666666, #595959); } background: linear-gradient(#666666, #595959); }
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover > .icon { .items-holder .item.grid-item:not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 45, ../../../../general/res/sass/items/_item.scss */ /* line 45, ../../../../general/res/sass/items/_item.scss */
@ -5881,6 +5976,10 @@ table {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
opacity: 0; opacity: 0;
color: #8c8c8c; color: #8c8c8c;
font-size: 3em; font-size: 3em;
@ -5933,14 +6032,14 @@ table {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
color: #80dfff; } color: #80dfff; }
/* line 269, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected .icon { .items-holder .item.grid-item.selected .icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover { .items-holder .item.grid-item.selected:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); } background: linear-gradient(#1ac6ff, #00bfff); }
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover > .icon { .items-holder .item.grid-item.selected:not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 137, ../../../../general/res/sass/items/_item.scss */ /* line 137, ../../../../general/res/sass/items/_item.scss */
@ -6085,10 +6184,10 @@ table {
font-size: 0.75rem; } font-size: 0.75rem; }
/* line 32, ../../../../general/res/sass/_autoflow.scss */ /* line 32, ../../../../general/res/sass/_autoflow.scss */
.autoflow:hover .l-autoflow-header .s-btn.change-column-width, .autoflow:hover .l-autoflow-header .change-column-width.s-menu-btn { .autoflow:hover .l-autoflow-header .s-btn.change-column-width, .autoflow:hover .l-autoflow-header .change-column-width.s-menu-btn {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 50ms; -moz-transition-duration: 50ms;
-o-transition-duration: 50ms; -o-transition-duration: 50ms;
-webkit-transition-duration: 50ms; -webkit-transition-duration: 50ms;
@ -6097,6 +6196,10 @@ table {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
opacity: 1; } opacity: 1; }
/* line 40, ../../../../general/res/sass/_autoflow.scss */ /* line 40, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header { .autoflow .l-autoflow-header {
@ -6109,10 +6212,10 @@ table {
vertical-align: middle; } vertical-align: middle; }
/* line 48, ../../../../general/res/sass/_autoflow.scss */ /* line 48, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header .s-btn.change-column-width, .autoflow .l-autoflow-header .change-column-width.s-menu-btn { .autoflow .l-autoflow-header .s-btn.change-column-width, .autoflow .l-autoflow-header .change-column-width.s-menu-btn {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 500ms; -moz-transition-duration: 500ms;
-o-transition-duration: 500ms; -o-transition-duration: 500ms;
-webkit-transition-duration: 500ms; -webkit-transition-duration: 500ms;
@ -6121,6 +6224,10 @@ table {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
opacity: 0; } opacity: 0; }
/* line 52, ../../../../general/res/sass/_autoflow.scss */ /* line 52, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header .l-filter { .autoflow .l-autoflow-header .l-filter {
@ -6381,6 +6488,10 @@ table {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
position: absolute; position: absolute;
left: 0; left: 0;
z-index: 1; } z-index: 1; }
@ -6395,10 +6506,10 @@ table {
color: #fff; } color: #fff; }
/* line 38, ../../../../general/res/sass/features/_time-display.scss */ /* line 38, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display .l-btn.control { .l-time-display .l-btn.control {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 200ms; -moz-transition-duration: 200ms;
-o-transition-duration: 200ms; -o-transition-duration: 200ms;
-webkit-transition-duration: 200ms; -webkit-transition-duration: 200ms;
@ -6407,6 +6518,10 @@ table {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
opacity: 0; opacity: 0;
font-size: 0.65em; font-size: 0.65em;
vertical-align: top; } vertical-align: top; }

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

@ -951,6 +951,10 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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: ''; content: '';
display: block; display: block;
pointer-events: none; pointer-events: none;
@ -990,6 +994,10 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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: ''; content: '';
display: block; display: block;
pointer-events: none; pointer-events: none;
@ -1368,14 +1376,14 @@ mct-container {
-webkit-transition: background, 0.25s; -webkit-transition: background, 0.25s;
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; } text-shadow: none; }
/* line 269, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu-btn .icon { .s-btn.major .icon, .major.s-menu-btn .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover { .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
background: deepskyblue; } background: deepskyblue; }
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../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 > .icon, .major.s-menu-btn:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 66, ../../../../general/res/sass/controls/_buttons.scss */ /* line 66, ../../../../general/res/sass/controls/_buttons.scss */
@ -1398,14 +1406,14 @@ mct-container {
-webkit-transition: background, 0.25s; -webkit-transition: background, 0.25s;
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; } text-shadow: none; }
/* line 269, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon { .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon {
color: #eee; } color: #eee; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover { .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
background: #0099cc; } background: #0099cc; }
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../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 > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 75, ../../../../general/res/sass/controls/_buttons.scss */ /* line 75, ../../../../general/res/sass/controls/_buttons.scss */
@ -1431,14 +1439,14 @@ mct-container {
-webkit-transition: background, 0.25s; -webkit-transition: background, 0.25s;
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; } text-shadow: none; }
/* line 269, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover { .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
background: #ffad33; } background: #ffad33; }
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../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 > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 80, ../../../../general/res/sass/controls/_buttons.scss */ /* line 80, ../../../../general/res/sass/controls/_buttons.scss */
@ -1487,6 +1495,10 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
color: #d6d6d6; color: #d6d6d6;
cursor: pointer; cursor: pointer;
display: block; display: block;
@ -1515,6 +1527,10 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
display: block; display: block;
position: absolute; } position: absolute; }
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */ /* line 141, ../../../../general/res/sass/controls/_buttons.scss */
@ -1531,6 +1547,10 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
font-size: 7px; font-size: 7px;
height: 100%; height: 100%;
width: 7px; } width: 7px; }
@ -1541,31 +1561,31 @@ mct-container {
/* line 158, ../../../../general/res/sass/controls/_buttons.scss */ /* line 158, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:before { .mini-tab.anchor-left:before {
content: '\3c'; content: '\3c';
left: -8px; } left: -7px; }
/* line 162, ../../../../general/res/sass/controls/_buttons.scss */ /* line 162, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left:hover:before { .mini-tab.anchor-left:hover:before {
left: -11px; } left: -9px; }
/* line 165, ../../../../general/res/sass/controls/_buttons.scss */ /* line 165, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left.collapsed:before { .mini-tab.anchor-left.collapsed:before {
content: '\3e'; content: '\3e';
left: 13px; } left: 12px; }
/* line 169, ../../../../general/res/sass/controls/_buttons.scss */ /* line 169, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-left.collapsed:hover:before { .mini-tab.anchor-left.collapsed:hover:before {
left: 16px; } left: 14px; }
/* line 175, ../../../../general/res/sass/controls/_buttons.scss */ /* line 175, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:before { .mini-tab.anchor-right:before {
content: '\3e'; content: '\3e';
left: 13px; } left: 12px; }
/* line 179, ../../../../general/res/sass/controls/_buttons.scss */ /* line 179, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right:hover:before { .mini-tab.anchor-right:hover:before {
left: 16px; } left: 14px; }
/* line 182, ../../../../general/res/sass/controls/_buttons.scss */ /* line 182, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right.collapsed:before { .mini-tab.anchor-right.collapsed:before {
content: '\3c'; content: '\3c';
left: -8px; } left: -7px; }
/* line 186, ../../../../general/res/sass/controls/_buttons.scss */ /* line 186, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.anchor-right.collapsed:hover:before { .mini-tab.anchor-right.collapsed:hover:before {
left: -11px; } } left: -9px; } }
/* line 196, ../../../../general/res/sass/controls/_buttons.scss */ /* line 196, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set { .l-btn-set {
@ -1638,10 +1658,10 @@ mct-container {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
text-shadow: rgba(0, 0, 0, 0.8) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.8) 0 1px 2px;
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 0.25s; -moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s; -o-transition-duration: 0.25s;
-webkit-transition-duration: 0.25s; -webkit-transition-duration: 0.25s;
@ -1650,6 +1670,10 @@ mct-container {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
border: 1px solid transparent; border: 1px solid transparent;
color: #fff; color: #fff;
display: block; display: block;
@ -1902,10 +1926,10 @@ label.checkbox.custom {
/* line 227, ../../../../general/res/sass/controls/_controls.scss */ /* line 227, ../../../../general/res/sass/controls/_controls.scss */
.view-switcher { .view-switcher {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 100ms; -moz-transition-duration: 100ms;
-o-transition-duration: 100ms; -o-transition-duration: 100ms;
-webkit-transition-duration: 100ms; -webkit-transition-duration: 100ms;
@ -1913,7 +1937,11 @@ label.checkbox.custom {
-moz-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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; }
/******************************************************** OBJECT-HEADER */ /******************************************************** OBJECT-HEADER */
/* line 232, ../../../../general/res/sass/controls/_controls.scss */ /* line 232, ../../../../general/res/sass/controls/_controls.scss */
@ -1964,6 +1992,10 @@ label.checkbox.custom {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
opacity: 0; } opacity: 0; }
/* line 287, ../../../../general/res/sass/controls/_controls.scss */ /* line 287, ../../../../general/res/sass/controls/_controls.scss */
.object-header:hover .context-available { .object-header:hover .context-available {
@ -1980,10 +2012,10 @@ label.checkbox.custom {
left: 0; } left: 0; }
/* line 308, ../../../../general/res/sass/controls/_controls.scss */ /* line 308, ../../../../general/res/sass/controls/_controls.scss */
.slider .knob { .slider .knob {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 0.25s; -moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s; -o-transition-duration: 0.25s;
-webkit-transition-duration: 0.25s; -webkit-transition-duration: 0.25s;
@ -1992,6 +2024,10 @@ label.checkbox.custom {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
background-color: rgba(0, 153, 204, 0.5); background-color: rgba(0, 153, 204, 0.5);
position: absolute; position: absolute;
height: 100%; height: 100%;
@ -2023,10 +2059,10 @@ label.checkbox.custom {
cursor: e-resize; } cursor: e-resize; }
/* line 330, ../../../../general/res/sass/controls/_controls.scss */ /* line 330, ../../../../general/res/sass/controls/_controls.scss */
.slider .range { .slider .range {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 0.25s; -moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s; -o-transition-duration: 0.25s;
-webkit-transition-duration: 0.25s; -webkit-transition-duration: 0.25s;
@ -2035,6 +2071,10 @@ label.checkbox.custom {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
background-color: rgba(0, 153, 204, 0.2); background-color: rgba(0, 153, 204, 0.2);
cursor: ew-resize; cursor: ew-resize;
position: absolute; position: absolute;
@ -2130,6 +2170,10 @@ label.checkbox.custom {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
cursor: pointer; } cursor: pointer; }
/* line 424, ../../../../general/res/sass/controls/_controls.scss */ /* line 424, ../../../../general/res/sass/controls/_controls.scss */
.l-calendar ul.l-cal-row.l-body li.in-month { .l-calendar ul.l-cal-row.l-body li.in-month {
@ -2312,7 +2356,7 @@ label.checkbox.custom {
.menu ul { .menu ul {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 326, ../../../../general/res/sass/_mixins.scss */ /* line 331, ../../../../general/res/sass/_mixins.scss */
.menu ul li { .menu ul li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@ -2667,10 +2711,10 @@ mct-include.l-time-controller {
z-index: 2; } z-index: 2; }
/* line 161, ../../../../general/res/sass/controls/_time-controller.scss */ /* line 161, ../../../../general/res/sass/controls/_time-controller.scss */
mct-include.l-time-controller .knob .range-value { mct-include.l-time-controller .knob .range-value {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 0.25s; -moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s; -o-transition-duration: 0.25s;
-webkit-transition-duration: 0.25s; -webkit-transition-duration: 0.25s;
@ -2679,6 +2723,10 @@ mct-include.l-time-controller {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
padding: 0 10px; padding: 0 10px;
position: absolute; position: absolute;
height: 20px; height: 20px;
@ -2866,7 +2914,7 @@ mct-include.l-time-controller {
padding: 0 3px; padding: 0 3px;
position: relative; position: relative;
height: 150px; } height: 150px; }
/* line 293, ../../../../general/res/sass/_mixins.scss */ /* line 298, ../../../../general/res/sass/_mixins.scss */
.form .form-row .selector-list.error { .form .form-row .selector-list.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 124, ../../../../general/res/sass/forms/_elems.scss */ /* line 124, ../../../../general/res/sass/forms/_elems.scss */
@ -2923,7 +2971,7 @@ input[type="text"] {
color: #666; color: #666;
outline: none; outline: none;
padding: 0 3px; } padding: 0 3px; }
/* line 293, ../../../../general/res/sass/_mixins.scss */ /* line 298, ../../../../general/res/sass/_mixins.scss */
input[type="text"].error { input[type="text"].error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 172, ../../../../general/res/sass/forms/_elems.scss */ /* line 172, ../../../../general/res/sass/forms/_elems.scss */
@ -2951,7 +2999,7 @@ textarea {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; } width: 100%; }
/* line 293, ../../../../general/res/sass/_mixins.scss */ /* line 298, ../../../../general/res/sass/_mixins.scss */
textarea.error { textarea.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
@ -3000,7 +3048,7 @@ textarea {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
line-height: 22px; } line-height: 22px; }
/* line 269, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.select .icon { .select .icon {
color: #eee; } color: #eee; }
/* line 31, ../../../../general/res/sass/forms/_selects.scss */ /* line 31, ../../../../general/res/sass/forms/_selects.scss */
@ -3082,7 +3130,7 @@ textarea {
max-height: 400px; max-height: 400px;
overflow: auto; overflow: auto;
padding: 5px; } padding: 5px; }
/* line 293, ../../../../general/res/sass/_mixins.scss */ /* line 298, ../../../../general/res/sass/_mixins.scss */
.channel-selector .treeview.error { .channel-selector .treeview.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */ /* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */
@ -3248,7 +3296,7 @@ span.req {
padding: 0 3px; padding: 0 3px;
background: white; background: white;
border-bottom: 1px solid white; } border-bottom: 1px solid white; }
/* line 293, ../../../../general/res/sass/_mixins.scss */ /* line 298, ../../../../general/res/sass/_mixins.scss */
.filter input.filter.error, .filter input.filter.error,
.filter input.t-filter-input.error, .filter input.t-filter-input.error,
.t-filter input.filter.error, .t-filter input.filter.error,
@ -3556,7 +3604,7 @@ span.req {
max-width: 800px; max-width: 800px;
width: 25%; } width: 25%; }
/* line 214, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 214, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-mode .split-layout .split-pane-component.pane.t-inspector.right { .browse-mode .split-layout .split-pane-component.pane.t-inspect.right {
min-width: 150px; min-width: 150px;
max-width: 800px; max-width: 800px;
width: 10%; } width: 10%; }
@ -3570,65 +3618,50 @@ span.req {
height: 30%; } height: 30%; }
/* line 235, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 235, ../../../../general/res/sass/user-environ/_layout.scss */
.pane:not(.resizing) {
-moz-transition-property: width, left, right;
-o-transition-property: width, left, right;
-webkit-transition-property: width, left, right;
transition-property: width, left, right;
-moz-transition-duration: 250ms;
-o-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-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; }
/* line 240, ../../../../general/res/sass/user-environ/_layout.scss */
.pane { .pane {
position: absolute; } position: absolute; }
/* line 243, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 238, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder { .pane.treeview.left .create-btn-holder {
bottom: auto; bottom: auto;
top: 0; top: 0;
height: 24px; } height: 24px; }
/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 242, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .create-btn-holder .wrapper.menu-element { .pane.treeview.left .create-btn-holder .wrapper.menu-element {
position: absolute; position: absolute;
bottom: 5px; } bottom: 5px; }
/* line 252, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 247, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .search-holder { .pane.treeview.left .search-holder {
top: 34px; } top: 34px; }
/* line 255, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 250, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.treeview.left .tree-holder { .pane.treeview.left .tree-holder {
overflow: auto; overflow: auto;
top: 64px; } top: 64px; }
/* line 261, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane { .pane .mini-tab.toggle-pane {
z-index: 2; } z-index: 2; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 261, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 256, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane { .pane .mini-tab.toggle-pane {
top: 5px; } top: 5px; }
/* line 267, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left {
left: -30px; } left: -30px; }
/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 265, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left:after {
content: 'F'; } content: 'F'; }
/* line 273, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 268, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed { .pane .mini-tab.toggle-pane.toggle-tree.anchor-left.collapsed {
left: -10px; } left: -25px; }
/* line 277, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 272, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right {
right: -25px; } right: -25px; }
/* line 280, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 275, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right:after {
content: '\e608'; } content: '\e608'; }
/* line 283, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 278, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed { .pane .mini-tab.toggle-pane.toggle-inspect.anchor-right.collapsed {
right: -5px; } } right: -20px; } }
/* line 292, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 287, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager, .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager,
.pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val,
.l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area,
@ -3641,31 +3674,31 @@ span.req {
.s-menu-btn .pane.items .object-browse-bar span.right.l-click-area { .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area {
top: auto; } top: auto; }
/* line 303, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 298, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane { .split-layout.horizontal > .pane {
margin-top: 5px; } margin-top: 5px; }
/* line 306, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 301, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.horizontal > .pane:first-child { .split-layout.horizontal > .pane:first-child {
margin-top: 0; } margin-top: 0; }
/* line 313, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 308, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane { .split-layout.vertical > .pane {
margin-left: 5px; } margin-left: 5px; }
/* line 316, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 311, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane > .holder { .split-layout.vertical > .pane > .holder {
left: 0; left: 0;
right: 0; } right: 0; }
/* line 320, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 315, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child { .split-layout.vertical > .pane:first-child {
margin-left: 0; } margin-left: 0; }
/* line 322, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 317, ../../../../general/res/sass/user-environ/_layout.scss */
.split-layout.vertical > .pane:first-child .holder { .split-layout.vertical > .pane:first-child .holder {
right: 3px; } right: 3px; }
/* line 330, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 325, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder { .object-holder {
overflow: hidden; overflow: hidden;
top: 34px; } top: 34px; }
/* line 333, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 328, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder > ng-include { .object-holder > ng-include {
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -3675,11 +3708,11 @@ span.req {
left: 0; left: 0;
width: auto; width: auto;
height: auto; } height: auto; }
/* line 337, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 332, ../../../../general/res/sass/user-environ/_layout.scss */
.object-holder.l-controls-visible.l-time-controller-visible { .object-holder.l-controls-visible.l-time-controller-visible {
bottom: 88px; } bottom: 88px; }
/* line 343, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 338, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .s-btn, .object-browse-bar .s-menu-btn, .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn,
.top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-btn,
.top-bar .buttons-main .s-menu-btn, .top-bar .buttons-main .s-menu-btn,
@ -3691,12 +3724,12 @@ span.req {
line-height: 25px; line-height: 25px;
vertical-align: top; } vertical-align: top; }
/* line 356, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 351, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .view-switcher, .object-browse-bar .view-switcher,
.top-bar .view-switcher { .top-bar .view-switcher {
margin-right: 20px; } margin-right: 20px; }
/* line 361, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 356, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar { .object-browse-bar {
overflow: visible; overflow: visible;
position: absolute; position: absolute;
@ -3712,56 +3745,108 @@ span.req {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
white-space: nowrap; } white-space: nowrap; }
/* line 369, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 364, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left { .object-browse-bar .left {
padding-right: 20px; } padding-right: 20px; }
/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 366, ../../../../general/res/sass/user-environ/_layout.scss */
.object-browse-bar .left .l-back { .object-browse-bar .left .l-back {
display: inline-block; display: inline-block;
float: left; float: left;
margin-right: 10px; } margin-right: 10px; }
/* line 379, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 374, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex { .l-flex {
display: flex; display: flex;
display: -webkit-flex; display: -webkit-flex;
flex-flow: row nowrap; flex-flow: row nowrap;
-webkit-flex-flow: row nowrap; } -webkit-flex-flow: row nowrap; }
/* line 382, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 377, ../../../../general/res/sass/user-environ/_layout.scss */
.l-flex .left { .l-flex .left {
flex: 1 1 0; flex: 1 1 0;
-webkit-flex: 1 1 0; -webkit-flex: 1 1 0;
padding-right: 10px; } padding-right: 10px; }
/* line 393, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 390, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden { .pane-tree-hidden .pane.left.treeview,
-moz-user-select: -moz-none; .pane-tree-hidden .splitter-treeview {
-ms-user-select: none; opacity: 0; }
-webkit-user-select: none; /* line 395, ../../../../general/res/sass/user-environ/_layout.scss */
user-select: none; } .pane-tree-hidden .pane.right.items {
/* line 396, ../../../../general/res/sass/user-environ/_layout.scss */ left: 15px !important; }
.pane-tree-hidden .pane.left.treeview {
opacity: 0; }
/* line 400, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-hidden .pane.right-repr {
left: 0 !important; }
/* line 407, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 402, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-tree-showing .pane.left.treeview { .pane-tree-showing .pane.left.treeview,
-moz-transition-property: opacity; .pane-tree-showing .splitter-treeview {
-o-transition-property: opacity; -moz-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: opacity; -o-transition-property: opacity, background-color, border-color, color;
transition-property: opacity; -webkit-transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 0.4s; transition-property: opacity, background-color, border-color, color;
-o-transition-duration: 0.4s; -moz-transition-duration: 250ms;
-webkit-transition-duration: 0.4s; -o-transition-duration: 250ms;
transition-duration: 0.4s; -webkit-transition-duration: 250ms;
transition-duration: 250ms;
-moz-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
-moz-transition-delay: 250ms;
-o-transition-delay: 250ms;
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
opacity: 1; } opacity: 1; }
/* line 411, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-showing .l-object-and-inspector .pane.right,
.pane-inspect-showing .l-object-and-inspector .splitter-inspect {
-moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: opacity, background-color, border-color, color;
transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 250ms;
-o-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-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: 250ms;
-o-transition-delay: 250ms;
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
opacity: 1; }
/* line 420, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.right,
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; }
/* line 424, ../../../../general/res/sass/user-environ/_layout.scss */
.pane-inspect-hidden .l-object-and-inspector .pane.left {
right: 15px !important; }
/* line 430, ../../../../general/res/sass/user-environ/_layout.scss */
.pane.right.t-inspect {
background-color: rgba(255, 165, 0, 0.3) !important; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 435, ../../../../general/res/sass/user-environ/_layout.scss */
.pane:not(.resizing) {
-moz-transition-property: width, left, right;
-o-transition-property: width, left, right;
-webkit-transition-property: width, left, right;
transition-property: width, left, right;
-moz-transition-duration: 250ms;
-o-transition-duration: 250ms;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-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; } }
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space * as represented by the Administrator of the National Aeronautics and Space
@ -3797,7 +3882,7 @@ span.req {
background-color: #f7f7f7; } background-color: #f7f7f7; }
/* line 35, ../../../../general/res/sass/mobile/_layout.scss */ /* line 35, ../../../../general/res/sass/mobile/_layout.scss */
.pane.right-repr { .pane.right.items {
-moz-transition-duration: 0.35s; -moz-transition-duration: 0.35s;
-o-transition-duration: 0.35s; -o-transition-duration: 0.35s;
-webkit-transition-duration: 0.35s; -webkit-transition-duration: 0.35s;
@ -3806,7 +3891,7 @@ span.req {
backface-visibility: hidden; backface-visibility: hidden;
margin-left: 0 !important; } margin-left: 0 !important; }
/* line 39, ../../../../general/res/sass/mobile/_layout.scss */ /* line 39, ../../../../general/res/sass/mobile/_layout.scss */
.pane.right-repr #content-area { .pane.right.items #content-area {
-moz-transition-duration: 0.35s; -moz-transition-duration: 0.35s;
-o-transition-duration: 0.35s; -o-transition-duration: 0.35s;
-webkit-transition-duration: 0.35s; -webkit-transition-duration: 0.35s;
@ -3848,7 +3933,7 @@ span.req {
right: auto !important; right: auto !important;
width: 40% !important; } width: 40% !important; }
/* line 88, ../../../../general/res/sass/mobile/_layout.scss */ /* line 88, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right-repr { .pane-tree-showing .pane.right.items {
left: 40% !important; } left: 40% !important; }
/* line 93, ../../../../general/res/sass/mobile/_layout.scss */ /* line 93, ../../../../general/res/sass/mobile/_layout.scss */
@ -3906,6 +3991,10 @@ span.req {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
opacity: 0; } opacity: 0; }
/* line 138, ../../../../general/res/sass/mobile/_layout.scss */ /* line 138, ../../../../general/res/sass/mobile/_layout.scss */
@ -3923,18 +4012,24 @@ span.req {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
opacity: 1; } } opacity: 1; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
/* line 147, ../../../../general/res/sass/mobile/_layout.scss */ /* line 147, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview { .pane-tree-showing .pane.left.treeview {
width: 90% !important; } width: 90% !important; }
/* line 150, ../../../../general/res/sass/mobile/_layout.scss */ /* line 150, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right-repr { .pane-tree-showing .pane.right.items {
left: 0 !important; left: 0 !important;
transform: translateX(90%); -moz-transform: translateX(90%);
-webkit-transform: translateX(90%); } -ms-transform: translateX(90%);
-webkit-transform: translateX(90%);
transform: translateX(90%); }
/* line 153, ../../../../general/res/sass/mobile/_layout.scss */ /* line 153, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right-repr #content-area { .pane-tree-showing .pane.right.items #content-area {
opacity: 0; } } opacity: 0; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 161, ../../../../general/res/sass/mobile/_layout.scss */ /* line 161, ../../../../general/res/sass/mobile/_layout.scss */
@ -4360,14 +4455,14 @@ span.req {
-webkit-transition: background, 0.25s; -webkit-transition: background, 0.25s;
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; } text-shadow: none; }
/* line 269, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon { .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../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 { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
background: #7d7d7d; } background: #7d7d7d; }
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../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 > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 85, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
@ -4452,7 +4547,7 @@ ul.tree {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none; }
/* line 326, ../../../../general/res/sass/_mixins.scss */ /* line 331, ../../../../general/res/sass/_mixins.scss */
ul.tree li { ul.tree li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@ -5710,14 +5805,14 @@ table {
margin-bottom: 3px; margin-bottom: 3px;
margin-right: 3px; margin-right: 3px;
position: relative; } position: relative; }
/* line 269, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item .icon { .items-holder .item.grid-item .icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 274, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover { .items-holder .item.grid-item:not(.disabled):hover {
background: #d0d0d0; } background: #d0d0d0; }
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 281, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover > .icon { .items-holder .item.grid-item:not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 45, ../../../../general/res/sass/items/_item.scss */ /* line 45, ../../../../general/res/sass/items/_item.scss */
@ -5800,6 +5895,10 @@ table {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
opacity: 0; opacity: 0;
color: #8c8c8c; color: #8c8c8c;
font-size: 3em; font-size: 3em;
@ -5843,7 +5942,7 @@ table {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; text-shadow: none;
color: #80dfff; } color: #80dfff; }
/* line 269, ../../../../general/res/sass/_mixins.scss */ /* line 274, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected .icon { .items-holder .item.grid-item.selected .icon {
color: #eee; } color: #eee; }
/* line 137, ../../../../general/res/sass/items/_item.scss */ /* line 137, ../../../../general/res/sass/items/_item.scss */
@ -5988,10 +6087,10 @@ table {
font-size: 0.75rem; } font-size: 0.75rem; }
/* line 32, ../../../../general/res/sass/_autoflow.scss */ /* line 32, ../../../../general/res/sass/_autoflow.scss */
.autoflow:hover .l-autoflow-header .s-btn.change-column-width, .autoflow:hover .l-autoflow-header .change-column-width.s-menu-btn { .autoflow:hover .l-autoflow-header .s-btn.change-column-width, .autoflow:hover .l-autoflow-header .change-column-width.s-menu-btn {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 50ms; -moz-transition-duration: 50ms;
-o-transition-duration: 50ms; -o-transition-duration: 50ms;
-webkit-transition-duration: 50ms; -webkit-transition-duration: 50ms;
@ -6000,6 +6099,10 @@ table {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
opacity: 1; } opacity: 1; }
/* line 40, ../../../../general/res/sass/_autoflow.scss */ /* line 40, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header { .autoflow .l-autoflow-header {
@ -6012,10 +6115,10 @@ table {
vertical-align: middle; } vertical-align: middle; }
/* line 48, ../../../../general/res/sass/_autoflow.scss */ /* line 48, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header .s-btn.change-column-width, .autoflow .l-autoflow-header .change-column-width.s-menu-btn { .autoflow .l-autoflow-header .s-btn.change-column-width, .autoflow .l-autoflow-header .change-column-width.s-menu-btn {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 500ms; -moz-transition-duration: 500ms;
-o-transition-duration: 500ms; -o-transition-duration: 500ms;
-webkit-transition-duration: 500ms; -webkit-transition-duration: 500ms;
@ -6024,6 +6127,10 @@ table {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
opacity: 0; } opacity: 0; }
/* line 52, ../../../../general/res/sass/_autoflow.scss */ /* line 52, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header .l-filter { .autoflow .l-autoflow-header .l-filter {
@ -6284,6 +6391,10 @@ table {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
position: absolute; position: absolute;
left: 0; left: 0;
z-index: 1; } z-index: 1; }
@ -6298,10 +6409,10 @@ table {
color: #fff; } color: #fff; }
/* line 38, ../../../../general/res/sass/features/_time-display.scss */ /* line 38, ../../../../general/res/sass/features/_time-display.scss */
.l-time-display .l-btn.control { .l-time-display .l-btn.control {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: opacity, background-color, border-color, color;
-webkit-transition-property: visibility, opacity, background-color, border-color; -webkit-transition-property: opacity, background-color, border-color, color;
transition-property: visibility, opacity, background-color, border-color; transition-property: opacity, background-color, border-color, color;
-moz-transition-duration: 200ms; -moz-transition-duration: 200ms;
-o-transition-duration: 200ms; -o-transition-duration: 200ms;
-webkit-transition-duration: 200ms; -webkit-transition-duration: 200ms;
@ -6310,6 +6421,10 @@ table {
-o-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
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;
opacity: 0; opacity: 0;
font-size: 0.65em; font-size: 0.65em;
vertical-align: top; } vertical-align: top; }