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

Merge pull request #321 from nasa/open169

Browse Source 
Review and integrate open169
This commit is contained in:
Victor Woeltjen 2015-11-20 17:13:39 -08:00
commit 845b1dcd6f
4 changed files with 90 additions and 119 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -34,51 +34,31 @@ $mobileTreeItemH: 35px;
$mobileTreeItemIndent: 20px; $mobileTreeItemIndent: 20px;
$mobileTreeRightArrowW: 30px; $mobileTreeRightArrowW: 30px;
/************************** WINDOW DIMENSIONS FOR RWD */ /************************** DEVICE WIDTHS */
// IMPORTANT! Usage assumes that ranges are mutually exclusive and have no gaps
$phoMaxW: 514px; $phoMaxW: 514px;
$phoMaxH: 740px;
$tabMinW: 515px; $tabMinW: 515px;
$tabMaxW: 799px; $tabMaxW: 1280px;
$desktopMinW: 1281px;
$tabMinH: 741px;
$tabMaxH: 1024px;
$compMinW: 800px;
$compMinH: 1025px;
/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
$screenPortrait: "screen and (orientation: portrait)"; $screenPortrait: "screen and (orientation: portrait)";
$screenLandscape: "screen and (orientation: landscape)"; $screenLandscape: "screen and (orientation: landscape)";
$mobileDevice: "(max-device-width: #{$tabMaxW}) and (max-device-height: #{$tabMaxH})"; $mobileDevice: "(max-device-width: #{$tabMaxW})";
$mobileDeviceEmu: "(max-device-width: #{$tabMaxH}) and (max-device-height: #{$tabMaxW})";
$phonePortraitCheck: "(max-width: #{$phoMaxW}) and (max-height: #{$phoMaxH})"; $phoneCheck: "(max-device-width: #{$phoMaxW})";
$phoneLandscapeCheck: "(max-height: #{$phoMaxW}) and (max-width: #{$phoMaxH})"; $tabletCheck: $mobileDevice;
$desktopCheck: "(min-device-width: #{$desktopMinW})";
$tabWidPorCheck: "(min-width: #{$tabMinW}) and (max-width: #{$tabMaxW})";
$tabHeiPorCheck: "(min-height: #{$tabMinH}) and (max-height: #{$tabMaxH})";
$tabletPortraitCheck: "#{$tabWidPorCheck} and #{$tabHeiPorCheck}";
$tabWidLanCheck: "(min-height: #{$tabMinW}) and (max-height: #{$tabMaxW})";
$tabHeiLanCheck: "(min-width: #{$tabMinH}) and (max-width: #{$tabMaxH})";
$tabletLandscapeCheck: "#{$tabWidLanCheck} and #{$tabHeiLanCheck}";
$desktopPortraitCheck: "(min-device-width: #{$compMinW}) and (min-device-height: #{$compMinH})";
$desktopLandscapeCheck: "(min-device-width: #{$compMinH}) and (min-device-height: #{$compMinW})";
/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
$phonePortrait: "#{$screenPortrait} and #{$phonePortraitCheck} and #{$mobileDevice}"; $phonePortrait: "#{$screenPortrait} and #{$phoneCheck} and #{$mobileDevice}";
$phoneLandscape: "#{$screenLandscape} and #{$phoneLandscapeCheck} and #{$mobileDevice}"; $phoneLandscape: "#{$screenLandscape} and #{$phoneCheck} and #{$mobileDevice}";
$phoneLandscapeEmu: "#{$screenLandscape} and #{$phoneLandscapeCheck} and #{$mobileDeviceEmu}";
$tabletPortrait: "#{$screenPortrait} and #{$tabletPortraitCheck} and #{$mobileDevice}"; $tabletPortrait: "#{$screenPortrait} and #{$tabletCheck} and #{$mobileDevice}";
$tabletLandscape: "#{$screenLandscape} and #{$tabletLandscapeCheck} and #{$mobileDevice}"; $tabletLandscape: "#{$screenLandscape} and #{$tabletCheck} and #{$mobileDevice}";
$tabletLandscapeEmu: "#{$screenLandscape} and #{$tabletLandscapeCheck} and #{$mobileDeviceEmu}";
$desktopPortrait: "screen and #{$desktopPortraitCheck}"; $desktop: "screen and #{$desktopCheck}";
$desktopLandscape: "screen and #{$desktopLandscapeCheck}";
/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */ /************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
$proporMenuOnly: 90%; $proporMenuOnly: 90%;

23
platform/commonUI/general/res/sass/mobile/_mixins.scss
View File

@ -25,8 +25,7 @@
// Phones in any orientation // Phones in any orientation
@mixin phone { @mixin phone {
@media #{$phonePortrait}, @media #{$phonePortrait},
#{$phoneLandscape}, #{$phoneLandscape} {
#{$phoneLandscapeEmu} {
@content @content
} }
} }
@ -40,8 +39,7 @@
// Phones in landscape orientation // Phones in landscape orientation
@mixin phoneLandscape { @mixin phoneLandscape {
@media #{$phoneLandscape}, @media #{$phoneLandscape} {
#{$phoneLandscapeEmu} {
@content @content
} }
} }
@ -49,8 +47,7 @@
// Tablets in any orientation // Tablets in any orientation
@mixin tablet { @mixin tablet {
@media #{$tabletPortrait}, @media #{$tabletPortrait},
#{$tabletLandscape}, #{$tabletLandscape} {
#{$tabletLandscapeEmu} {
@content @content
} }
} }
@ -64,8 +61,7 @@
// Tablets in landscape orientation // Tablets in landscape orientation
@mixin tabletLandscape { @mixin tabletLandscape {
@media #{$tabletLandscape}, @media #{$tabletLandscape} {
#{$tabletLandscapeEmu} {
@content @content
} }
} }
@ -74,10 +70,8 @@
@mixin phoneandtablet { @mixin phoneandtablet {
@media #{$phonePortrait}, @media #{$phonePortrait},
#{$phoneLandscape}, #{$phoneLandscape},
#{$phoneLandscapeEmu},
#{$tabletPortrait}, #{$tabletPortrait},
#{$tabletLandscape}, #{$tabletLandscape} {
#{$tabletLandscapeEmu} {
@content @content
} }
} }
@ -86,17 +80,14 @@
@mixin desktopandtablet { @mixin desktopandtablet {
@media #{$tabletPortrait}, @media #{$tabletPortrait},
#{$tabletLandscape}, #{$tabletLandscape},
#{$tabletLandscapeEmu}, #{$desktop} {
#{$desktopPortrait},
#{$desktopLandscape} {
@content @content
} }
} }
// Desktop monitors in any orientation // Desktop monitors in any orientation
@mixin desktop { @mixin desktop {
@media #{$desktopPortrait}, @media #{$desktop} {
#{$desktopLandscape} {
@content @content
} }
} }

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

@ -173,7 +173,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
/* REQUIRES /platform/commonUI/general/res/sass/_constants.scss */ /* REQUIRES /platform/commonUI/general/res/sass/_constants.scss */
/************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */ /************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
/************************** MOBILE TREE MENU DIMENSIONS */ /************************** MOBILE TREE MENU DIMENSIONS */
/************************** WINDOW DIMENSIONS FOR RWD */ /************************** DEVICE WIDTHS */
/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */ /************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
@ -990,7 +990,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-left .l-infobubble::before { .l-infobubble-wrapper.arw-left .l-infobubble::before {
right: 100%; } right: 100%; }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (min-device-width: 1281px) {
/* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-left .l-infobubble::before { .l-infobubble-wrapper.arw-left .l-infobubble::before {
width: 0; width: 0;
@ -998,14 +998,14 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
border-top: 6.66667px solid transparent; border-top: 6.66667px solid transparent;
border-bottom: 6.66667px solid transparent; border-bottom: 6.66667px solid transparent;
border-right: 10px solid #ddd; } } border-right: 10px solid #ddd; } }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (min-device-width: 1281px) {
/* line 88, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 88, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right { .l-infobubble-wrapper.arw-right {
margin-right: 20px; } } margin-right: 20px; } }
/* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right .l-infobubble::before { .l-infobubble-wrapper.arw-right .l-infobubble::before {
left: 100%; } left: 100%; }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (min-device-width: 1281px) {
/* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right .l-infobubble::before { .l-infobubble-wrapper.arw-right .l-infobubble::before {
width: 0; width: 0;
@ -1647,7 +1647,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon { .s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover { .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); } background: linear-gradient(#1ac6ff, #00bfff); }
@ -1686,7 +1686,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon { .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover { .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); } background: linear-gradient(#6b6b6b, #5e5e5e); }
@ -1728,7 +1728,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover { .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
background: linear-gradient(#fe9815, #f88c01); } background: linear-gradient(#fe9815, #f88c01); }
@ -1766,7 +1766,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.s-icon-btn:hover { .s-icon-btn:hover {
color: #33ccff; } color: #33ccff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 104, ../../../../general/res/sass/controls/_buttons.scss */ /* line 104, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab { .mini-tab {
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -1836,14 +1836,14 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon { .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon {
color: #0099cc; } } color: #0099cc; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 1025px) and (min-device-height: 800px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover { .mini-tab.collapsed:not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); } background: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 304, ../../../../general/res/sass/_mixins.scss */ /* line 304, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon { .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon {
color: #33ccff; } } color: #33ccff; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */ /* line 141, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.collapsed:before { .mini-tab.collapsed:before {
opacity: 0; } opacity: 0; }
@ -1932,7 +1932,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.mini-tab.anchor-right.collapsed:hover:before { .mini-tab.anchor-right.collapsed:hover:before {
right: 2px; } } right: 2px; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 211, ../../../../general/res/sass/controls/_buttons.scss */ /* line 211, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon { .mini-tab-icon {
color: #595959; color: #595959;
@ -2319,7 +2319,7 @@ label.checkbox.custom {
font-size: 0.7em; font-size: 0.7em;
flex: 0 0 1; flex: 0 0 1;
-webkit-flex: 0 0 1; } -webkit-flex: 0 0 1; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 239, ../../../../general/res/sass/controls/_controls.scss */ /* line 239, ../../../../general/res/sass/controls/_controls.scss */
.object-header .context-available { .object-header .context-available {
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -2662,7 +2662,7 @@ label.checkbox.custom {
color: inherit; } color: inherit; }
/******************************************************** BROWSER ELEMENTS */ /******************************************************** BROWSER ELEMENTS */
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 484, ../../../../general/res/sass/controls/_controls.scss */ /* line 484, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar { ::-webkit-scrollbar {
-moz-border-radius: 2px; -moz-border-radius: 2px;
@ -3364,7 +3364,7 @@ label.checkbox.custom {
/* line 213, ../../../../general/res/sass/controls/_messages.scss */ /* line 213, ../../../../general/res/sass/controls/_messages.scss */
.t-message-single .message-severity-error .type-icon.message-type:before { .t-message-single .message-severity-error .type-icon.message-type:before {
content: "\21"; } content: "\21"; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 259, ../../../../general/res/sass/controls/_messages.scss */ /* line 259, ../../../../general/res/sass/controls/_messages.scss */
.t-message-single .l-message, .t-message-single .l-message,
.t-message-single .bottom-bar { .t-message-single .bottom-bar {
@ -3435,7 +3435,7 @@ label.checkbox.custom {
.t-message-list .message-contents .l-message .top-bar, .t-message-list .message-contents .l-message .top-bar,
.t-message-list .message-contents .l-message .message-body { .t-message-list .message-contents .l-message .message-body {
margin-bottom: 10px; } margin-bottom: 10px; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 304, ../../../../general/res/sass/controls/_messages.scss */ /* line 304, ../../../../general/res/sass/controls/_messages.scss */
.t-message-list .message-contents .l-message { .t-message-list .message-contents .l-message {
margin-right: 10px; } } margin-right: 10px; } }
@ -3687,7 +3687,7 @@ mct-include.l-time-controller {
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 25, ../../../../general/res/sass/mobile/controls/_menus.scss */ /* line 25, ../../../../general/res/sass/mobile/controls/_menus.scss */
.super-menu { .super-menu {
width: 250px; width: 250px;
@ -3966,7 +3966,7 @@ textarea {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.select .icon, .select .t-item-icon { .select .icon, .select .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover { .select:not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); } background: linear-gradient(#6b6b6b, #5e5e5e); }
@ -4477,7 +4477,7 @@ span.req {
/* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane { .pane .mini-tab-icon.toggle-pane {
z-index: 5; } z-index: 5; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane { .pane .mini-tab-icon.toggle-pane {
top: 10px; top: 10px;
@ -4703,7 +4703,7 @@ span.req {
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect { .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; } opacity: 0; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
.holder-all { .holder-all {
min-width: 600px; } min-width: 600px; }
@ -4775,7 +4775,7 @@ span.req {
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 26, ../../../../general/res/sass/mobile/_layout.scss */ /* line 26, ../../../../general/res/sass/mobile/_layout.scss */
.browse-wrapper, .browse-wrapper,
.pane { .pane {
@ -4951,7 +4951,7 @@ span.req {
-webkit-transition-delay: 0; -webkit-transition-delay: 0;
transition-delay: 0; transition-delay: 0;
opacity: 1; } } opacity: 1; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 146, ../../../../general/res/sass/mobile/_layout.scss */ /* line 146, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview { .pane-tree-showing .pane.left.treeview {
width: 90% !important; } width: 90% !important; }
@ -4965,7 +4965,7 @@ span.req {
/* line 152, ../../../../general/res/sass/mobile/_layout.scss */ /* line 152, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items .holder-object-and-inspector { .pane-tree-showing .pane.right.items .holder-object-and-inspector {
opacity: 0; } } opacity: 0; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 160, ../../../../general/res/sass/mobile/_layout.scss */ /* line 160, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide { .desktop-hide {
display: none; } } display: none; } }
@ -5280,7 +5280,7 @@ span.req {
margin-left: 50%; margin-left: 50%;
white-space: nowrap; } white-space: nowrap; }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 5, ../../../../general/res/sass/mobile/search/_search.scss */ /* line 5, ../../../../general/res/sass/mobile/search/_search.scss */
.search .search-bar .menu-icon { .search .search-bar .menu-icon {
display: none; } display: none; }
@ -5457,7 +5457,7 @@ span.req {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon { .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
background: linear-gradient(#a6a6a6, #999999); } background: linear-gradient(#a6a6a6, #999999); }
@ -5490,7 +5490,7 @@ span.req {
min-height: 225px; min-height: 225px;
height: 225px; } height: 225px; }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 3, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 3, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay .clk-icon.close { .overlay .clk-icon.close {
top: 20px; top: 20px;
@ -5508,7 +5508,7 @@ span.req {
/* line 17, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 17, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay > .holder > .contents .top-bar > .title { .overlay > .holder > .contents .top-bar > .title {
margin-right: 1.2em; } } margin-right: 1.2em; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 27, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 27, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay > .holder { .overlay > .holder {
-moz-border-radius: 0; -moz-border-radius: 0;
@ -5579,7 +5579,7 @@ span.req {
.t-dialog-sm .overlay > .holder { .t-dialog-sm .overlay > .holder {
height: auto; height: auto;
max-height: 100%; } } max-height: 100%; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 77, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 77, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay > .holder .contents .bottom-bar { .overlay > .holder .contents .bottom-bar {
text-align: center; } } text-align: center; } }
@ -5652,7 +5652,7 @@ ul.tree {
margin-left: 5px; margin-left: 5px;
font-size: 0.75em; font-size: 0.75em;
width: 10px; } width: 10px; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 56, ../../../../general/res/sass/tree/_tree.scss */ /* line 56, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control:hover, .tree-item .view-control:hover,
.search-result-item .view-control:hover { .search-result-item .view-control:hover {
@ -5785,7 +5785,7 @@ ul.tree {
.tree-item.selected .t-object-label .t-item-icon, .tree-item.selected .t-object-label .t-item-icon,
.search-result-item.selected .t-object-label .t-item-icon { .search-result-item.selected .t-object-label .t-item-icon {
color: #cccccc; } color: #cccccc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 136, ../../../../general/res/sass/tree/_tree.scss */ /* line 136, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover, .tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover { .search-result-item:not(.selected):hover {
@ -5837,7 +5837,7 @@ ul.tree {
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 27, ../../../../general/res/sass/mobile/_tree.scss */ /* line 27, ../../../../general/res/sass/mobile/_tree.scss */
ul.tree ul.tree { ul.tree ul.tree {
margin-left: 20px; } margin-left: 20px; }
@ -5928,7 +5928,7 @@ ul.tree {
/* line 65, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 65, ../../../../general/res/sass/user-environ/_frame.scss */
.frame.frame-template .view-switcher { .frame.frame-template .view-switcher {
z-index: 10; } z-index: 10; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 71, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 71, ../../../../general/res/sass/user-environ/_frame.scss */
.frame.frame-template .view-switcher { .frame.frame-template .view-switcher {
opacity: 0; } opacity: 0; }
@ -6828,7 +6828,7 @@ table {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon { .items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover { .items-holder .item.grid-item:not(.disabled):hover {
background: linear-gradient(#666666, #595959); } background: linear-gradient(#666666, #595959); }
@ -6959,7 +6959,7 @@ table {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected .icon, .items-holder .item.grid-item.selected .t-item-icon { .items-holder .item.grid-item.selected .icon, .items-holder .item.grid-item.selected .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover { .items-holder .item.grid-item.selected:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); } background: linear-gradient(#1ac6ff, #00bfff); }
@ -7000,7 +7000,7 @@ table {
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
width: 100%; } width: 100%; }
@ -7034,7 +7034,7 @@ table {
opacity: 1; opacity: 1;
font-size: 1em; font-size: 1em;
width: auto; } } width: auto; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 50px; } height: 50px; }
@ -7054,7 +7054,7 @@ table {
/* line 83, ../../../../general/res/sass/mobile/_item.scss */ /* line 83, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
line-height: 50px; } } line-height: 50px; } }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 66px; } height: 66px; }

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

@ -173,7 +173,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
/* REQUIRES /platform/commonUI/general/res/sass/_constants.scss */ /* REQUIRES /platform/commonUI/general/res/sass/_constants.scss */
/************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */ /************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
/************************** MOBILE TREE MENU DIMENSIONS */ /************************** MOBILE TREE MENU DIMENSIONS */
/************************** WINDOW DIMENSIONS FOR RWD */ /************************** DEVICE WIDTHS */
/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */ /************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
@ -990,7 +990,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-left .l-infobubble::before { .l-infobubble-wrapper.arw-left .l-infobubble::before {
right: 100%; } right: 100%; }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (min-device-width: 1281px) {
/* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-left .l-infobubble::before { .l-infobubble-wrapper.arw-left .l-infobubble::before {
width: 0; width: 0;
@ -998,14 +998,14 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
border-top: 6.66667px solid transparent; border-top: 6.66667px solid transparent;
border-bottom: 6.66667px solid transparent; border-bottom: 6.66667px solid transparent;
border-right: 10px solid white; } } border-right: 10px solid white; } }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (min-device-width: 1281px) {
/* line 88, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 88, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right { .l-infobubble-wrapper.arw-right {
margin-right: 20px; } } margin-right: 20px; } }
/* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right .l-infobubble::before { .l-infobubble-wrapper.arw-right .l-infobubble::before {
left: 100%; } left: 100%; }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (min-device-width: 1281px) {
/* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right .l-infobubble::before { .l-infobubble-wrapper.arw-right .l-infobubble::before {
width: 0; width: 0;
@ -1619,7 +1619,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon { .s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover { .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
background: deepskyblue; } background: deepskyblue; }
@ -1649,7 +1649,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon { .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon {
color: #eee; } color: #eee; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover { .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
background: #0099cc; } background: #0099cc; }
@ -1682,7 +1682,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover { .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
background: #ffad33; } background: #ffad33; }
@ -1720,7 +1720,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.s-icon-btn:hover { .s-icon-btn:hover {
color: white; } color: white; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 104, ../../../../general/res/sass/controls/_buttons.scss */ /* line 104, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab { .mini-tab {
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -1781,14 +1781,14 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon { .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon {
color: #eee; } } color: #eee; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 1025px) and (min-device-height: 800px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover { .mini-tab.collapsed:not(.disabled):hover {
background: #0099cc; } background: #0099cc; }
/* line 304, ../../../../general/res/sass/_mixins.scss */ /* line 304, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon { .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon {
color: white; } } color: white; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 141, ../../../../general/res/sass/controls/_buttons.scss */ /* line 141, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.collapsed:before { .mini-tab.collapsed:before {
opacity: 0; } opacity: 0; }
@ -1877,7 +1877,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.mini-tab.anchor-right.collapsed:hover:before { .mini-tab.anchor-right.collapsed:hover:before {
right: 2px; } } right: 2px; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 211, ../../../../general/res/sass/controls/_buttons.scss */ /* line 211, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon { .mini-tab-icon {
color: #d6d6d6; color: #d6d6d6;
@ -2264,7 +2264,7 @@ label.checkbox.custom {
font-size: 0.7em; font-size: 0.7em;
flex: 0 0 1; flex: 0 0 1;
-webkit-flex: 0 0 1; } -webkit-flex: 0 0 1; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 239, ../../../../general/res/sass/controls/_controls.scss */ /* line 239, ../../../../general/res/sass/controls/_controls.scss */
.object-header .context-available { .object-header .context-available {
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -2607,7 +2607,7 @@ label.checkbox.custom {
color: inherit; } color: inherit; }
/******************************************************** BROWSER ELEMENTS */ /******************************************************** BROWSER ELEMENTS */
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 484, ../../../../general/res/sass/controls/_controls.scss */ /* line 484, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar { ::-webkit-scrollbar {
-moz-border-radius: 2px; -moz-border-radius: 2px;
@ -3303,7 +3303,7 @@ label.checkbox.custom {
/* line 213, ../../../../general/res/sass/controls/_messages.scss */ /* line 213, ../../../../general/res/sass/controls/_messages.scss */
.t-message-single .message-severity-error .type-icon.message-type:before { .t-message-single .message-severity-error .type-icon.message-type:before {
content: "\21"; } content: "\21"; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 259, ../../../../general/res/sass/controls/_messages.scss */ /* line 259, ../../../../general/res/sass/controls/_messages.scss */
.t-message-single .l-message, .t-message-single .l-message,
.t-message-single .bottom-bar { .t-message-single .bottom-bar {
@ -3374,7 +3374,7 @@ label.checkbox.custom {
.t-message-list .message-contents .l-message .top-bar, .t-message-list .message-contents .l-message .top-bar,
.t-message-list .message-contents .l-message .message-body { .t-message-list .message-contents .l-message .message-body {
margin-bottom: 10px; } margin-bottom: 10px; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 304, ../../../../general/res/sass/controls/_messages.scss */ /* line 304, ../../../../general/res/sass/controls/_messages.scss */
.t-message-list .message-contents .l-message { .t-message-list .message-contents .l-message {
margin-right: 10px; } } margin-right: 10px; } }
@ -3626,7 +3626,7 @@ mct-include.l-time-controller {
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 25, ../../../../general/res/sass/mobile/controls/_menus.scss */ /* line 25, ../../../../general/res/sass/mobile/controls/_menus.scss */
.super-menu { .super-menu {
width: 250px; width: 250px;
@ -4399,7 +4399,7 @@ span.req {
/* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane { .pane .mini-tab-icon.toggle-pane {
z-index: 5; } z-index: 5; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane { .pane .mini-tab-icon.toggle-pane {
top: 10px; top: 10px;
@ -4625,7 +4625,7 @@ span.req {
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect { .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; } opacity: 0; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
.holder-all { .holder-all {
min-width: 600px; } min-width: 600px; }
@ -4697,7 +4697,7 @@ span.req {
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 26, ../../../../general/res/sass/mobile/_layout.scss */ /* line 26, ../../../../general/res/sass/mobile/_layout.scss */
.browse-wrapper, .browse-wrapper,
.pane { .pane {
@ -4873,7 +4873,7 @@ span.req {
-webkit-transition-delay: 0; -webkit-transition-delay: 0;
transition-delay: 0; transition-delay: 0;
opacity: 1; } } opacity: 1; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 146, ../../../../general/res/sass/mobile/_layout.scss */ /* line 146, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview { .pane-tree-showing .pane.left.treeview {
width: 90% !important; } width: 90% !important; }
@ -4887,7 +4887,7 @@ span.req {
/* line 152, ../../../../general/res/sass/mobile/_layout.scss */ /* line 152, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items .holder-object-and-inspector { .pane-tree-showing .pane.right.items .holder-object-and-inspector {
opacity: 0; } } opacity: 0; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 160, ../../../../general/res/sass/mobile/_layout.scss */ /* line 160, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide { .desktop-hide {
display: none; } } display: none; } }
@ -5202,7 +5202,7 @@ span.req {
margin-left: 50%; margin-left: 50%;
white-space: nowrap; } white-space: nowrap; }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 5, ../../../../general/res/sass/mobile/search/_search.scss */ /* line 5, ../../../../general/res/sass/mobile/search/_search.scss */
.search .search-bar .menu-icon { .search .search-bar .menu-icon {
display: none; } display: none; }
@ -5361,7 +5361,7 @@ span.req {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon { .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
background: #7d7d7d; } background: #7d7d7d; }
@ -5394,7 +5394,7 @@ span.req {
min-height: 225px; min-height: 225px;
height: 225px; } height: 225px; }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 3, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 3, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay .clk-icon.close { .overlay .clk-icon.close {
top: 20px; top: 20px;
@ -5412,7 +5412,7 @@ span.req {
/* line 17, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 17, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay > .holder > .contents .top-bar > .title { .overlay > .holder > .contents .top-bar > .title {
margin-right: 1.2em; } } margin-right: 1.2em; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 27, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 27, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay > .holder { .overlay > .holder {
-moz-border-radius: 0; -moz-border-radius: 0;
@ -5483,7 +5483,7 @@ span.req {
.t-dialog-sm .overlay > .holder { .t-dialog-sm .overlay > .holder {
height: auto; height: auto;
max-height: 100%; } } max-height: 100%; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 77, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 77, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay > .holder .contents .bottom-bar { .overlay > .holder .contents .bottom-bar {
text-align: center; } } text-align: center; } }
@ -5556,7 +5556,7 @@ ul.tree {
margin-left: 5px; margin-left: 5px;
font-size: 0.75em; font-size: 0.75em;
width: 10px; } width: 10px; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 56, ../../../../general/res/sass/tree/_tree.scss */ /* line 56, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control:hover, .tree-item .view-control:hover,
.search-result-item .view-control:hover { .search-result-item .view-control:hover {
@ -5687,7 +5687,7 @@ ul.tree {
.tree-item.selected .t-object-label .t-item-icon, .tree-item.selected .t-object-label .t-item-icon,
.search-result-item.selected .t-object-label .t-item-icon { .search-result-item.selected .t-object-label .t-item-icon {
color: #fcfcfc; } color: #fcfcfc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 136, ../../../../general/res/sass/tree/_tree.scss */ /* line 136, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover, .tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover { .search-result-item:not(.selected):hover {
@ -5739,7 +5739,7 @@ ul.tree {
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 27, ../../../../general/res/sass/mobile/_tree.scss */ /* line 27, ../../../../general/res/sass/mobile/_tree.scss */
ul.tree ul.tree { ul.tree ul.tree {
margin-left: 20px; } margin-left: 20px; }
@ -5830,7 +5830,7 @@ ul.tree {
/* line 65, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 65, ../../../../general/res/sass/user-environ/_frame.scss */
.frame.frame-template .view-switcher { .frame.frame-template .view-switcher {
z-index: 10; } z-index: 10; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 71, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 71, ../../../../general/res/sass/user-environ/_frame.scss */
.frame.frame-template .view-switcher { .frame.frame-template .view-switcher {
opacity: 0; } opacity: 0; }
@ -6721,7 +6721,7 @@ table {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon { .items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover { .items-holder .item.grid-item:not(.disabled):hover {
background: #d0d0d0; } background: #d0d0d0; }
@ -6877,7 +6877,7 @@ table {
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
width: 100%; } width: 100%; }
@ -6911,7 +6911,7 @@ table {
opacity: 1; opacity: 1;
font-size: 1em; font-size: 1em;
width: auto; } } width: auto; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 50px; } height: 50px; }
@ -6931,7 +6931,7 @@ table {
/* line 83, ../../../../general/res/sass/mobile/_item.scss */ /* line 83, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
line-height: 50px; } } line-height: 50px; } }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 66px; } height: 66px; }