From 0ddaa52a8ac05619fc33e1b31dc0f7a7b0b796ad Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Tue, 16 Feb 2016 18:38:06 -0800 Subject: [PATCH] [Frontend] Refactor CSS to not use 'desktop' media query open #639 Refactored all usage of @include desktop to use CSS selector body.desktop instead; Still to-do: deal with desktopandtablet usage with hover bubbles and mixins btnBase; --- .../general/res/sass/controls/_buttons.scss | 220 +++-- .../general/res/sass/controls/_controls.scss | 16 +- .../general/res/sass/controls/_messages.scss | 26 +- .../general/res/sass/mobile/_layout.scss | 2 +- .../general/res/sass/mobile/_mixins.scss | 4 + .../commonUI/general/res/sass/tree/_tree.scss | 37 +- .../general/res/sass/user-environ/_frame.scss | 22 +- .../res/sass/user-environ/_layout.scss | 87 +- .../espresso/res/css/theme-espresso.css | 824 +++++++++--------- .../themes/snow/res/css/theme-snow.css | 796 +++++++++-------- 10 files changed, 1001 insertions(+), 1033 deletions(-) diff --git a/platform/commonUI/general/res/sass/controls/_buttons.scss b/platform/commonUI/general/res/sass/controls/_buttons.scss index c999828ee9..de48f9ee02 100644 --- a/platform/commonUI/general/res/sass/controls/_buttons.scss +++ b/platform/commonUI/general/res/sass/controls/_buttons.scss @@ -111,156 +111,138 @@ $pad: $interiorMargin * $baseRatio; // Color and styling additionally in _controls.scss } -.mini-tab { +body.desktop.mini-tab { // Meant to be used as pane hide/show control elements in concert with mct-splitter - //@extend .ui-symbol; - @include desktop { - //@include test(green); - $iconH: $uePaneMiniTabH; - $iconW: $uePaneMiniTabW; - $iconInnerLR: 0; - $arwD: 9px; - $arwOffsetX: 0px; - $arwAnimOffsetX: 2px + $iconInnerLR; - $cBg: pullForward($colorBodyBg, 15%); - $cFg: $cBg; + $iconH: $uePaneMiniTabH; + $iconW: $uePaneMiniTabW; + $iconInnerLR: 0; + $arwD: 9px; + $arwOffsetX: 0px; + $arwAnimOffsetX: 2px + $iconInnerLR; + $cBg: pullForward($colorBodyBg, 15%); + $cFg: $cBg; + @include border-radius($basicCr); + @include box-sizing(border-box); + @include trans-prop-nice((color, background-color), 100ms); + color: $cFg; + cursor: pointer; + font-family: symbolsfont; + font-size: $arwD; + display: block; + position: absolute; + line-height: $iconH; + height: $iconH; width: $iconW; + text-align: center; - @include border-radius($basicCr); - //@include boxShdw($shdwBtns); - @include box-sizing(border-box); - @include trans-prop-nice((color, background-color), 100ms); - color: $cFg; - cursor: pointer; - font-family: symbolsfont; - font-size: $arwD; - display: block; - position: absolute; - line-height: $iconH; - height: $iconH; width: $iconW; - text-align: center; + &:hover { + color: $colorKey; + } + &.collapsed { + // State when the pane this element controls has been collapsed + @include btnSubtle($colorBtnBg, $colorKey, $colorBtnFg, $colorBtnIcon); + &:before { opacity: 0; } + &:after { opacity: 1; } &:hover { - //background-color: $cBg; - color: $colorKey; //pullForward($cFg, $ltGamma); + &:before { opacity: 1; } + &:after { opacity: 0; } } - &.collapsed { - // State when the pane this element controls has been collapsed - @include btnSubtle($colorBtnBg, $colorKey, $colorBtnFg, $colorBtnIcon); - &:before { opacity: 0; } - &:after { opacity: 1; } - &:hover { - &:before { opacity: 1; } - &:after { opacity: 0; } - } + } - } + &:before, + &:after { + @include trans-prop-nice((left, right, opacity), 250ms); + display: block; + height: 100%; + position: absolute; + } - &:before, - &:after { - //@include test(); - @include trans-prop-nice((left, right, opacity), 250ms); - display: block; - height: 100%; - position: absolute; - } + &:before { + // Always the arrow icon + width: $arwD; + } + &:after { + // Always icon; content is set in _layout.scss + width: 100%; + text-align: center; + opacity: 0; + } + &.anchor-left { + // |< + text-align: right; &:before { - // Always the arrow icon - //@include test(green); - //font-size: $arwD; - width: $arwD; + content:'\3c'; // Collapse left icon e613 + right: $iconInnerLR; } - &:after { - // Always icon; content is set in _layout.scss - width: 100%; - text-align: center; - opacity: 0; - } - - &.anchor-left { - // |< - text-align: right; - &:before { - content:'\3c'; // Collapse left icon e613 - right: $iconInnerLR; - } - //&:hover:before { right: $arwAnimOffsetX; } - &.collapsed { - @include border-left-radius(0); - text-align: left; - &:before { - content:'\3e'; - left: $iconInnerLR; - } - &:hover:before { left: $arwAnimOffsetX; } - } - } - &.anchor-right { - // >| + &.collapsed { + @include border-left-radius(0); text-align: left; &:before { - content:'\3e'; // Collapse right icon e614 + content:'\3e'; left: $iconInnerLR; } - //&:hover:before { left: $arwAnimOffsetX; } - &.collapsed { - @include border-right-radius(0); - &:before { - text-align: right; - content:'\3c'; - right: $iconInnerLR; - } - &:hover:before { right: $arwAnimOffsetX; } + &:hover:before { left: $arwAnimOffsetX; } + } + } + &.anchor-right { + // >| + text-align: left; + &:before { + content:'\3e'; // Collapse right icon e614 + left: $iconInnerLR; + } + &.collapsed { + @include border-right-radius(0); + &:before { + text-align: right; + content:'\3c'; + right: $iconInnerLR; } + &:hover:before { right: $arwAnimOffsetX; } } } } -.mini-tab-icon { +body.desktop.mini-tab-icon { // Meant to be used as pane hide/show control elements in concert with mct-splitter - //@extend .ui-symbol; - @include desktop { - $d: $uePaneMiniTabW; - //@include trans-prop-nice(transform, 150ms); - color: pullForward($colorBodyBg, 15%); - cursor: pointer; - display: block; - font-family: symbolsfont; - font-size: $d; + $d: $uePaneMiniTabW; + color: pullForward($colorBodyBg, 15%); + cursor: pointer; + display: block; + font-family: symbolsfont; + font-size: $d; + position: absolute; + height: $d; width: $d; + line-height: $d; + overflow: hidden; + word-break: break-all; + + &.collapsed { + $d: $uePaneMiniTabCollapsedW; + width: $d; font-size: $d; + } + + &:before, + &:after { position: absolute; - height: $d; width: $d; - line-height: $d; - overflow: hidden; - word-break: break-all; + display: inherit; + } - &.collapsed { - $d: $uePaneMiniTabCollapsedW; - width: $d; font-size: $d; - } + &:before { + content: '\78'; // X icon + } - &:before, - &:after { - position: absolute; - display: inherit; - } - - &:before { - content: '\78'; // X icon - } - - &:hover { - color: $colorKey; - //@include transform(scale(1.2)); - } + &:hover { + color: $colorKey; } } .l-btn-set { // Buttons that have a very tight conceptual grouping - no internal space between them. // Structure: .btn-set > mct-representation class=first|last > .s-btn - //@include test(red); font-size: 0; // Remove space between s-btn elements due to white space in markup .s-btn { diff --git a/platform/commonUI/general/res/sass/controls/_controls.scss b/platform/commonUI/general/res/sass/controls/_controls.scss index d97a153cff..80ec355cad 100644 --- a/platform/commonUI/general/res/sass/controls/_controls.scss +++ b/platform/commonUI/general/res/sass/controls/_controls.scss @@ -235,16 +235,16 @@ label.checkbox.custom { font-size: 0.7em; @include webkitProp(flex, '0 0 1'); } +} - @include desktop { +body.desktop .object-header { + .context-available { + @include trans-prop-nice(opacity, 0.25s); + opacity: 0; + } + &:hover { .context-available { - @include trans-prop-nice(opacity, 0.25s); - opacity: 0; - } - &:hover { - .context-available { - opacity: 1; - } + opacity: 1; } } } diff --git a/platform/commonUI/general/res/sass/controls/_messages.scss b/platform/commonUI/general/res/sass/controls/_messages.scss index 8bb8337d9c..64085ee237 100644 --- a/platform/commonUI/general/res/sass/controls/_messages.scss +++ b/platform/commonUI/general/res/sass/controls/_messages.scss @@ -275,17 +275,17 @@ // Message as singleton .t-message-single { @include messageBlock(80px); +} - @include desktop { - .l-message, - .bottom-bar { - @include absPosDefault(); - } +body.desktop .t-message-single { + .l-message, + .bottom-bar { + @include absPosDefault(); + } - .bottom-bar { - top: auto; - height: $ovrFooterH; - } + .bottom-bar { + top: auto; + height: $ovrFooterH; } } @@ -295,7 +295,6 @@ .message-contents { .l-message { - //border-bottom: 1px solid pullForward($colorOvrBg, 20%); @include border-radius($controlCr); background: rgba($colorOvrFg, 0.1); margin-bottom: $interiorMargin; @@ -303,7 +302,6 @@ .message-contents, .bottom-bar { - //@include test(green); position: relative; } @@ -320,8 +318,8 @@ } } } +} - @include desktop { - .message-contents .l-message { margin-right: $interiorMarginLg; } - } +body.desktop .t-message-list { + .message-contents .l-message { margin-right: $interiorMarginLg; } } \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/mobile/_layout.scss b/platform/commonUI/general/res/sass/mobile/_layout.scss index 8d0cc15770..3531ccb112 100644 --- a/platform/commonUI/general/res/sass/mobile/_layout.scss +++ b/platform/commonUI/general/res/sass/mobile/_layout.scss @@ -156,7 +156,7 @@ } } -@include desktop { +body.desktop { .desktop-hide { display: none; } diff --git a/platform/commonUI/general/res/sass/mobile/_mixins.scss b/platform/commonUI/general/res/sass/mobile/_mixins.scss index 8c35d6a211..a0895222a2 100644 --- a/platform/commonUI/general/res/sass/mobile/_mixins.scss +++ b/platform/commonUI/general/res/sass/mobile/_mixins.scss @@ -78,6 +78,8 @@ // Desktop monitors in any orientation @mixin desktopandtablet { + // Keeping only for legacy - should not be used moving forward + // Use body.desktop, body.tablet instead. @media #{$tabletPortrait}, #{$tabletLandscape}, #{$desktop} { @@ -87,6 +89,8 @@ // Desktop monitors in any orientation @mixin desktop { + // Keeping only for legacy - should not be used moving forward + // Use body.desktop instead. @media #{$desktop} { @content } diff --git a/platform/commonUI/general/res/sass/tree/_tree.scss b/platform/commonUI/general/res/sass/tree/_tree.scss index 405a10de7a..5ae3849822 100644 --- a/platform/commonUI/general/res/sass/tree/_tree.scss +++ b/platform/commonUI/general/res/sass/tree/_tree.scss @@ -63,11 +63,6 @@ ul.tree { @include transform(rotate(90deg)); } } - @include desktop { - &:hover { - color: $colorItemTreeVCHover !important; - } - } } .t-object-label { @@ -94,18 +89,6 @@ ul.tree { } } - &:not(.selected) { - @include desktop { - &:hover { - background: $colorItemTreeHoverBg; - color: $colorItemTreeHoverFg; - .t-item-icon { - color: $colorItemTreeIconHover; - } - } - } - } - &:not(.loading) { cursor: pointer; } @@ -123,6 +106,26 @@ ul.tree { } } +body.desktop { + .tree-item, + .search-result-item { + .view-control { + &:hover { + color: $colorItemTreeVCHover !important; + } + } + &:not(.selected) { + &:hover { + background: $colorItemTreeHoverBg; + color: $colorItemTreeHoverFg; + .t-item-icon { + color: $colorItemTreeIconHover; + } + } + } + } +} + mct-representation { &.s-status-pending { .t-object-label { diff --git a/platform/commonUI/general/res/sass/user-environ/_frame.scss b/platform/commonUI/general/res/sass/user-environ/_frame.scss index a88ecb7ee1..64c4dbd69b 100644 --- a/platform/commonUI/general/res/sass/user-environ/_frame.scss +++ b/platform/commonUI/general/res/sass/user-environ/_frame.scss @@ -66,17 +66,6 @@ .view-switcher { z-index: 10; } - // Hide the view switcher by default when it's in an element that's in a frame context - // Frame template is used because we need to target the lowest nested frame - @include desktop { - .view-switcher { - opacity: 0; - } - &:hover .view-switcher { - // Show the view switcher on frame hover - opacity: 1; - } - } } .view-switcher { // Hide the name when the view switcher is in a frame context @@ -85,3 +74,14 @@ } } } + body.desktop .frame.frame-template { + // Hide the view switcher by default when it's in an element that's in a frame context + // Frame template is used because we need to target the lowest nested frame + .view-switcher { + opacity: 0; + } + &:hover .view-switcher { + // Show the view switcher on frame hover + opacity: 1; + } + } \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss index 54da48268c..935dd15682 100644 --- a/platform/commonUI/general/res/sass/user-environ/_layout.scss +++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss @@ -137,48 +137,6 @@ .mini-tab-icon.toggle-pane { z-index: 5; - @include desktop { - $d: $uePaneMiniTabH; - $paneExpandedOffset: $splitterD + $uePaneMiniTabW; - top: $bodyMargin; - height: $d; - line-height: $d; - &:after { - // Always the icon that shows when the pane is collapsed - opacity: 0; - } - &.collapsed { - &:before { - opacity: 0; - } - &:after { - opacity: 1; - } - } - &.toggle-tree.anchor-left { - left: 0; - @include transform(translateX(-1 * $paneExpandedOffset)); - &:after { - content: '\6d'; // Menu 'hamburger' icon - } - &.collapsed { - left: 0; - @include transform(translateX((-1 * $ueCollapsedPaneEdgeM) + $interiorMargin)); - } - &:not(.collapsed):before { - @include trans-prop-nice(opacity, 200ms, 200ms); - } - } - &.toggle-inspect.anchor-right { - right: $bodyMargin; - &:after { - content: '\e615'; // Eye icon - } - &.collapsed { - right: $interiorMargin; - } - } - } } &.items { .object-browse-bar { @@ -190,6 +148,49 @@ } } +body.desktop .pane .mini-tab-icon.toggle-pane { + $d: $uePaneMiniTabH; + $paneExpandedOffset: $splitterD + $uePaneMiniTabW; + top: $bodyMargin; + height: $d; + line-height: $d; + &:after { + // Always the icon that shows when the pane is collapsed + opacity: 0; + } + &.collapsed { + &:before { + opacity: 0; + } + &:after { + opacity: 1; + } + } + &.toggle-tree.anchor-left { + left: 0; + @include transform(translateX(-1 * $paneExpandedOffset)); + &:after { + content: '\6d'; // Menu 'hamburger' icon + } + &.collapsed { + left: 0; + @include transform(translateX((-1 * $ueCollapsedPaneEdgeM) + $interiorMargin)); + } + &:not(.collapsed):before { + @include trans-prop-nice(opacity, 200ms, 200ms); + } + } + &.toggle-inspect.anchor-right { + right: $bodyMargin; + &:after { + content: '\e615'; // Eye icon + } + &.collapsed { + right: $interiorMargin; + } + } +} + .split-layout { // Specific elements margins .holder.holder-treeview-elements { @@ -339,7 +340,7 @@ } } -@include desktop { +body.desktop { .holder-all { min-width: $ueDesktopMinW; } diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index 8b5f4ff272..8c049cc185 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -20,7 +20,7 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -41,38 +41,38 @@ time, mark, audio, video { font-size: 100%; vertical-align: baseline; } -/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } -/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } -/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } -/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } -/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } - /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ + /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } -/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } -/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } @@ -1871,23 +1871,109 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before { content: "\000039"; } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 114, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab { +/* line 114, ../../../../general/res/sass/controls/_buttons.scss */ +body.desktop.mini-tab { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -moz-transition-property: color, background-color; + -o-transition-property: color, background-color; + -webkit-transition-property: color, background-color; + transition-property: color, background-color; + -moz-transition-duration: 100ms; + -o-transition-duration: 100ms; + -webkit-transition-duration: 100ms; + transition-duration: 100ms; + -moz-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -moz-transition-delay: 0; + -o-transition-delay: 0; + -webkit-transition-delay: 0; + transition-delay: 0; + color: #595959; + cursor: pointer; + font-family: symbolsfont; + font-size: 9px; + display: block; + position: absolute; + line-height: 24px; + height: 24px; + width: 9px; + text-align: center; } + /* line 138, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab:hover { + color: #0099cc; } + /* line 142, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.collapsed { + background-color: #454545; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-transition-property: color, background-color; - -o-transition-property: color, background-color; - -webkit-transition-property: color, background-color; - transition-property: color, background-color; - -moz-transition-duration: 100ms; - -o-transition-duration: 100ms; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; + color: #999; + display: inline-block; + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #525252), color-stop(100%, #454545)); + background-image: -moz-linear-gradient(#525252, #454545); + background-image: -webkit-linear-gradient(#525252, #454545); + background-image: linear-gradient(#525252, #454545); + -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; + -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; + box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; + -moz-user-select: -moz-none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + -moz-transition: background, 0.25s; + -o-transition: background, 0.25s; + -webkit-transition: background, 0.25s; + transition: background, 0.25s; + text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } + /* line 303, ../../../../general/res/sass/_mixins.scss */ + body.desktop.mini-tab.collapsed .icon, body.desktop.mini-tab.collapsed .t-item-icon { + color: #0099cc; } + @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { + /* line 308, ../../../../general/res/sass/_mixins.scss */ + body.desktop.mini-tab.collapsed:not(.disabled):hover { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); + background-size: 100%; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e)); + background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e); + background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e); + background-image: linear-gradient(#6b6b6b, #5e5e5e); } + /* line 310, ../../../../general/res/sass/_mixins.scss */ + body.desktop.mini-tab.collapsed:not(.disabled):hover > .icon, body.desktop.mini-tab.collapsed:not(.disabled):hover > .t-item-icon { + color: #33ccff; } } + /* line 145, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.collapsed:before { + opacity: 0; } + /* line 146, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.collapsed:after { + opacity: 1; } + /* line 148, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.collapsed:hover:before { + opacity: 1; } + /* line 149, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.collapsed:hover:after { + opacity: 0; } + /* line 154, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab:before, body.desktop.mini-tab:after { + -moz-transition-property: left, right, opacity; + -o-transition-property: left, right, opacity; + -webkit-transition-property: left, right, opacity; + transition-property: left, right, opacity; + -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; @@ -1896,191 +1982,102 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; - color: #595959; - cursor: pointer; - font-family: symbolsfont; - font-size: 9px; display: block; - position: absolute; - line-height: 24px; - height: 24px; - width: 9px; - text-align: center; } - /* line 143, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab:hover { - color: #0099cc; } - /* line 148, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.collapsed { - background-color: #454545; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #999; - display: inline-block; - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #525252), color-stop(100%, #454545)); - background-image: -moz-linear-gradient(#525252, #454545); - background-image: -webkit-linear-gradient(#525252, #454545); - background-image: linear-gradient(#525252, #454545); - -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; - -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; - box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; - -moz-user-select: -moz-none; - -ms-user-select: none; - -webkit-user-select: none; - user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; - text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ - .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon { - color: #0099cc; } } - @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ - .mini-tab.collapsed:not(.disabled):hover { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); - background-size: 100%; - background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e)); - background-image: -moz-linear-gradient(#6b6b6b, #5e5e5e); - background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e); - background-image: linear-gradient(#6b6b6b, #5e5e5e); } - /* line 310, ../../../../general/res/sass/_mixins.scss */ - .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon { - color: #33ccff; } } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 151, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.collapsed:before { - opacity: 0; } - /* line 152, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.collapsed:after { - opacity: 1; } - /* line 154, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.collapsed:hover:before { - opacity: 1; } - /* line 155, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.collapsed:hover:after { - opacity: 0; } - /* line 160, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab:before, .mini-tab:after { - -moz-transition-property: left, right, opacity; - -o-transition-property: left, right, opacity; - -webkit-transition-property: left, right, opacity; - transition-property: left, right, opacity; - -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; - display: block; - height: 100%; - position: absolute; } - /* line 169, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab:before { - width: 9px; } - /* line 175, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab:after { - width: 100%; - text-align: center; - opacity: 0; } - /* line 182, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-left { - text-align: right; } - /* line 185, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-left:before { - content: '\3c'; - right: 0; } - /* line 190, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-left.collapsed { - -moz-border-radius-topleft: 0; - -webkit-border-top-left-radius: 0; - border-top-left-radius: 0; - -moz-border-radius-bottomleft: 0; - -webkit-border-bottom-left-radius: 0; - border-bottom-left-radius: 0; - text-align: left; } - /* line 193, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-left.collapsed:before { - content: '\3e'; - left: 0; } - /* line 197, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-left.collapsed:hover:before { - left: 2px; } - /* line 200, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-right { + height: 100%; + position: absolute; } + /* line 162, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab:before { + width: 9px; } + /* line 166, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab:after { + width: 100%; + text-align: center; + opacity: 0; } + /* line 173, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-left { + text-align: right; } + /* line 176, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-left:before { + content: '\3c'; + right: 0; } + /* line 180, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-left.collapsed { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; text-align: left; } - /* line 203, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-right:before { + /* line 183, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-left.collapsed:before { content: '\3e'; left: 0; } - /* line 208, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-right.collapsed { - -moz-border-radius-topright: 0; - -webkit-border-top-right-radius: 0; - border-top-right-radius: 0; - -moz-border-radius-bottomright: 0; - -webkit-border-bottom-right-radius: 0; - border-bottom-right-radius: 0; } - /* line 210, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-right.collapsed:before { - text-align: right; - content: '\3c'; - right: 0; } - /* line 215, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-right.collapsed:hover:before { - right: 2px; } } + /* line 187, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-left.collapsed:hover:before { + left: 2px; } + /* line 190, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-right { + text-align: left; } + /* line 193, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-right:before { + content: '\3e'; + left: 0; } + /* line 197, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-right.collapsed { + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; } + /* line 199, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-right.collapsed:before { + text-align: right; + content: '\3c'; + right: 0; } + /* line 204, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-right.collapsed:hover:before { + right: 2px; } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 221, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab-icon { - color: #595959; - cursor: pointer; - display: block; - font-family: symbolsfont; - font-size: 9px; +/* line 209, ../../../../general/res/sass/controls/_buttons.scss */ +body.desktop.mini-tab-icon { + color: #595959; + cursor: pointer; + display: block; + font-family: symbolsfont; + font-size: 9px; + position: absolute; + height: 9px; + width: 9px; + line-height: 9px; + overflow: hidden; + word-break: break-all; } + /* line 223, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab-icon.collapsed { + width: 11px; + font-size: 11px; } + /* line 228, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab-icon:before, body.desktop.mini-tab-icon:after { position: absolute; - height: 9px; - width: 9px; - line-height: 9px; - overflow: hidden; - word-break: break-all; } - /* line 238, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab-icon.collapsed { - width: 11px; - font-size: 11px; } - /* line 243, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab-icon:before, .mini-tab-icon:after { - position: absolute; - display: inherit; } - /* line 249, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab-icon:before { - content: '\78'; } - /* line 253, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab-icon:hover { - color: #0099cc; } } + display: inherit; } + /* line 234, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab-icon:before { + content: '\78'; } + /* line 238, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab-icon:hover { + color: #0099cc; } -/* line 260, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 243, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set { font-size: 0; } - /* line 266, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 248, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .s-btn, .l-btn-set .s-menu-btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-left: 1px; } - /* line 272, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 254, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; @@ -2089,7 +2086,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; margin-left: 0; } - /* line 279, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 261, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; @@ -2098,7 +2095,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } -/* line 286, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 268, ../../../../general/res/sass/controls/_buttons.scss */ .paused:not(.s-btn):not(.s-menu-btn) { border-color: #c56f01 !important; color: #c56f01 !important; } @@ -2431,29 +2428,29 @@ label.checkbox.custom { font-size: 0.7em; flex: 0 0 1; -webkit-flex: 0 0 1; } - @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 240, ../../../../general/res/sass/controls/_controls.scss */ - .object-header .context-available { - -moz-transition-property: opacity; - -o-transition-property: opacity; - -webkit-transition-property: opacity; - transition-property: opacity; - -moz-transition-duration: 0.25s; - -o-transition-duration: 0.25s; - -webkit-transition-duration: 0.25s; - transition-duration: 0.25s; - -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; - opacity: 0; } - /* line 245, ../../../../general/res/sass/controls/_controls.scss */ - .object-header:hover .context-available { - opacity: 1; } } + +/* line 241, ../../../../general/res/sass/controls/_controls.scss */ +body.desktop .object-header .context-available { + -moz-transition-property: opacity; + -o-transition-property: opacity; + -webkit-transition-property: opacity; + transition-property: opacity; + -moz-transition-duration: 0.25s; + -o-transition-duration: 0.25s; + -webkit-transition-duration: 0.25s; + transition-duration: 0.25s; + -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; + opacity: 0; } +/* line 246, ../../../../general/res/sass/controls/_controls.scss */ +body.desktop .object-header:hover .context-available { + opacity: 1; } /******************************************************** PROGRESS BAR */ @-moz-keyframes progress { @@ -3544,22 +3541,22 @@ label.checkbox.custom { /* line 234, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-error .type-icon.message-type:before { content: "\21"; } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 280, ../../../../general/res/sass/controls/_messages.scss */ - .t-message-single .l-message, - .t-message-single .bottom-bar { - overflow: hidden; - position: absolute; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - width: auto; - height: auto; } - /* line 285, ../../../../general/res/sass/controls/_messages.scss */ - .t-message-single .bottom-bar { - top: auto; - height: 24px; } } + +/* line 281, ../../../../general/res/sass/controls/_messages.scss */ +body.desktop .t-message-single .l-message, +body.desktop .t-message-single .bottom-bar { + overflow: hidden; + position: absolute; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + width: auto; + height: auto; } +/* line 286, ../../../../general/res/sass/controls/_messages.scss */ +body.desktop .t-message-single .bottom-bar { + top: auto; + height: 24px; } /* line 216, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .type-icon.message-type { @@ -3597,28 +3594,28 @@ label.checkbox.custom { background: rgba(230, 230, 230, 0.1); margin-bottom: 5px; padding: 10px; } - /* line 304, ../../../../general/res/sass/controls/_messages.scss */ + /* line 303, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents, .t-message-list .message-contents .l-message .bottom-bar { position: relative; } - /* line 310, ../../../../general/res/sass/controls/_messages.scss */ + /* line 308, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents { font-size: 0.9em; margin-left: 10px; } - /* line 313, ../../../../general/res/sass/controls/_messages.scss */ + /* line 311, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents .message-action { color: #b3b3b3; } - /* line 314, ../../../../general/res/sass/controls/_messages.scss */ + /* line 312, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents .bottom-bar { text-align: left; } - /* line 317, ../../../../general/res/sass/controls/_messages.scss */ + /* line 315, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .top-bar, .t-message-list .message-contents .l-message .message-body { margin-bottom: 10px; } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 325, ../../../../general/res/sass/controls/_messages.scss */ - .t-message-list .message-contents .l-message { - margin-right: 10px; } } + +/* line 324, ../../../../general/res/sass/controls/_messages.scss */ +body.desktop .t-message-list .message-contents .l-message { + margin-right: 10px; } /* line 9, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller { @@ -4835,66 +4832,7 @@ span.req { /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane { z-index: 5; } - @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane { - top: 10px; - height: 24px; - line-height: 24px; } - /* line 146, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane:after { - opacity: 0; } - /* line 151, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.collapsed:before { - opacity: 0; } - /* line 154, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.collapsed:after { - opacity: 1; } - /* line 158, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left { - left: 0; - -moz-transform: translateX(-34px); - -ms-transform: translateX(-34px); - -webkit-transform: translateX(-34px); - transform: translateX(-34px); } - /* line 161, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after { - content: '\6d'; } - /* line 164, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed { - left: 0; - -moz-transform: translateX(-17px); - -ms-transform: translateX(-17px); - -webkit-transform: translateX(-17px); - transform: translateX(-17px); } - /* line 168, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before { - -moz-transition-property: opacity; - -o-transition-property: opacity; - -webkit-transition-property: opacity; - transition-property: opacity; - -moz-transition-duration: 200ms; - -o-transition-duration: 200ms; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -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: 200ms; - -o-transition-delay: 200ms; - -webkit-transition-delay: 200ms; - transition-delay: 200ms; } - /* line 172, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right { - right: 10px; } - /* line 174, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after { - content: '\e615'; } - /* line 177, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed { - right: 5px; } } - /* line 185, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 143, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .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, .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, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .l-object-wrapper .left.object-holder-main, .l-object-wrapper .pane.items .object-browse-bar .left.object-holder-main, @@ -4911,42 +4849,101 @@ span.req { .l-object-wrapper .pane.items .object-browse-bar .right.object-holder-main { top: auto; } -/* line 195, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 151, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .pane .mini-tab-icon.toggle-pane { + top: 10px; + height: 24px; + line-height: 24px; } + /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane:after { + opacity: 0; } + /* line 162, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.collapsed:before { + opacity: 0; } + /* line 165, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.collapsed:after { + opacity: 1; } + /* line 169, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left { + left: 0; + -moz-transform: translateX(-34px); + -ms-transform: translateX(-34px); + -webkit-transform: translateX(-34px); + transform: translateX(-34px); } + /* line 172, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after { + content: '\6d'; } + /* line 175, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed { + left: 0; + -moz-transform: translateX(-17px); + -ms-transform: translateX(-17px); + -webkit-transform: translateX(-17px); + transform: translateX(-17px); } + /* line 179, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before { + -moz-transition-property: opacity; + -o-transition-property: opacity; + -webkit-transition-property: opacity; + transition-property: opacity; + -moz-transition-duration: 200ms; + -o-transition-duration: 200ms; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -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: 200ms; + -o-transition-delay: 200ms; + -webkit-transition-delay: 200ms; + transition-delay: 200ms; } + /* line 183, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right { + right: 10px; } + /* line 185, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after { + content: '\e615'; } + /* line 188, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed { + right: 5px; } + +/* line 196, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-treeview-elements { top: 10px; right: 0; bottom: 10px; left: 10px; } - /* line 201, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 202, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-treeview-elements .create-btn-holder.s-status-editing { display: none; } - /* line 203, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 204, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-treeview-elements .create-btn-holder.s-status-editing + .search-holder .search-bar { margin-right: 20px; } -/* line 212, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 213, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector { top: 0; right: 0; bottom: 0; left: 0; } - /* line 217, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 218, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-object { top: 10px; bottom: 10px; } - /* line 221, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 222, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-inspector { top: 10px; bottom: 10px; left: 10px; right: 10px; } - /* line 227, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-elements { top: 0; bottom: 10px; left: 10px; right: 10px; } -/* line 236, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 237, ../../../../general/res/sass/user-environ/_layout.scss */ .object-holder { overflow: auto; position: absolute; @@ -4958,17 +4955,17 @@ span.req { height: auto; top: 34px; } -/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 248, ../../../../general/res/sass/user-environ/_layout.scss */ .l-object-wrapper .l-edit-controls { border-bottom: 1px solid rgba(153, 153, 153, 0.1); line-height: 25px; height: 0px; opacity: 0; } - /* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 254, ../../../../general/res/sass/user-environ/_layout.scss */ .l-object-wrapper .l-edit-controls .tool-bar { right: 5px; } -/* line 259, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 260, ../../../../general/res/sass/user-environ/_layout.scss */ .l-object-wrapper-inner { -moz-transition-property: height, width, top, right, bottom, left, opacity; -o-transition-property: height, width, top, right, bottom, left, opacity; @@ -4983,7 +4980,7 @@ span.req { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } -/* line 265, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 266, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn, .top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-menu-btn, @@ -4995,13 +4992,13 @@ span.req { line-height: 25px; vertical-align: top; } -/* line 278, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 279, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .view-switcher, .top-bar .view-switcher { margin-right: 20px; } /***************************************************** OBJECT BROWSE BAR */ -/* line 284, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 285, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -5009,21 +5006,21 @@ span.req { height: 24px; line-height: 24px; white-space: nowrap; } - /* line 290, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 291, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left { padding-right: 10px; } - /* line 292, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 293, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left .l-back:not(.s-status-editing) { margin-right: 10px; } -/* line 301, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .tree-holder, .pane-tree-hidden .splitter-treeview, .pane-tree-hidden .holder-treeview-elements { opacity: 0; pointer-events: none; } -/* line 311, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .tree-holder, .pane-tree-showing .splitter-treeview { -moz-transition-property: opacity; @@ -5043,7 +5040,7 @@ span.req { -webkit-transition-delay: 250ms; transition-delay: 250ms; opacity: 1; } -/* line 317, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 318, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .holder-treeview-elements { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -5062,7 +5059,7 @@ span.req { -webkit-transition-delay: 200ms; transition-delay: 200ms; } -/* line 324, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 325, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-showing .l-object-and-inspector .l-inspect, .pane-inspect-showing .l-object-and-inspector .splitter-inspect { -moz-transition-property: opacity; @@ -5083,64 +5080,58 @@ span.req { transition-delay: 250ms; opacity: 1; } -/* line 334, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 335, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .l-inspect, .pane-inspect-hidden .l-object-and-inspector .splitter-inspect { opacity: 0; pointer-events: none; } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 343, ../../../../general/res/sass/user-environ/_layout.scss */ - .holder-all { - min-width: 600px; } +/* line 344, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .holder-all { + min-width: 600px; } +/* line 349, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .split-layout .split-pane-component.pane.treeview.left { + min-width: 150px; + max-width: 35%; + width: 25%; } +/* line 354, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .split-layout .split-pane-component.pane.t-inspect.right { + min-width: 200px; + max-width: 35%; + width: 20%; + z-index: 3; } +/* line 362, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .pane.treeview.left .tree-holder { + padding-right: 5px; } +/* line 366, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .pane-tree-hidden .pane.right.primary-pane { + left: 22px !important; } +/* line 369, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .pane-inspect-hidden .l-object-and-inspector .pane.left { + right: 22px !important; } +/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .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; } +/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .pane.primary-pane .object-browse-bar { + min-width: 200px; } - /* line 348, ../../../../general/res/sass/user-environ/_layout.scss */ - .split-layout .split-pane-component.pane.treeview.left { - min-width: 150px; - max-width: 35%; - width: 25%; } - /* line 353, ../../../../general/res/sass/user-environ/_layout.scss */ - .split-layout .split-pane-component.pane.t-inspect.right { - min-width: 200px; - max-width: 35%; - width: 20%; - z-index: 3; } - - /* line 361, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane.treeview.left .tree-holder { - padding-right: 5px; } - - /* line 365, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane-tree-hidden .pane.right.primary-pane { - left: 22px !important; } - - /* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane-inspect-hidden .l-object-and-inspector .pane.left { - right: 22px !important; } - - /* line 370, ../../../../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; } - - /* line 373, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane.primary-pane .object-browse-bar { - min-width: 200px; } } -/* line 379, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 380, ../../../../general/res/sass/user-environ/_layout.scss */ .s-status-editing .l-object-wrapper { -moz-animation-name: pulseBorder; -webkit-animation-name: pulseBorder; @@ -5182,7 +5173,7 @@ span.req { border-color: rgba(88, 122, 181, 0.3); } 100% { border-color: #587ab5; } } - /* line 386, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 387, ../../../../general/res/sass/user-environ/_layout.scss */ .s-status-editing .l-object-wrapper .l-object-wrapper-inner { overflow: hidden; position: absolute; @@ -5192,7 +5183,7 @@ span.req { left: 3px; width: auto; height: auto; } - /* line 389, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 390, ../../../../general/res/sass/user-environ/_layout.scss */ .s-status-editing .l-object-wrapper .l-edit-controls { height: 30px; margin-bottom: 5px; @@ -5409,10 +5400,10 @@ span.req { /* line 152, ../../../../general/res/sass/mobile/_layout.scss */ .pane-tree-showing .pane.right.items .holder-object-and-inspector { opacity: 0; } } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 160, ../../../../general/res/sass/mobile/_layout.scss */ - .desktop-hide { - display: none; } } +/* line 160, ../../../../general/res/sass/mobile/_layout.scss */ +body.desktop .desktop-hide { + display: none; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -6167,81 +6158,80 @@ ul.tree { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } - @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 67, ../../../../general/res/sass/tree/_tree.scss */ - .tree-item .view-control:hover, - .search-result-item .view-control:hover { - color: #ffc700 !important; } } - /* line 73, ../../../../general/res/sass/tree/_tree.scss */ + /* line 68, ../../../../general/res/sass/tree/_tree.scss */ .tree-item .t-object-label, .search-result-item .t-object-label { line-height: 1.5rem; } - /* line 75, ../../../../general/res/sass/tree/_tree.scss */ + /* line 70, ../../../../general/res/sass/tree/_tree.scss */ .tree-item .t-object-label .t-item-icon, .search-result-item .t-object-label .t-item-icon { text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px; font-size: 1.4em; color: #0099cc; width: 18px; } - /* line 81, ../../../../general/res/sass/tree/_tree.scss */ + /* line 76, ../../../../general/res/sass/tree/_tree.scss */ .tree-item .t-object-label .t-title-label, .search-result-item .t-object-label .t-title-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } - /* line 86, ../../../../general/res/sass/tree/_tree.scss */ + /* line 81, ../../../../general/res/sass/tree/_tree.scss */ .tree-item.selected, .search-result-item.selected { background: #006080; color: #cccccc; } - /* line 89, ../../../../general/res/sass/tree/_tree.scss */ + /* line 84, ../../../../general/res/sass/tree/_tree.scss */ .tree-item.selected .view-control, .search-result-item.selected .view-control { color: rgba(255, 255, 255, 0.3); } - /* line 92, ../../../../general/res/sass/tree/_tree.scss */ + /* line 87, ../../../../general/res/sass/tree/_tree.scss */ .tree-item.selected .t-object-label .t-item-icon, .search-result-item.selected .t-object-label .t-item-icon { color: #cccccc; } - @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 99, ../../../../general/res/sass/tree/_tree.scss */ - .tree-item:not(.selected):hover, - .search-result-item:not(.selected):hover { - background: rgba(153, 153, 153, 0.1); - color: #cccccc; } - /* line 102, ../../../../general/res/sass/tree/_tree.scss */ - .tree-item:not(.selected):hover .t-item-icon, - .search-result-item:not(.selected):hover .t-item-icon { - color: #33ccff; } } - /* line 109, ../../../../general/res/sass/tree/_tree.scss */ + /* line 92, ../../../../general/res/sass/tree/_tree.scss */ .tree-item:not(.loading), .search-result-item:not(.loading) { cursor: pointer; } - /* line 113, ../../../../general/res/sass/tree/_tree.scss */ + /* line 96, ../../../../general/res/sass/tree/_tree.scss */ .tree-item .context-trigger, .search-result-item .context-trigger { top: -1px; position: absolute; right: 3px; } - /* line 118, ../../../../general/res/sass/tree/_tree.scss */ + /* line 101, ../../../../general/res/sass/tree/_tree.scss */ .tree-item .context-trigger .invoke-menu, .search-result-item .context-trigger .invoke-menu { font-size: 0.75em; height: 0.9rem; line-height: 0.9rem; } -/* line 130, ../../../../general/res/sass/tree/_tree.scss */ +/* line 113, ../../../../general/res/sass/tree/_tree.scss */ +body.desktop .tree-item .view-control:hover, +body.desktop .search-result-item .view-control:hover { + color: #ffc700 !important; } +/* line 118, ../../../../general/res/sass/tree/_tree.scss */ +body.desktop .tree-item:not(.selected):hover, +body.desktop .search-result-item:not(.selected):hover { + background: rgba(153, 153, 153, 0.1); + color: #cccccc; } + /* line 121, ../../../../general/res/sass/tree/_tree.scss */ + body.desktop .tree-item:not(.selected):hover .t-item-icon, + body.desktop .search-result-item:not(.selected):hover .t-item-icon { + color: #33ccff; } + +/* line 133, ../../../../general/res/sass/tree/_tree.scss */ mct-representation.s-status-pending .t-object-label .t-item-icon:before { border-color: rgba(0, 153, 204, 0.25); border-top-color: #0099cc; } -/* line 142, ../../../../general/res/sass/tree/_tree.scss */ +/* line 145, ../../../../general/res/sass/tree/_tree.scss */ .tree .s-status-editing .tree-item, .tree .s-status-editing .search-result-item, .search-results .s-status-editing .tree-item, .search-results .s-status-editing .search-result-item { background: #344154; pointer-events: none; } - /* line 146, ../../../../general/res/sass/tree/_tree.scss */ + /* line 149, ../../../../general/res/sass/tree/_tree.scss */ .tree .s-status-editing .tree-item:before, .tree .s-status-editing .search-result-item:before, .search-results .s-status-editing .tree-item:before, @@ -6279,7 +6269,7 @@ mct-representation.s-status-pending .t-object-label .t-item-icon:before { opacity: 0.25; } 100% { opacity: 1; } } - /* line 155, ../../../../general/res/sass/tree/_tree.scss */ + /* line 158, ../../../../general/res/sass/tree/_tree.scss */ .tree .s-status-editing .tree-item .t-object-label .t-item-icon, .tree .s-status-editing .tree-item .t-object-label .t-title-label, .tree .s-status-editing .search-result-item .t-object-label .t-item-icon, @@ -6290,13 +6280,13 @@ mct-representation.s-status-pending .t-object-label .t-item-icon:before { .search-results .s-status-editing .search-result-item .t-object-label .t-title-label { color: #587ab5; text-shadow: none; } - /* line 160, ../../../../general/res/sass/tree/_tree.scss */ + /* line 163, ../../../../general/res/sass/tree/_tree.scss */ .tree .s-status-editing .tree-item .t-object-label .t-title-label, .tree .s-status-editing .search-result-item .t-object-label .t-title-label, .search-results .s-status-editing .tree-item .t-object-label .t-title-label, .search-results .s-status-editing .search-result-item .t-object-label .t-title-label { font-style: italic; } - /* line 164, ../../../../general/res/sass/tree/_tree.scss */ + /* line 167, ../../../../general/res/sass/tree/_tree.scss */ .tree .s-status-editing .tree-item .view-control, .tree .s-status-editing .tree-item + .tree-item-subtree, .tree .s-status-editing .search-result-item .view-control, .tree .s-status-editing .search-result-item + .tree-item-subtree, @@ -6514,17 +6504,17 @@ mct-representation.s-status-pending .t-object-label .t-title-label { /* line 66, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.frame-template .view-switcher { z-index: 10; } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 72, ../../../../general/res/sass/user-environ/_frame.scss */ - .frame.frame-template .view-switcher { - opacity: 0; } - /* line 75, ../../../../general/res/sass/user-environ/_frame.scss */ - .frame.frame-template:hover .view-switcher { - opacity: 1; } } -/* line 83, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 72, ../../../../general/res/sass/user-environ/_frame.scss */ .frame .view-switcher .title-label { display: none; } +/* line 80, ../../../../general/res/sass/user-environ/_frame.scss */ +body.desktop .frame.frame-template .view-switcher { + opacity: 0; } +/* line 83, ../../../../general/res/sass/user-environ/_frame.scss */ +body.desktop .frame.frame-template:hover .view-switcher { + opacity: 1; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index 9562a1271c..82edec1ea5 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -20,7 +20,7 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -41,38 +41,38 @@ time, mark, audio, video { font-size: 100%; vertical-align: baseline; } -/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } -/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } -/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } -/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } -/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } - /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ + /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } -/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } -/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } @@ -1810,23 +1810,95 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before { content: "\000039"; } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 114, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab { +/* line 114, ../../../../general/res/sass/controls/_buttons.scss */ +body.desktop.mini-tab { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -moz-transition-property: color, background-color; + -o-transition-property: color, background-color; + -webkit-transition-property: color, background-color; + transition-property: color, background-color; + -moz-transition-duration: 100ms; + -o-transition-duration: 100ms; + -webkit-transition-duration: 100ms; + transition-duration: 100ms; + -moz-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -moz-transition-delay: 0; + -o-transition-delay: 0; + -webkit-transition-delay: 0; + transition-delay: 0; + color: #d6d6d6; + cursor: pointer; + font-family: symbolsfont; + font-size: 9px; + display: block; + position: absolute; + line-height: 24px; + height: 24px; + width: 9px; + text-align: center; } + /* line 138, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab:hover { + color: #0099cc; } + /* line 142, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.collapsed { + background-color: #969696; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; - -moz-transition-property: color, background-color; - -o-transition-property: color, background-color; - -webkit-transition-property: color, background-color; - transition-property: color, background-color; - -moz-transition-duration: 100ms; - -o-transition-duration: 100ms; - -webkit-transition-duration: 100ms; - transition-duration: 100ms; + color: #fff; + display: inline-block; + -moz-user-select: -moz-none; + -ms-user-select: none; + -webkit-user-select: none; + user-select: none; + -moz-transition: background, 0.25s; + -o-transition: background, 0.25s; + -webkit-transition: background, 0.25s; + transition: background, 0.25s; + text-shadow: none; } + /* line 303, ../../../../general/res/sass/_mixins.scss */ + body.desktop.mini-tab.collapsed .icon, body.desktop.mini-tab.collapsed .t-item-icon { + color: #eee; } + @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { + /* line 308, ../../../../general/res/sass/_mixins.scss */ + body.desktop.mini-tab.collapsed:not(.disabled):hover { + background-image: #0099cc; } + /* line 310, ../../../../general/res/sass/_mixins.scss */ + body.desktop.mini-tab.collapsed:not(.disabled):hover > .icon, body.desktop.mini-tab.collapsed:not(.disabled):hover > .t-item-icon { + color: white; } } + /* line 145, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.collapsed:before { + opacity: 0; } + /* line 146, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.collapsed:after { + opacity: 1; } + /* line 148, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.collapsed:hover:before { + opacity: 1; } + /* line 149, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.collapsed:hover:after { + opacity: 0; } + /* line 154, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab:before, body.desktop.mini-tab:after { + -moz-transition-property: left, right, opacity; + -o-transition-property: left, right, opacity; + -webkit-transition-property: left, right, opacity; + transition-property: left, right, opacity; + -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; @@ -1835,177 +1907,102 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; - color: #d6d6d6; - cursor: pointer; - font-family: symbolsfont; - font-size: 9px; display: block; - position: absolute; - line-height: 24px; - height: 24px; - width: 9px; - text-align: center; } - /* line 143, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab:hover { - color: #0099cc; } - /* line 148, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.collapsed { - background-color: #969696; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: #fff; - display: inline-block; - -moz-user-select: -moz-none; - -ms-user-select: none; - -webkit-user-select: none; - user-select: none; - -moz-transition: background, 0.25s; - -o-transition: background, 0.25s; - -webkit-transition: background, 0.25s; - transition: background, 0.25s; - text-shadow: none; } - /* line 303, ../../../../general/res/sass/_mixins.scss */ - .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon { - color: #eee; } } - @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 308, ../../../../general/res/sass/_mixins.scss */ - .mini-tab.collapsed:not(.disabled):hover { - background-image: #0099cc; } - /* line 310, ../../../../general/res/sass/_mixins.scss */ - .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon { - color: white; } } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 151, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.collapsed:before { - opacity: 0; } - /* line 152, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.collapsed:after { - opacity: 1; } - /* line 154, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.collapsed:hover:before { - opacity: 1; } - /* line 155, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.collapsed:hover:after { - opacity: 0; } - /* line 160, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab:before, .mini-tab:after { - -moz-transition-property: left, right, opacity; - -o-transition-property: left, right, opacity; - -webkit-transition-property: left, right, opacity; - transition-property: left, right, opacity; - -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; - display: block; - height: 100%; - position: absolute; } - /* line 169, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab:before { - width: 9px; } - /* line 175, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab:after { - width: 100%; - text-align: center; - opacity: 0; } - /* line 182, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-left { - text-align: right; } - /* line 185, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-left:before { - content: '\3c'; - right: 0; } - /* line 190, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-left.collapsed { - -moz-border-radius-topleft: 0; - -webkit-border-top-left-radius: 0; - border-top-left-radius: 0; - -moz-border-radius-bottomleft: 0; - -webkit-border-bottom-left-radius: 0; - border-bottom-left-radius: 0; - text-align: left; } - /* line 193, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-left.collapsed:before { - content: '\3e'; - left: 0; } - /* line 197, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-left.collapsed:hover:before { - left: 2px; } - /* line 200, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-right { + height: 100%; + position: absolute; } + /* line 162, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab:before { + width: 9px; } + /* line 166, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab:after { + width: 100%; + text-align: center; + opacity: 0; } + /* line 173, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-left { + text-align: right; } + /* line 176, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-left:before { + content: '\3c'; + right: 0; } + /* line 180, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-left.collapsed { + -moz-border-radius-topleft: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; text-align: left; } - /* line 203, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-right:before { + /* line 183, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-left.collapsed:before { content: '\3e'; left: 0; } - /* line 208, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-right.collapsed { - -moz-border-radius-topright: 0; - -webkit-border-top-right-radius: 0; - border-top-right-radius: 0; - -moz-border-radius-bottomright: 0; - -webkit-border-bottom-right-radius: 0; - border-bottom-right-radius: 0; } - /* line 210, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-right.collapsed:before { - text-align: right; - content: '\3c'; - right: 0; } - /* line 215, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab.anchor-right.collapsed:hover:before { - right: 2px; } } + /* line 187, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-left.collapsed:hover:before { + left: 2px; } + /* line 190, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-right { + text-align: left; } + /* line 193, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-right:before { + content: '\3e'; + left: 0; } + /* line 197, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-right.collapsed { + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; } + /* line 199, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-right.collapsed:before { + text-align: right; + content: '\3c'; + right: 0; } + /* line 204, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab.anchor-right.collapsed:hover:before { + right: 2px; } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 221, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab-icon { - color: #d6d6d6; - cursor: pointer; - display: block; - font-family: symbolsfont; - font-size: 9px; +/* line 209, ../../../../general/res/sass/controls/_buttons.scss */ +body.desktop.mini-tab-icon { + color: #d6d6d6; + cursor: pointer; + display: block; + font-family: symbolsfont; + font-size: 9px; + position: absolute; + height: 9px; + width: 9px; + line-height: 9px; + overflow: hidden; + word-break: break-all; } + /* line 223, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab-icon.collapsed { + width: 11px; + font-size: 11px; } + /* line 228, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab-icon:before, body.desktop.mini-tab-icon:after { position: absolute; - height: 9px; - width: 9px; - line-height: 9px; - overflow: hidden; - word-break: break-all; } - /* line 238, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab-icon.collapsed { - width: 11px; - font-size: 11px; } - /* line 243, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab-icon:before, .mini-tab-icon:after { - position: absolute; - display: inherit; } - /* line 249, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab-icon:before { - content: '\78'; } - /* line 253, ../../../../general/res/sass/controls/_buttons.scss */ - .mini-tab-icon:hover { - color: #0099cc; } } + display: inherit; } + /* line 234, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab-icon:before { + content: '\78'; } + /* line 238, ../../../../general/res/sass/controls/_buttons.scss */ + body.desktop.mini-tab-icon:hover { + color: #0099cc; } -/* line 260, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 243, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set { font-size: 0; } - /* line 266, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 248, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .s-btn, .l-btn-set .s-menu-btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-left: 1px; } - /* line 272, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 254, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; @@ -2014,7 +2011,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; margin-left: 0; } - /* line 279, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 261, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; @@ -2023,7 +2020,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } -/* line 286, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 268, ../../../../general/res/sass/controls/_buttons.scss */ .paused:not(.s-btn):not(.s-menu-btn) { border-color: #ff9900 !important; color: #ff9900 !important; } @@ -2356,29 +2353,29 @@ label.checkbox.custom { font-size: 0.7em; flex: 0 0 1; -webkit-flex: 0 0 1; } - @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 240, ../../../../general/res/sass/controls/_controls.scss */ - .object-header .context-available { - -moz-transition-property: opacity; - -o-transition-property: opacity; - -webkit-transition-property: opacity; - transition-property: opacity; - -moz-transition-duration: 0.25s; - -o-transition-duration: 0.25s; - -webkit-transition-duration: 0.25s; - transition-duration: 0.25s; - -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; - opacity: 0; } - /* line 245, ../../../../general/res/sass/controls/_controls.scss */ - .object-header:hover .context-available { - opacity: 1; } } + +/* line 241, ../../../../general/res/sass/controls/_controls.scss */ +body.desktop .object-header .context-available { + -moz-transition-property: opacity; + -o-transition-property: opacity; + -webkit-transition-property: opacity; + transition-property: opacity; + -moz-transition-duration: 0.25s; + -o-transition-duration: 0.25s; + -webkit-transition-duration: 0.25s; + transition-duration: 0.25s; + -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; + opacity: 0; } +/* line 246, ../../../../general/res/sass/controls/_controls.scss */ +body.desktop .object-header:hover .context-available { + opacity: 1; } /******************************************************** PROGRESS BAR */ @-moz-keyframes progress { @@ -3463,22 +3460,22 @@ label.checkbox.custom { /* line 234, ../../../../general/res/sass/controls/_messages.scss */ .t-message-single .message-severity-error .type-icon.message-type:before { content: "\21"; } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 280, ../../../../general/res/sass/controls/_messages.scss */ - .t-message-single .l-message, - .t-message-single .bottom-bar { - overflow: hidden; - position: absolute; - top: 0px; - right: 0px; - bottom: 0px; - left: 0px; - width: auto; - height: auto; } - /* line 285, ../../../../general/res/sass/controls/_messages.scss */ - .t-message-single .bottom-bar { - top: auto; - height: 24px; } } + +/* line 281, ../../../../general/res/sass/controls/_messages.scss */ +body.desktop .t-message-single .l-message, +body.desktop .t-message-single .bottom-bar { + overflow: hidden; + position: absolute; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + width: auto; + height: auto; } +/* line 286, ../../../../general/res/sass/controls/_messages.scss */ +body.desktop .t-message-single .bottom-bar { + top: auto; + height: 24px; } /* line 216, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .type-icon.message-type { @@ -3516,28 +3513,28 @@ label.checkbox.custom { background: rgba(102, 102, 102, 0.1); margin-bottom: 5px; padding: 10px; } - /* line 304, ../../../../general/res/sass/controls/_messages.scss */ + /* line 303, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents, .t-message-list .message-contents .l-message .bottom-bar { position: relative; } - /* line 310, ../../../../general/res/sass/controls/_messages.scss */ + /* line 308, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents { font-size: 0.9em; margin-left: 10px; } - /* line 313, ../../../../general/res/sass/controls/_messages.scss */ + /* line 311, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents .message-action { color: #999999; } - /* line 314, ../../../../general/res/sass/controls/_messages.scss */ + /* line 312, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .message-contents .bottom-bar { text-align: left; } - /* line 317, ../../../../general/res/sass/controls/_messages.scss */ + /* line 315, ../../../../general/res/sass/controls/_messages.scss */ .t-message-list .message-contents .l-message .top-bar, .t-message-list .message-contents .l-message .message-body { margin-bottom: 10px; } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 325, ../../../../general/res/sass/controls/_messages.scss */ - .t-message-list .message-contents .l-message { - margin-right: 10px; } } + +/* line 324, ../../../../general/res/sass/controls/_messages.scss */ +body.desktop .t-message-list .message-contents .l-message { + margin-right: 10px; } /* line 9, ../../../../general/res/sass/controls/_time-controller.scss */ mct-include.l-time-controller { @@ -4732,66 +4729,7 @@ span.req { /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane { z-index: 5; } - @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane { - top: 10px; - height: 24px; - line-height: 24px; } - /* line 146, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane:after { - opacity: 0; } - /* line 151, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.collapsed:before { - opacity: 0; } - /* line 154, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.collapsed:after { - opacity: 1; } - /* line 158, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left { - left: 0; - -moz-transform: translateX(-33px); - -ms-transform: translateX(-33px); - -webkit-transform: translateX(-33px); - transform: translateX(-33px); } - /* line 161, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after { - content: '\6d'; } - /* line 164, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed { - left: 0; - -moz-transform: translateX(-17px); - -ms-transform: translateX(-17px); - -webkit-transform: translateX(-17px); - transform: translateX(-17px); } - /* line 168, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before { - -moz-transition-property: opacity; - -o-transition-property: opacity; - -webkit-transition-property: opacity; - transition-property: opacity; - -moz-transition-duration: 200ms; - -o-transition-duration: 200ms; - -webkit-transition-duration: 200ms; - transition-duration: 200ms; - -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: 200ms; - -o-transition-delay: 200ms; - -webkit-transition-delay: 200ms; - transition-delay: 200ms; } - /* line 172, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right { - right: 10px; } - /* line 174, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after { - content: '\e615'; } - /* line 177, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed { - right: 5px; } } - /* line 185, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 143, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .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, .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, .pane.items .object-browse-bar .left.l-object-wrapper, .pane.items .object-browse-bar .l-object-wrapper .left.object-holder-main, .l-object-wrapper .pane.items .object-browse-bar .left.object-holder-main, @@ -4808,42 +4746,101 @@ span.req { .l-object-wrapper .pane.items .object-browse-bar .right.object-holder-main { top: auto; } -/* line 195, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 151, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .pane .mini-tab-icon.toggle-pane { + top: 10px; + height: 24px; + line-height: 24px; } + /* line 157, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane:after { + opacity: 0; } + /* line 162, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.collapsed:before { + opacity: 0; } + /* line 165, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.collapsed:after { + opacity: 1; } + /* line 169, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left { + left: 0; + -moz-transform: translateX(-33px); + -ms-transform: translateX(-33px); + -webkit-transform: translateX(-33px); + transform: translateX(-33px); } + /* line 172, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after { + content: '\6d'; } + /* line 175, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed { + left: 0; + -moz-transform: translateX(-17px); + -ms-transform: translateX(-17px); + -webkit-transform: translateX(-17px); + transform: translateX(-17px); } + /* line 179, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before { + -moz-transition-property: opacity; + -o-transition-property: opacity; + -webkit-transition-property: opacity; + transition-property: opacity; + -moz-transition-duration: 200ms; + -o-transition-duration: 200ms; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -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: 200ms; + -o-transition-delay: 200ms; + -webkit-transition-delay: 200ms; + transition-delay: 200ms; } + /* line 183, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right { + right: 10px; } + /* line 185, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after { + content: '\e615'; } + /* line 188, ../../../../general/res/sass/user-environ/_layout.scss */ + body.desktop .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed { + right: 5px; } + +/* line 196, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-treeview-elements { top: 10px; right: 0; bottom: 10px; left: 10px; } - /* line 201, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 202, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-treeview-elements .create-btn-holder.s-status-editing { display: none; } - /* line 203, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 204, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-treeview-elements .create-btn-holder.s-status-editing + .search-holder .search-bar { margin-right: 20px; } -/* line 212, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 213, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector { top: 0; right: 0; bottom: 0; left: 0; } - /* line 217, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 218, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-object { top: 10px; bottom: 10px; } - /* line 221, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 222, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-inspector { top: 10px; bottom: 10px; left: 10px; right: 10px; } - /* line 227, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 228, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-elements { top: 0; bottom: 10px; left: 10px; right: 10px; } -/* line 236, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 237, ../../../../general/res/sass/user-environ/_layout.scss */ .object-holder { overflow: auto; position: absolute; @@ -4855,17 +4852,17 @@ span.req { height: auto; top: 34px; } -/* line 247, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 248, ../../../../general/res/sass/user-environ/_layout.scss */ .l-object-wrapper .l-edit-controls { border-bottom: 1px solid rgba(102, 102, 102, 0.2); line-height: 25px; height: 0px; opacity: 0; } - /* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 254, ../../../../general/res/sass/user-environ/_layout.scss */ .l-object-wrapper .l-edit-controls .tool-bar { right: 5px; } -/* line 259, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 260, ../../../../general/res/sass/user-environ/_layout.scss */ .l-object-wrapper-inner { -moz-transition-property: height, width, top, right, bottom, left, opacity; -o-transition-property: height, width, top, right, bottom, left, opacity; @@ -4880,7 +4877,7 @@ span.req { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } -/* line 265, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 266, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn, .top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-menu-btn, @@ -4892,13 +4889,13 @@ span.req { line-height: 25px; vertical-align: top; } -/* line 278, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 279, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .view-switcher, .top-bar .view-switcher { margin-right: 20px; } /***************************************************** OBJECT BROWSE BAR */ -/* line 284, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 285, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -4906,21 +4903,21 @@ span.req { height: 24px; line-height: 24px; white-space: nowrap; } - /* line 290, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 291, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left { padding-right: 10px; } - /* line 292, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 293, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left .l-back:not(.s-status-editing) { margin-right: 10px; } -/* line 301, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 302, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .tree-holder, .pane-tree-hidden .splitter-treeview, .pane-tree-hidden .holder-treeview-elements { opacity: 0; pointer-events: none; } -/* line 311, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .tree-holder, .pane-tree-showing .splitter-treeview { -moz-transition-property: opacity; @@ -4940,7 +4937,7 @@ span.req { -webkit-transition-delay: 250ms; transition-delay: 250ms; opacity: 1; } -/* line 317, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 318, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .holder-treeview-elements { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4959,7 +4956,7 @@ span.req { -webkit-transition-delay: 200ms; transition-delay: 200ms; } -/* line 324, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 325, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-showing .l-object-and-inspector .l-inspect, .pane-inspect-showing .l-object-and-inspector .splitter-inspect { -moz-transition-property: opacity; @@ -4980,64 +4977,58 @@ span.req { transition-delay: 250ms; opacity: 1; } -/* line 334, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 335, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .l-inspect, .pane-inspect-hidden .l-object-and-inspector .splitter-inspect { opacity: 0; pointer-events: none; } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 343, ../../../../general/res/sass/user-environ/_layout.scss */ - .holder-all { - min-width: 600px; } +/* line 344, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .holder-all { + min-width: 600px; } +/* line 349, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .split-layout .split-pane-component.pane.treeview.left { + min-width: 150px; + max-width: 35%; + width: 25%; } +/* line 354, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .split-layout .split-pane-component.pane.t-inspect.right { + min-width: 200px; + max-width: 35%; + width: 20%; + z-index: 3; } +/* line 362, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .pane.treeview.left .tree-holder { + padding-right: 5px; } +/* line 366, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .pane-tree-hidden .pane.right.primary-pane { + left: 22px !important; } +/* line 369, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .pane-inspect-hidden .l-object-and-inspector .pane.left { + right: 22px !important; } +/* line 371, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .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; } +/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */ +body.desktop .pane.primary-pane .object-browse-bar { + min-width: 200px; } - /* line 348, ../../../../general/res/sass/user-environ/_layout.scss */ - .split-layout .split-pane-component.pane.treeview.left { - min-width: 150px; - max-width: 35%; - width: 25%; } - /* line 353, ../../../../general/res/sass/user-environ/_layout.scss */ - .split-layout .split-pane-component.pane.t-inspect.right { - min-width: 200px; - max-width: 35%; - width: 20%; - z-index: 3; } - - /* line 361, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane.treeview.left .tree-holder { - padding-right: 5px; } - - /* line 365, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane-tree-hidden .pane.right.primary-pane { - left: 22px !important; } - - /* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane-inspect-hidden .l-object-and-inspector .pane.left { - right: 22px !important; } - - /* line 370, ../../../../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; } - - /* line 373, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane.primary-pane .object-browse-bar { - min-width: 200px; } } -/* line 379, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 380, ../../../../general/res/sass/user-environ/_layout.scss */ .s-status-editing .l-object-wrapper { -moz-animation-name: pulseBorder; -webkit-animation-name: pulseBorder; @@ -5079,7 +5070,7 @@ span.req { border-color: rgba(75, 177, 199, 0.3); } 100% { border-color: #4bb1c7; } } - /* line 386, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 387, ../../../../general/res/sass/user-environ/_layout.scss */ .s-status-editing .l-object-wrapper .l-object-wrapper-inner { overflow: hidden; position: absolute; @@ -5089,7 +5080,7 @@ span.req { left: 3px; width: auto; height: auto; } - /* line 389, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 390, ../../../../general/res/sass/user-environ/_layout.scss */ .s-status-editing .l-object-wrapper .l-edit-controls { height: 30px; margin-bottom: 5px; @@ -5306,10 +5297,10 @@ span.req { /* line 152, ../../../../general/res/sass/mobile/_layout.scss */ .pane-tree-showing .pane.right.items .holder-object-and-inspector { opacity: 0; } } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 160, ../../../../general/res/sass/mobile/_layout.scss */ - .desktop-hide { - display: none; } } +/* line 160, ../../../../general/res/sass/mobile/_layout.scss */ +body.desktop .desktop-hide { + display: none; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -6041,80 +6032,79 @@ ul.tree { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } - @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 67, ../../../../general/res/sass/tree/_tree.scss */ - .tree-item .view-control:hover, - .search-result-item .view-control:hover { - color: #0099cc !important; } } - /* line 73, ../../../../general/res/sass/tree/_tree.scss */ + /* line 68, ../../../../general/res/sass/tree/_tree.scss */ .tree-item .t-object-label, .search-result-item .t-object-label { line-height: 1.5rem; } - /* line 75, ../../../../general/res/sass/tree/_tree.scss */ + /* line 70, ../../../../general/res/sass/tree/_tree.scss */ .tree-item .t-object-label .t-item-icon, .search-result-item .t-object-label .t-item-icon { font-size: 1.4em; color: #0099cc; width: 18px; } - /* line 81, ../../../../general/res/sass/tree/_tree.scss */ + /* line 76, ../../../../general/res/sass/tree/_tree.scss */ .tree-item .t-object-label .t-title-label, .search-result-item .t-object-label .t-title-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } - /* line 86, ../../../../general/res/sass/tree/_tree.scss */ + /* line 81, ../../../../general/res/sass/tree/_tree.scss */ .tree-item.selected, .search-result-item.selected { background: #1ac6ff; color: #fcfcfc; } - /* line 89, ../../../../general/res/sass/tree/_tree.scss */ + /* line 84, ../../../../general/res/sass/tree/_tree.scss */ .tree-item.selected .view-control, .search-result-item.selected .view-control { color: #fcfcfc; } - /* line 92, ../../../../general/res/sass/tree/_tree.scss */ + /* line 87, ../../../../general/res/sass/tree/_tree.scss */ .tree-item.selected .t-object-label .t-item-icon, .search-result-item.selected .t-object-label .t-item-icon { color: #fcfcfc; } - @media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 99, ../../../../general/res/sass/tree/_tree.scss */ - .tree-item:not(.selected):hover, - .search-result-item:not(.selected):hover { - background: rgba(102, 102, 102, 0.1); - color: #333333; } - /* line 102, ../../../../general/res/sass/tree/_tree.scss */ - .tree-item:not(.selected):hover .t-item-icon, - .search-result-item:not(.selected):hover .t-item-icon { - color: #0099cc; } } - /* line 109, ../../../../general/res/sass/tree/_tree.scss */ + /* line 92, ../../../../general/res/sass/tree/_tree.scss */ .tree-item:not(.loading), .search-result-item:not(.loading) { cursor: pointer; } - /* line 113, ../../../../general/res/sass/tree/_tree.scss */ + /* line 96, ../../../../general/res/sass/tree/_tree.scss */ .tree-item .context-trigger, .search-result-item .context-trigger { top: -1px; position: absolute; right: 3px; } - /* line 118, ../../../../general/res/sass/tree/_tree.scss */ + /* line 101, ../../../../general/res/sass/tree/_tree.scss */ .tree-item .context-trigger .invoke-menu, .search-result-item .context-trigger .invoke-menu { font-size: 0.75em; height: 0.9rem; line-height: 0.9rem; } -/* line 130, ../../../../general/res/sass/tree/_tree.scss */ +/* line 113, ../../../../general/res/sass/tree/_tree.scss */ +body.desktop .tree-item .view-control:hover, +body.desktop .search-result-item .view-control:hover { + color: #0099cc !important; } +/* line 118, ../../../../general/res/sass/tree/_tree.scss */ +body.desktop .tree-item:not(.selected):hover, +body.desktop .search-result-item:not(.selected):hover { + background: rgba(102, 102, 102, 0.1); + color: #333333; } + /* line 121, ../../../../general/res/sass/tree/_tree.scss */ + body.desktop .tree-item:not(.selected):hover .t-item-icon, + body.desktop .search-result-item:not(.selected):hover .t-item-icon { + color: #0099cc; } + +/* line 133, ../../../../general/res/sass/tree/_tree.scss */ mct-representation.s-status-pending .t-object-label .t-item-icon:before { border-color: rgba(0, 153, 204, 0.25); border-top-color: #0099cc; } -/* line 142, ../../../../general/res/sass/tree/_tree.scss */ +/* line 145, ../../../../general/res/sass/tree/_tree.scss */ .tree .s-status-editing .tree-item, .tree .s-status-editing .search-result-item, .search-results .s-status-editing .tree-item, .search-results .s-status-editing .search-result-item { background: #caf1ff; pointer-events: none; } - /* line 146, ../../../../general/res/sass/tree/_tree.scss */ + /* line 149, ../../../../general/res/sass/tree/_tree.scss */ .tree .s-status-editing .tree-item:before, .tree .s-status-editing .search-result-item:before, .search-results .s-status-editing .tree-item:before, @@ -6152,7 +6142,7 @@ mct-representation.s-status-pending .t-object-label .t-item-icon:before { opacity: 0.25; } 100% { opacity: 1; } } - /* line 155, ../../../../general/res/sass/tree/_tree.scss */ + /* line 158, ../../../../general/res/sass/tree/_tree.scss */ .tree .s-status-editing .tree-item .t-object-label .t-item-icon, .tree .s-status-editing .tree-item .t-object-label .t-title-label, .tree .s-status-editing .search-result-item .t-object-label .t-item-icon, @@ -6163,13 +6153,13 @@ mct-representation.s-status-pending .t-object-label .t-item-icon:before { .search-results .s-status-editing .search-result-item .t-object-label .t-title-label { color: #4bb1c7; text-shadow: none; } - /* line 160, ../../../../general/res/sass/tree/_tree.scss */ + /* line 163, ../../../../general/res/sass/tree/_tree.scss */ .tree .s-status-editing .tree-item .t-object-label .t-title-label, .tree .s-status-editing .search-result-item .t-object-label .t-title-label, .search-results .s-status-editing .tree-item .t-object-label .t-title-label, .search-results .s-status-editing .search-result-item .t-object-label .t-title-label { font-style: italic; } - /* line 164, ../../../../general/res/sass/tree/_tree.scss */ + /* line 167, ../../../../general/res/sass/tree/_tree.scss */ .tree .s-status-editing .tree-item .view-control, .tree .s-status-editing .tree-item + .tree-item-subtree, .tree .s-status-editing .search-result-item .view-control, .tree .s-status-editing .search-result-item + .tree-item-subtree, @@ -6387,17 +6377,17 @@ mct-representation.s-status-pending .t-object-label .t-title-label { /* line 66, ../../../../general/res/sass/user-environ/_frame.scss */ .frame.frame-template .view-switcher { z-index: 10; } -@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { - /* line 72, ../../../../general/res/sass/user-environ/_frame.scss */ - .frame.frame-template .view-switcher { - opacity: 0; } - /* line 75, ../../../../general/res/sass/user-environ/_frame.scss */ - .frame.frame-template:hover .view-switcher { - opacity: 1; } } -/* line 83, ../../../../general/res/sass/user-environ/_frame.scss */ +/* line 72, ../../../../general/res/sass/user-environ/_frame.scss */ .frame .view-switcher .title-label { display: none; } +/* line 80, ../../../../general/res/sass/user-environ/_frame.scss */ +body.desktop .frame.frame-template .view-switcher { + opacity: 0; } +/* line 83, ../../../../general/res/sass/user-environ/_frame.scss */ +body.desktop .frame.frame-template:hover .view-switcher { + opacity: 1; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space