alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] Refactoring to use Victorizr instead of media queries

Browse Source 
open #639
open #683
open #169
open #494
Replaced MQ around mobile/_tree.scss ul.tree;
Removed MQ desktop around hover in mixin btnBase;
Reversed orientation of mobile tree arrows for #494;
This commit is contained in:
Charles Hacskaylo
2016-02-17 16:12:18 -08:00
parent a4f24adb8a
commit 66905cbcbb
5 changed files with 463 additions and 450 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -303,16 +303,14 @@
.icon { .icon {
color: $ic; color: $ic;
} }
@include desktop { @if $bgHov != none {
@if $bgHov != none { &:not(.disabled):hover {
&:not(.disabled):hover { @include background-image($bgHov);
@include background-image($bgHov); >.icon {
>.icon { color: lighten($ic, $ltGamma);
color: lighten($ic, $ltGamma); }
} }
} }
}
}
} }
@mixin input-base($bg: $colorInputBg, $fg: $colorInputFg, $shdw: rgba(black, 0.6) 0 1px 3px) { @mixin input-base($bg: $colorInputBg, $fg: $colorInputFg, $shdw: rgba(black, 0.6) 0 1px 3px) {

33
platform/commonUI/general/res/sass/mobile/_item.scss
View File

@@ -24,11 +24,21 @@
// representation. Instead of a grid, // representation. Instead of a grid,
// a list is used. // a list is used.
// Refactored to use Victorizr
.items-holder { .items-holder {
.item { .item {
&.grid-item { &.grid-item {
$titleH: 30px; $titleH: 30px;
@include phoneandtablet { }
}
}
body.phone,
body.tablet {
.items-holder {
.item {
&.grid-item {
width: 100%; width: 100%;
>.contents { >.contents {
top: 0px; right: $interiorMarginLg; bottom: 0px; left: $interiorMarginLg; top: 0px; right: $interiorMarginLg; bottom: 0px; left: $interiorMarginLg;
@@ -36,7 +46,6 @@
.bar { .bar {
&.top-bar { &.top-bar {
// Becomes the right side of the item // Becomes the right side of the item
//@include test(blue);
bottom: 0 !important; left: auto !important; right: 20px !important; bottom: 0 !important; left: auto !important; right: 20px !important;
width: 40px !important; height: auto !important; width: 40px !important; height: auto !important;
text-align: right; text-align: right;
@@ -46,7 +55,7 @@
left: $mobileListIconSize + $interiorMarginLg; left: $mobileListIconSize + $interiorMarginLg;
right: 60px; right: 60px;
} }
} }
.item-main { .item-main {
.item-type, .item-type,
@@ -63,8 +72,14 @@
} }
} }
} }
}
}
}
@include phone { body.phone {
.items-holder {
.item {
&.grid-item {
$dHei: $phoneItemH; $dHei: $phoneItemH;
height: $dHei; height: $dHei;
.bar { .bar {
@@ -85,8 +100,14 @@
} }
} }
} }
}
@include tablet { }
}
body.tablet {
.items-holder {
.item {
&.grid-item {
$dHei: $tabletItemH; $dHei: $tabletItemH;
height: $dHei; height: $dHei;
.bar { .bar {

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

@@ -20,7 +20,7 @@
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
@include phoneandtablet { body.touch {
ul.tree { ul.tree {
// Sets the margin on the left, which causes the // Sets the margin on the left, which causes the
// running indentation after each folder is made // running indentation after each folder is made
@@ -42,10 +42,10 @@
&:before { &:before {
content: "\7d"; content: "\7d";
left: 50%; left: 50%;
@include transform(translateX(-50%) rotate(90deg)); @include transform(translateX(-50%) rotate(270deg));
} }
&.expanded:before { &.expanded:before {
@include transform(translateX(-50%) rotate(270deg)); @include transform(translateX(-50%) rotate(90deg));
} }
} }
} }

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

@@ -1717,18 +1717,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 303, ../../../../general/res/sass/_mixins.scss */ /* line 303, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 307, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../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-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%;
background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff));
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff)); background-image: -moz-linear-gradient(#1ac6ff, #00bfff);
background-image: -moz-linear-gradient(#1ac6ff, #00bfff); background-image: -webkit-linear-gradient(#1ac6ff, #00bfff);
background-image: -webkit-linear-gradient(#1ac6ff, #00bfff); background-image: linear-gradient(#1ac6ff, #00bfff); }
background-image: linear-gradient(#1ac6ff, #00bfff); } /* line 309, ../../../../general/res/sass/_mixins.scss */
/* line 310, ../../../../general/res/sass/_mixins.scss */ .s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon, .s-btn.major:not(.disabled):hover > .t-item-icon, .major.s-menu-btn:not(.disabled):hover > .t-item-icon {
.s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon, .s-btn.major:not(.disabled):hover > .t-item-icon, .major.s-menu-btn:not(.disabled):hover > .t-item-icon { color: white; }
color: white; } }
/* line 67, ../../../../general/res/sass/controls/_buttons.scss */ /* line 67, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn:not(.major), .s-menu-btn:not(.major) { .s-btn:not(.major), .s-menu-btn:not(.major) {
background-color: #454545; background-color: #454545;
@@ -1761,18 +1760,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 303, ../../../../general/res/sass/_mixins.scss */ /* line 303, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 307, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../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-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%;
background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e));
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: -moz-linear-gradient(#6b6b6b, #5e5e5e); background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e);
background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e); background-image: linear-gradient(#6b6b6b, #5e5e5e); }
background-image: linear-gradient(#6b6b6b, #5e5e5e); } /* line 309, ../../../../general/res/sass/_mixins.scss */
/* line 310, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon { color: #33ccff; }
color: #33ccff; } }
/* line 74, ../../../../general/res/sass/controls/_buttons.scss */ /* line 74, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.t-save:before, .t-save.s-menu-btn:before { .s-btn.t-save:before, .t-save.s-menu-btn:before {
content: '\e612'; content: '\e612';
@@ -1820,18 +1818,17 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 303, ../../../../general/res/sass/_mixins.scss */ /* line 303, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 307, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../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-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOTgxNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4OGMwMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlOTgxNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4OGMwMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%;
background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fe9815), color-stop(100%, #f88c01));
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fe9815), color-stop(100%, #f88c01)); background-image: -moz-linear-gradient(#fe9815, #f88c01);
background-image: -moz-linear-gradient(#fe9815, #f88c01); background-image: -webkit-linear-gradient(#fe9815, #f88c01);
background-image: -webkit-linear-gradient(#fe9815, #f88c01); background-image: linear-gradient(#fe9815, #f88c01); }
background-image: linear-gradient(#fe9815, #f88c01); } /* line 309, ../../../../general/res/sass/_mixins.scss */
/* line 310, ../../../../general/res/sass/_mixins.scss */ .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon, .s-btn.pause-play.paused:not(.disabled):hover > .t-item-icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .t-item-icon {
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon, .s-btn.pause-play.paused:not(.disabled):hover > .t-item-icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .t-item-icon { color: white; }
color: white; } }
/* line 93, ../../../../general/res/sass/controls/_buttons.scss */ /* line 93, ../../../../general/res/sass/controls/_buttons.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 {
-moz-animation-name: pulse; -moz-animation-name: pulse;
@@ -1940,18 +1937,17 @@ body.desktop.mini-tab {
/* line 303, ../../../../general/res/sass/_mixins.scss */ /* line 303, ../../../../general/res/sass/_mixins.scss */
body.desktop.mini-tab.collapsed .icon, body.desktop.mini-tab.collapsed .t-item-icon { body.desktop.mini-tab.collapsed .icon, body.desktop.mini-tab.collapsed .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 307, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../general/res/sass/_mixins.scss */ body.desktop.mini-tab.collapsed:not(.disabled):hover {
body.desktop.mini-tab.collapsed:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%;
background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e));
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: -moz-linear-gradient(#6b6b6b, #5e5e5e); background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e);
background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e); background-image: linear-gradient(#6b6b6b, #5e5e5e); }
background-image: linear-gradient(#6b6b6b, #5e5e5e); } /* line 309, ../../../../general/res/sass/_mixins.scss */
/* 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 {
body.desktop.mini-tab.collapsed:not(.disabled):hover > .icon, body.desktop.mini-tab.collapsed:not(.disabled):hover > .t-item-icon { color: #33ccff; }
color: #33ccff; } }
/* line 145, ../../../../general/res/sass/controls/_buttons.scss */ /* line 145, ../../../../general/res/sass/controls/_buttons.scss */
body.desktop.mini-tab.collapsed:before { body.desktop.mini-tab.collapsed:before {
opacity: 0; } opacity: 0; }
@@ -2950,7 +2946,7 @@ body.desktop ::-webkit-scrollbar-corner {
.menu ul { .menu ul {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 360, ../../../../general/res/sass/_mixins.scss */ /* line 358, ../../../../general/res/sass/_mixins.scss */
.menu ul li { .menu ul li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@@ -4014,7 +4010,7 @@ mct-include.l-time-controller {
padding: 0 3px; padding: 0 3px;
position: relative; position: relative;
height: 150px; } height: 150px; }
/* line 327, ../../../../general/res/sass/_mixins.scss */ /* line 325, ../../../../general/res/sass/_mixins.scss */
.form .form-row .selector-list.error { .form .form-row .selector-list.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 119, ../../../../general/res/sass/forms/_elems.scss */ /* line 119, ../../../../general/res/sass/forms/_elems.scss */
@@ -4072,7 +4068,7 @@ input[type="search"] {
color: #cccccc; color: #cccccc;
outline: none; outline: none;
padding: 0 3px; } padding: 0 3px; }
/* line 327, ../../../../general/res/sass/_mixins.scss */ /* line 325, ../../../../general/res/sass/_mixins.scss */
input[type="text"].error, input[type="text"].error,
input[type="search"].error { input[type="search"].error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
@@ -4102,7 +4098,7 @@ textarea {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; } width: 100%; }
/* line 327, ../../../../general/res/sass/_mixins.scss */ /* line 325, ../../../../general/res/sass/_mixins.scss */
textarea.error { textarea.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
@@ -4164,18 +4160,17 @@ textarea {
/* line 303, ../../../../general/res/sass/_mixins.scss */ /* line 303, ../../../../general/res/sass/_mixins.scss */
.select .icon, .select .t-item-icon { .select .icon, .select .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 307, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../general/res/sass/_mixins.scss */ .select:not(.disabled):hover {
.select:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNmI2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%;
background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6b6b6b), color-stop(100%, #5e5e5e));
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: -moz-linear-gradient(#6b6b6b, #5e5e5e); background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e);
background-image: -webkit-linear-gradient(#6b6b6b, #5e5e5e); background-image: linear-gradient(#6b6b6b, #5e5e5e); }
background-image: linear-gradient(#6b6b6b, #5e5e5e); } /* line 309, ../../../../general/res/sass/_mixins.scss */
/* line 310, ../../../../general/res/sass/_mixins.scss */ .select:not(.disabled):hover > .icon, .select:not(.disabled):hover > .t-item-icon {
.select:not(.disabled):hover > .icon, .select:not(.disabled):hover > .t-item-icon { color: #33ccff; }
color: #33ccff; } }
/* line 31, ../../../../general/res/sass/forms/_selects.scss */ /* line 31, ../../../../general/res/sass/forms/_selects.scss */
.select select { .select select {
-moz-appearance: none; -moz-appearance: none;
@@ -4255,7 +4250,7 @@ textarea {
max-height: 400px; max-height: 400px;
overflow: auto; overflow: auto;
padding: 5px; } padding: 5px; }
/* line 327, ../../../../general/res/sass/_mixins.scss */ /* line 325, ../../../../general/res/sass/_mixins.scss */
.channel-selector .treeview.error { .channel-selector .treeview.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */ /* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */
@@ -4642,7 +4637,7 @@ span.req {
border: none; border: none;
color: #cccccc; color: #cccccc;
outline: none; } outline: none; }
/* line 327, ../../../../general/res/sass/_mixins.scss */ /* line 325, ../../../../general/res/sass/_mixins.scss */
.s-filter input[type="search"].error { .s-filter input[type="search"].error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 135, ../../../../general/res/sass/forms/_filter.scss */ /* line 135, ../../../../general/res/sass/forms/_filter.scss */
@@ -5914,18 +5909,17 @@ body.desktop .desktop-hide {
/* line 303, ../../../../general/res/sass/_mixins.scss */ /* line 303, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 307, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../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-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2YTZhNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2YTZhNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%;
background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a6a6a6), color-stop(100%, #999999));
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a6a6a6), color-stop(100%, #999999)); background-image: -moz-linear-gradient(#a6a6a6, #999999);
background-image: -moz-linear-gradient(#a6a6a6, #999999); background-image: -webkit-linear-gradient(#a6a6a6, #999999);
background-image: -webkit-linear-gradient(#a6a6a6, #999999); background-image: linear-gradient(#a6a6a6, #999999); }
background-image: linear-gradient(#a6a6a6, #999999); } /* line 309, ../../../../general/res/sass/_mixins.scss */
/* line 310, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon { color: white; }
color: white; } }
/* line 110, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 110, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar .s-btn:first-child, .overlay .bottom-bar .s-menu-btn:first-child { .overlay .bottom-bar .s-btn:first-child, .overlay .bottom-bar .s-menu-btn:first-child {
margin-left: 0; } margin-left: 0; }
@@ -6083,7 +6077,7 @@ ul.tree {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none; }
/* line 360, ../../../../general/res/sass/_mixins.scss */ /* line 358, ../../../../general/res/sass/_mixins.scss */
ul.tree li { ul.tree li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@@ -6397,48 +6391,47 @@ mct-representation.s-status-pending .t-object-label .t-title-label {
* 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 only screen and (orientation: portrait) and (max-device-width: 767px), only screen and (orientation: landscape) and (max-device-width: 767px), only screen and (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (orientation: landscape) and (min-device-width: 768px) and (max-device-width: 1024px) { /* line 27, ../../../../general/res/sass/mobile/_tree.scss */
/* line 27, ../../../../general/res/sass/mobile/_tree.scss */ body.touch ul.tree ul.tree {
ul.tree ul.tree { margin-left: 15px; }
margin-left: 15px; } /* line 31, ../../../../general/res/sass/mobile/_tree.scss */
body.touch .tree-item,
body.touch .search-result-item {
height: 35px !important;
line-height: 35px !important;
margin-bottom: 0px !important; }
/* line 36, ../../../../general/res/sass/mobile/_tree.scss */
body.touch .tree-item .view-control,
body.touch .search-result-item .view-control {
font-size: 1.2em;
margin-right: 0;
order: 2;
width: 35px; }
/* line 42, ../../../../general/res/sass/mobile/_tree.scss */
body.touch .tree-item .view-control.has-children:before,
body.touch .search-result-item .view-control.has-children:before {
content: "\7d";
left: 50%;
-moz-transform: translateX(-50%) rotate(270deg);
-ms-transform: translateX(-50%) rotate(270deg);
-webkit-transform: translateX(-50%) rotate(270deg);
transform: translateX(-50%) rotate(270deg); }
/* line 47, ../../../../general/res/sass/mobile/_tree.scss */
body.touch .tree-item .view-control.has-children.expanded:before,
body.touch .search-result-item .view-control.has-children.expanded:before {
-moz-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
-webkit-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg); }
/* line 52, ../../../../general/res/sass/mobile/_tree.scss */
body.touch .tree-item .t-object-label,
body.touch .search-result-item .t-object-label {
line-height: inherit; }
/* line 54, ../../../../general/res/sass/mobile/_tree.scss */
body.touch .tree-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before,
body.touch .search-result-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before {
bottom: 20%; }
/* line 31, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item,
.search-result-item {
height: 35px !important;
line-height: 35px !important;
margin-bottom: 0px !important; }
/* line 36, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .view-control,
.search-result-item .view-control {
font-size: 1.2em;
margin-right: 0;
order: 2;
width: 35px; }
/* line 42, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .view-control.has-children:before,
.search-result-item .view-control.has-children:before {
content: "\7d";
left: 50%;
-moz-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
-webkit-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg); }
/* line 47, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .view-control.has-children.expanded:before,
.search-result-item .view-control.has-children.expanded:before {
-moz-transform: translateX(-50%) rotate(270deg);
-ms-transform: translateX(-50%) rotate(270deg);
-webkit-transform: translateX(-50%) rotate(270deg);
transform: translateX(-50%) rotate(270deg); }
/* line 52, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .t-object-label,
.search-result-item .t-object-label {
line-height: inherit; }
/* line 54, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before,
.search-result-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before {
bottom: 20%; } }
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space * as represented by the Administrator of the National Aeronautics and Space
@@ -7439,18 +7432,17 @@ table {
/* line 303, ../../../../general/res/sass/_mixins.scss */ /* line 303, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 307, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover {
.items-holder .item.grid-item:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%;
background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #595959));
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #595959)); background-image: -moz-linear-gradient(#666666, #595959);
background-image: -moz-linear-gradient(#666666, #595959); background-image: -webkit-linear-gradient(#666666, #595959);
background-image: -webkit-linear-gradient(#666666, #595959); background-image: linear-gradient(#666666, #595959); }
background-image: linear-gradient(#666666, #595959); } /* line 309, ../../../../general/res/sass/_mixins.scss */
/* line 310, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover > .icon, .items-holder .item.grid-item:not(.disabled):hover > .t-item-icon {
.items-holder .item.grid-item:not(.disabled):hover > .icon, .items-holder .item.grid-item:not(.disabled):hover > .t-item-icon { color: #33ccff; }
color: #33ccff; } }
/* line 44, ../../../../general/res/sass/items/_item.scss */ /* line 44, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-type { .items-holder .item.grid-item:hover .item-main .item-type {
color: deepskyblue; } color: deepskyblue; }
@@ -7582,18 +7574,17 @@ table {
/* line 303, ../../../../general/res/sass/_mixins.scss */ /* line 303, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 307, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item.selected:not(.disabled):hover {
.items-holder .item.grid-item.selected:not(.disabled):hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYzZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%;
background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff));
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ac6ff), color-stop(100%, #00bfff)); background-image: -moz-linear-gradient(#1ac6ff, #00bfff);
background-image: -moz-linear-gradient(#1ac6ff, #00bfff); background-image: -webkit-linear-gradient(#1ac6ff, #00bfff);
background-image: -webkit-linear-gradient(#1ac6ff, #00bfff); background-image: linear-gradient(#1ac6ff, #00bfff); }
background-image: linear-gradient(#1ac6ff, #00bfff); } /* line 309, ../../../../general/res/sass/_mixins.scss */
/* line 310, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item.selected:not(.disabled):hover > .icon, .items-holder .item.grid-item.selected:not(.disabled):hover > .t-item-icon {
.items-holder .item.grid-item.selected:not(.disabled):hover > .icon, .items-holder .item.grid-item.selected:not(.disabled):hover > .t-item-icon { color: #33ccff; }
color: #33ccff; } }
/* line 126, ../../../../general/res/sass/items/_item.scss */ /* line 126, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert), .items-holder .item.grid-item.selected .top-bar .t-item-icon:not(.alert) { .items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert), .items-holder .item.grid-item.selected .top-bar .t-item-icon:not(.alert) {
color: #80dfff; } color: #80dfff; }
@@ -7628,80 +7619,86 @@ 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 only screen and (orientation: portrait) and (max-device-width: 767px), only screen and (orientation: landscape) and (max-device-width: 767px), only screen and (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (orientation: landscape) and (min-device-width: 768px) and (max-device-width: 1024px) { /* line 41, ../../../../general/res/sass/mobile/_item.scss */
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ body.phone .items-holder .item.grid-item,
.items-holder .item.grid-item { body.tablet .items-holder .item.grid-item {
width: 100%; } width: 100%; }
/* line 33, ../../../../general/res/sass/mobile/_item.scss */ /* line 43, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item > .contents { body.phone .items-holder .item.grid-item > .contents,
top: 0px; body.tablet .items-holder .item.grid-item > .contents {
right: 10px; top: 0px;
bottom: 0px; right: 10px;
left: 10px; } bottom: 0px;
/* line 37, ../../../../general/res/sass/mobile/_item.scss */ left: 10px; }
.items-holder .item.grid-item .bar.top-bar { /* line 47, ../../../../general/res/sass/mobile/_item.scss */
bottom: 0 !important; body.phone .items-holder .item.grid-item .bar.top-bar,
left: auto !important; body.tablet .items-holder .item.grid-item .bar.top-bar {
right: 20px !important; bottom: 0 !important;
width: 40px !important; left: auto !important;
height: auto !important; right: 20px !important;
text-align: right; } width: 40px !important;
/* line 44, ../../../../general/res/sass/mobile/_item.scss */ height: auto !important;
.items-holder .item.grid-item .bar.bottom-bar { text-align: right; }
left: 40px; /* line 53, ../../../../general/res/sass/mobile/_item.scss */
right: 60px; } body.phone .items-holder .item.grid-item .bar.bottom-bar,
/* line 52, ../../../../general/res/sass/mobile/_item.scss */ body.tablet .items-holder .item.grid-item .bar.bottom-bar {
.items-holder .item.grid-item .item-main .item-type, left: 40px;
.items-holder .item.grid-item .item-main .t-item-icon { right: 60px; }
font-size: 30px; /* line 61, ../../../../general/res/sass/mobile/_item.scss */
left: 15px; body.phone .items-holder .item.grid-item .item-main .item-type,
line-height: normal; } body.phone .items-holder .item.grid-item .item-main .t-item-icon,
/* line 58, ../../../../general/res/sass/mobile/_item.scss */ body.tablet .items-holder .item.grid-item .item-main .item-type,
.items-holder .item.grid-item .item-main .item-open { body.tablet .items-holder .item.grid-item .item-main .t-item-icon {
display: block; font-size: 30px;
opacity: 1; left: 15px;
font-size: 1em; line-height: normal; }
width: auto; } } /* line 67, ../../../../general/res/sass/mobile/_item.scss */
@media only screen and (orientation: portrait) and (max-device-width: 767px), only screen and (orientation: landscape) and (max-device-width: 767px) { body.phone .items-holder .item.grid-item .item-main .item-open,
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ body.tablet .items-holder .item.grid-item .item-main .item-open {
.items-holder .item.grid-item { display: block;
height: 50px; } opacity: 1;
/* line 71, ../../../../general/res/sass/mobile/_item.scss */ font-size: 1em;
.items-holder .item.grid-item .bar.top-bar { width: auto; }
line-height: 50px !important; }
/* line 75, ../../../../general/res/sass/mobile/_item.scss */ /* line 82, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { body.phone .items-holder .item.grid-item {
top: 7px; height: 50px; }
bottom: auto; /* line 86, ../../../../general/res/sass/mobile/_item.scss */
height: 35px; } body.phone .items-holder .item.grid-item .bar.top-bar {
/* line 80, ../../../../general/res/sass/mobile/_item.scss */ line-height: 50px !important; }
.items-holder .item.grid-item .item-main .item-type { /* line 90, ../../../../general/res/sass/mobile/_item.scss */
top: 10px; body.phone .items-holder .item.grid-item .bar.bottom-bar {
bottom: auto; top: 7px;
height: 30px; } bottom: auto;
/* line 83, ../../../../general/res/sass/mobile/_item.scss */ height: 35px; }
.items-holder .item.grid-item .item-main .item-open { /* line 95, ../../../../general/res/sass/mobile/_item.scss */
line-height: 50px; } } body.phone .items-holder .item.grid-item .item-main .item-type {
@media only screen and (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (orientation: landscape) and (min-device-width: 768px) and (max-device-width: 1024px) { top: 10px;
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ bottom: auto;
.items-holder .item.grid-item { height: 30px; }
height: 66px; } /* line 98, ../../../../general/res/sass/mobile/_item.scss */
/* line 93, ../../../../general/res/sass/mobile/_item.scss */ body.phone .items-holder .item.grid-item .item-main .item-open {
.items-holder .item.grid-item .bar.top-bar { line-height: 50px; }
line-height: 66px !important; }
/* line 97, ../../../../general/res/sass/mobile/_item.scss */ /* line 110, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { body.tablet .items-holder .item.grid-item {
top: 15px; height: 66px; }
bottom: auto; /* line 114, ../../../../general/res/sass/mobile/_item.scss */
height: 35px; } body.tablet .items-holder .item.grid-item .bar.top-bar {
/* line 102, ../../../../general/res/sass/mobile/_item.scss */ line-height: 66px !important; }
.items-holder .item.grid-item .item-main .item-type { /* line 118, ../../../../general/res/sass/mobile/_item.scss */
top: 18px; body.tablet .items-holder .item.grid-item .bar.bottom-bar {
bottom: auto; top: 15px;
height: 30px; } bottom: auto;
/* line 105, ../../../../general/res/sass/mobile/_item.scss */ height: 35px; }
.items-holder .item.grid-item .item-main .item-open { /* line 123, ../../../../general/res/sass/mobile/_item.scss */
line-height: 66px; } } body.tablet .items-holder .item.grid-item .item-main .item-type {
top: 18px;
bottom: auto;
height: 30px; }
/* line 126, ../../../../general/res/sass/mobile/_item.scss */
body.tablet .items-holder .item.grid-item .item-main .item-open {
line-height: 66px; }
/********************************* TO BE MOVED */ /********************************* TO BE MOVED */
/***************************************************************************** /*****************************************************************************

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

@@ -20,7 +20,7 @@
* 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.
*****************************************************************************/ *****************************************************************************/
/* 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, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
@@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%; font-size: 100%;
vertical-align: baseline; } 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 { html {
line-height: 1; } 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 { ol, ul {
list-style: none; } 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 { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; } 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 { caption, th, td {
text-align: left; text-align: left;
font-weight: normal; font-weight: normal;
vertical-align: middle; } 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 { q, blockquote {
quotes: none; } 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 { q:before, q:after, blockquote:before, blockquote:after {
content: ""; content: "";
content: none; } 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 { a img {
border: none; } 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 { article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; } display: block; }
@@ -1689,13 +1689,12 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 303, ../../../../general/res/sass/_mixins.scss */ /* line 303, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 307, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../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-image: deepskyblue; }
background-image: deepskyblue; } /* line 309, ../../../../general/res/sass/_mixins.scss */
/* line 310, ../../../../general/res/sass/_mixins.scss */ .s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon, .s-btn.major:not(.disabled):hover > .t-item-icon, .major.s-menu-btn:not(.disabled):hover > .t-item-icon {
.s-btn.major:not(.disabled):hover > .icon, .major.s-menu-btn:not(.disabled):hover > .icon, .s-btn.major:not(.disabled):hover > .t-item-icon, .major.s-menu-btn:not(.disabled):hover > .t-item-icon { color: white; }
color: white; } }
/* line 67, ../../../../general/res/sass/controls/_buttons.scss */ /* line 67, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn:not(.major), .s-menu-btn:not(.major) { .s-btn:not(.major), .s-menu-btn:not(.major) {
background-color: #969696; background-color: #969696;
@@ -1719,13 +1718,12 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 303, ../../../../general/res/sass/_mixins.scss */ /* line 303, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 307, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../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-image: #0099cc; }
background-image: #0099cc; } /* line 309, ../../../../general/res/sass/_mixins.scss */
/* line 310, ../../../../general/res/sass/_mixins.scss */ .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu-btn:not(.major):not(.disabled):hover > .icon, .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon { color: white; }
color: white; } }
/* line 74, ../../../../general/res/sass/controls/_buttons.scss */ /* line 74, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.t-save:before, .t-save.s-menu-btn:before { .s-btn.t-save:before, .t-save.s-menu-btn:before {
content: '\e612'; content: '\e612';
@@ -1764,13 +1762,12 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 303, ../../../../general/res/sass/_mixins.scss */ /* line 303, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 307, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../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-image: #ffad33; }
background-image: #ffad33; } /* line 309, ../../../../general/res/sass/_mixins.scss */
/* line 310, ../../../../general/res/sass/_mixins.scss */ .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon, .s-btn.pause-play.paused:not(.disabled):hover > .t-item-icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .t-item-icon {
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .icon, .s-btn.pause-play.paused:not(.disabled):hover > .t-item-icon, .pause-play.paused.s-menu-btn:not(.disabled):hover > .t-item-icon { color: white; }
color: white; } }
/* line 93, ../../../../general/res/sass/controls/_buttons.scss */ /* line 93, ../../../../general/res/sass/controls/_buttons.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 {
-moz-animation-name: pulse; -moz-animation-name: pulse;
@@ -1870,13 +1867,12 @@ body.desktop.mini-tab {
/* line 303, ../../../../general/res/sass/_mixins.scss */ /* line 303, ../../../../general/res/sass/_mixins.scss */
body.desktop.mini-tab.collapsed .icon, body.desktop.mini-tab.collapsed .t-item-icon { body.desktop.mini-tab.collapsed .icon, body.desktop.mini-tab.collapsed .t-item-icon {
color: #eee; } color: #eee; }
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 307, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../general/res/sass/_mixins.scss */ body.desktop.mini-tab.collapsed:not(.disabled):hover {
body.desktop.mini-tab.collapsed:not(.disabled):hover { background-image: #0099cc; }
background-image: #0099cc; } /* line 309, ../../../../general/res/sass/_mixins.scss */
/* 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 {
body.desktop.mini-tab.collapsed:not(.disabled):hover > .icon, body.desktop.mini-tab.collapsed:not(.disabled):hover > .t-item-icon { color: white; }
color: white; } }
/* line 145, ../../../../general/res/sass/controls/_buttons.scss */ /* line 145, ../../../../general/res/sass/controls/_buttons.scss */
body.desktop.mini-tab.collapsed:before { body.desktop.mini-tab.collapsed:before {
opacity: 0; } opacity: 0; }
@@ -2696,48 +2692,46 @@ body.desktop .object-header:hover .context-available {
color: inherit; } color: inherit; }
/******************************************************** BROWSER ELEMENTS */ /******************************************************** BROWSER ELEMENTS */
@media only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 485, ../../../../general/res/sass/controls/_controls.scss */
/* line 485, ../../../../general/res/sass/controls/_controls.scss */ body.desktop ::-webkit-scrollbar {
::-webkit-scrollbar { -moz-border-radius: 2px;
-moz-border-radius: 2px; -webkit-border-radius: 2px;
-webkit-border-radius: 2px; border-radius: 2px;
border-radius: 2px; -moz-box-sizing: border-box;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box;
-webkit-box-sizing: border-box; box-sizing: border-box;
box-sizing: border-box; -moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px; box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0 1px 2px; background-color: rgba(0, 0, 0, 0.1);
background-color: rgba(0, 0, 0, 0.1); height: 10px;
height: 10px; width: 10px; }
width: 10px; } /* line 494, ../../../../general/res/sass/controls/_controls.scss */
body.desktop ::-webkit-scrollbar-thumb {
/* line 494, ../../../../general/res/sass/controls/_controls.scss */ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
::-webkit-scrollbar-thumb { background-size: 100%;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #898989), color-stop(100%, #7d7d7d));
background-image: -moz-linear-gradient(#898989, #7d7d7d 20px);
background-image: -webkit-linear-gradient(#898989, #7d7d7d 20px);
background-image: linear-gradient(#898989, #7d7d7d 20px);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
/* line 501, ../../../../general/res/sass/controls/_controls.scss */
body.desktop ::-webkit-scrollbar-thumb:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #898989), color-stop(100%, #7d7d7d)); background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #00ace6), color-stop(100%, #0099cc));
background-image: -moz-linear-gradient(#898989, #7d7d7d 20px); background-image: -moz-linear-gradient(#00ace6, #0099cc 20px);
background-image: -webkit-linear-gradient(#898989, #7d7d7d 20px); background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px);
background-image: linear-gradient(#898989, #7d7d7d 20px); background-image: linear-gradient(#00ace6, #0099cc 20px); }
-moz-border-radius: 2px; /* line 506, ../../../../general/res/sass/controls/_controls.scss */
-webkit-border-radius: 2px; body.desktop ::-webkit-scrollbar-corner {
border-radius: 2px; background: rgba(0, 0, 0, 0.1); }
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
/* line 501, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-thumb:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 20, color-stop(0%, #00ace6), color-stop(100%, #0099cc));
background-image: -moz-linear-gradient(#00ace6, #0099cc 20px);
background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px);
background-image: linear-gradient(#00ace6, #0099cc 20px); }
/* line 506, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.1); } }
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space * as represented by the Administrator of the National Aeronautics and Space
@@ -2871,7 +2865,7 @@ body.desktop .object-header:hover .context-available {
.menu ul { .menu ul {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 360, ../../../../general/res/sass/_mixins.scss */ /* line 358, ../../../../general/res/sass/_mixins.scss */
.menu ul li { .menu ul li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@@ -3935,7 +3929,7 @@ mct-include.l-time-controller {
padding: 0 3px; padding: 0 3px;
position: relative; position: relative;
height: 150px; } height: 150px; }
/* line 327, ../../../../general/res/sass/_mixins.scss */ /* line 325, ../../../../general/res/sass/_mixins.scss */
.form .form-row .selector-list.error { .form .form-row .selector-list.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 119, ../../../../general/res/sass/forms/_elems.scss */ /* line 119, ../../../../general/res/sass/forms/_elems.scss */
@@ -3993,7 +3987,7 @@ input[type="search"] {
color: #666; color: #666;
outline: none; outline: none;
padding: 0 3px; } padding: 0 3px; }
/* line 327, ../../../../general/res/sass/_mixins.scss */ /* line 325, ../../../../general/res/sass/_mixins.scss */
input[type="text"].error, input[type="text"].error,
input[type="search"].error { input[type="search"].error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
@@ -4023,7 +4017,7 @@ textarea {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; } width: 100%; }
/* line 327, ../../../../general/res/sass/_mixins.scss */ /* line 325, ../../../../general/res/sass/_mixins.scss */
textarea.error { textarea.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
@@ -4154,7 +4148,7 @@ textarea {
max-height: 400px; max-height: 400px;
overflow: auto; overflow: auto;
padding: 5px; } padding: 5px; }
/* line 327, ../../../../general/res/sass/_mixins.scss */ /* line 325, ../../../../general/res/sass/_mixins.scss */
.channel-selector .treeview.error { .channel-selector .treeview.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */ /* line 36, ../../../../general/res/sass/forms/_channel-selector.scss */
@@ -4541,7 +4535,7 @@ span.req {
border: none; border: none;
color: #666; color: #666;
outline: none; } outline: none; }
/* line 327, ../../../../general/res/sass/_mixins.scss */ /* line 325, ../../../../general/res/sass/_mixins.scss */
.s-filter input[type="search"].error { .s-filter input[type="search"].error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 135, ../../../../general/res/sass/forms/_filter.scss */ /* line 135, ../../../../general/res/sass/forms/_filter.scss */
@@ -5795,13 +5789,12 @@ body.desktop .desktop-hide {
/* line 303, ../../../../general/res/sass/_mixins.scss */ /* line 303, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 307, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../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-image: #7d7d7d; }
background-image: #7d7d7d; } /* line 309, ../../../../general/res/sass/_mixins.scss */
/* line 310, ../../../../general/res/sass/_mixins.scss */ .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon {
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover > .t-item-icon { color: white; }
color: white; } }
/* line 110, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 110, ../../../../general/res/sass/overlay/_overlay.scss */
.overlay .bottom-bar .s-btn:first-child, .overlay .bottom-bar .s-menu-btn:first-child { .overlay .bottom-bar .s-btn:first-child, .overlay .bottom-bar .s-menu-btn:first-child {
margin-left: 0; } margin-left: 0; }
@@ -5959,7 +5952,7 @@ ul.tree {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none; }
/* line 360, ../../../../general/res/sass/_mixins.scss */ /* line 358, ../../../../general/res/sass/_mixins.scss */
ul.tree li { ul.tree li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@@ -6272,48 +6265,47 @@ mct-representation.s-status-pending .t-object-label .t-title-label {
* 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 only screen and (orientation: portrait) and (max-device-width: 767px), only screen and (orientation: landscape) and (max-device-width: 767px), only screen and (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (orientation: landscape) and (min-device-width: 768px) and (max-device-width: 1024px) { /* line 27, ../../../../general/res/sass/mobile/_tree.scss */
/* line 27, ../../../../general/res/sass/mobile/_tree.scss */ body.touch ul.tree ul.tree {
ul.tree ul.tree { margin-left: 15px; }
margin-left: 15px; } /* line 31, ../../../../general/res/sass/mobile/_tree.scss */
body.touch .tree-item,
body.touch .search-result-item {
height: 35px !important;
line-height: 35px !important;
margin-bottom: 0px !important; }
/* line 36, ../../../../general/res/sass/mobile/_tree.scss */
body.touch .tree-item .view-control,
body.touch .search-result-item .view-control {
font-size: 1.2em;
margin-right: 0;
order: 2;
width: 35px; }
/* line 42, ../../../../general/res/sass/mobile/_tree.scss */
body.touch .tree-item .view-control.has-children:before,
body.touch .search-result-item .view-control.has-children:before {
content: "\7d";
left: 50%;
-moz-transform: translateX(-50%) rotate(270deg);
-ms-transform: translateX(-50%) rotate(270deg);
-webkit-transform: translateX(-50%) rotate(270deg);
transform: translateX(-50%) rotate(270deg); }
/* line 47, ../../../../general/res/sass/mobile/_tree.scss */
body.touch .tree-item .view-control.has-children.expanded:before,
body.touch .search-result-item .view-control.has-children.expanded:before {
-moz-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
-webkit-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg); }
/* line 52, ../../../../general/res/sass/mobile/_tree.scss */
body.touch .tree-item .t-object-label,
body.touch .search-result-item .t-object-label {
line-height: inherit; }
/* line 54, ../../../../general/res/sass/mobile/_tree.scss */
body.touch .tree-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before,
body.touch .search-result-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before {
bottom: 20%; }
/* line 31, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item,
.search-result-item {
height: 35px !important;
line-height: 35px !important;
margin-bottom: 0px !important; }
/* line 36, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .view-control,
.search-result-item .view-control {
font-size: 1.2em;
margin-right: 0;
order: 2;
width: 35px; }
/* line 42, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .view-control.has-children:before,
.search-result-item .view-control.has-children:before {
content: "\7d";
left: 50%;
-moz-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
-webkit-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg); }
/* line 47, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .view-control.has-children.expanded:before,
.search-result-item .view-control.has-children.expanded:before {
-moz-transform: translateX(-50%) rotate(270deg);
-ms-transform: translateX(-50%) rotate(270deg);
-webkit-transform: translateX(-50%) rotate(270deg);
transform: translateX(-50%) rotate(270deg); }
/* line 52, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .t-object-label,
.search-result-item .t-object-label {
line-height: inherit; }
/* line 54, ../../../../general/res/sass/mobile/_tree.scss */
.tree-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before,
.search-result-item .t-object-label .t-item-icon.l-icon-link .t-item-icon-glyph:before {
bottom: 20%; } }
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space * as represented by the Administrator of the National Aeronautics and Space
@@ -7305,13 +7297,12 @@ table {
/* line 303, ../../../../general/res/sass/_mixins.scss */ /* line 303, ../../../../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 only screen and (min-device-width: 1025px) and (-webkit-min-device-pixel-ratio: 1) { /* line 307, ../../../../general/res/sass/_mixins.scss */
/* line 308, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover {
.items-holder .item.grid-item:not(.disabled):hover { background-image: #d0d0d0; }
background-image: #d0d0d0; } /* line 309, ../../../../general/res/sass/_mixins.scss */
/* line 310, ../../../../general/res/sass/_mixins.scss */ .items-holder .item.grid-item:not(.disabled):hover > .icon, .items-holder .item.grid-item:not(.disabled):hover > .t-item-icon {
.items-holder .item.grid-item:not(.disabled):hover > .icon, .items-holder .item.grid-item:not(.disabled):hover > .t-item-icon { color: #33ccff; }
color: #33ccff; } }
/* line 44, ../../../../general/res/sass/items/_item.scss */ /* line 44, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-type { .items-holder .item.grid-item:hover .item-main .item-type {
color: deepskyblue; } color: deepskyblue; }
@@ -7468,80 +7459,86 @@ 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 only screen and (orientation: portrait) and (max-device-width: 767px), only screen and (orientation: landscape) and (max-device-width: 767px), only screen and (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (orientation: landscape) and (min-device-width: 768px) and (max-device-width: 1024px) { /* line 41, ../../../../general/res/sass/mobile/_item.scss */
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ body.phone .items-holder .item.grid-item,
.items-holder .item.grid-item { body.tablet .items-holder .item.grid-item {
width: 100%; } width: 100%; }
/* line 33, ../../../../general/res/sass/mobile/_item.scss */ /* line 43, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item > .contents { body.phone .items-holder .item.grid-item > .contents,
top: 0px; body.tablet .items-holder .item.grid-item > .contents {
right: 10px; top: 0px;
bottom: 0px; right: 10px;
left: 10px; } bottom: 0px;
/* line 37, ../../../../general/res/sass/mobile/_item.scss */ left: 10px; }
.items-holder .item.grid-item .bar.top-bar { /* line 47, ../../../../general/res/sass/mobile/_item.scss */
bottom: 0 !important; body.phone .items-holder .item.grid-item .bar.top-bar,
left: auto !important; body.tablet .items-holder .item.grid-item .bar.top-bar {
right: 20px !important; bottom: 0 !important;
width: 40px !important; left: auto !important;
height: auto !important; right: 20px !important;
text-align: right; } width: 40px !important;
/* line 44, ../../../../general/res/sass/mobile/_item.scss */ height: auto !important;
.items-holder .item.grid-item .bar.bottom-bar { text-align: right; }
left: 40px; /* line 53, ../../../../general/res/sass/mobile/_item.scss */
right: 60px; } body.phone .items-holder .item.grid-item .bar.bottom-bar,
/* line 52, ../../../../general/res/sass/mobile/_item.scss */ body.tablet .items-holder .item.grid-item .bar.bottom-bar {
.items-holder .item.grid-item .item-main .item-type, left: 40px;
.items-holder .item.grid-item .item-main .t-item-icon { right: 60px; }
font-size: 30px; /* line 61, ../../../../general/res/sass/mobile/_item.scss */
left: 15px; body.phone .items-holder .item.grid-item .item-main .item-type,
line-height: normal; } body.phone .items-holder .item.grid-item .item-main .t-item-icon,
/* line 58, ../../../../general/res/sass/mobile/_item.scss */ body.tablet .items-holder .item.grid-item .item-main .item-type,
.items-holder .item.grid-item .item-main .item-open { body.tablet .items-holder .item.grid-item .item-main .t-item-icon {
display: block; font-size: 30px;
opacity: 1; left: 15px;
font-size: 1em; line-height: normal; }
width: auto; } } /* line 67, ../../../../general/res/sass/mobile/_item.scss */
@media only screen and (orientation: portrait) and (max-device-width: 767px), only screen and (orientation: landscape) and (max-device-width: 767px) { body.phone .items-holder .item.grid-item .item-main .item-open,
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ body.tablet .items-holder .item.grid-item .item-main .item-open {
.items-holder .item.grid-item { display: block;
height: 50px; } opacity: 1;
/* line 71, ../../../../general/res/sass/mobile/_item.scss */ font-size: 1em;
.items-holder .item.grid-item .bar.top-bar { width: auto; }
line-height: 50px !important; }
/* line 75, ../../../../general/res/sass/mobile/_item.scss */ /* line 82, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { body.phone .items-holder .item.grid-item {
top: 7px; height: 50px; }
bottom: auto; /* line 86, ../../../../general/res/sass/mobile/_item.scss */
height: 35px; } body.phone .items-holder .item.grid-item .bar.top-bar {
/* line 80, ../../../../general/res/sass/mobile/_item.scss */ line-height: 50px !important; }
.items-holder .item.grid-item .item-main .item-type { /* line 90, ../../../../general/res/sass/mobile/_item.scss */
top: 10px; body.phone .items-holder .item.grid-item .bar.bottom-bar {
bottom: auto; top: 7px;
height: 30px; } bottom: auto;
/* line 83, ../../../../general/res/sass/mobile/_item.scss */ height: 35px; }
.items-holder .item.grid-item .item-main .item-open { /* line 95, ../../../../general/res/sass/mobile/_item.scss */
line-height: 50px; } } body.phone .items-holder .item.grid-item .item-main .item-type {
@media only screen and (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (orientation: landscape) and (min-device-width: 768px) and (max-device-width: 1024px) { top: 10px;
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ bottom: auto;
.items-holder .item.grid-item { height: 30px; }
height: 66px; } /* line 98, ../../../../general/res/sass/mobile/_item.scss */
/* line 93, ../../../../general/res/sass/mobile/_item.scss */ body.phone .items-holder .item.grid-item .item-main .item-open {
.items-holder .item.grid-item .bar.top-bar { line-height: 50px; }
line-height: 66px !important; }
/* line 97, ../../../../general/res/sass/mobile/_item.scss */ /* line 110, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { body.tablet .items-holder .item.grid-item {
top: 15px; height: 66px; }
bottom: auto; /* line 114, ../../../../general/res/sass/mobile/_item.scss */
height: 35px; } body.tablet .items-holder .item.grid-item .bar.top-bar {
/* line 102, ../../../../general/res/sass/mobile/_item.scss */ line-height: 66px !important; }
.items-holder .item.grid-item .item-main .item-type { /* line 118, ../../../../general/res/sass/mobile/_item.scss */
top: 18px; body.tablet .items-holder .item.grid-item .bar.bottom-bar {
bottom: auto; top: 15px;
height: 30px; } bottom: auto;
/* line 105, ../../../../general/res/sass/mobile/_item.scss */ height: 35px; }
.items-holder .item.grid-item .item-main .item-open { /* line 123, ../../../../general/res/sass/mobile/_item.scss */
line-height: 66px; } } body.tablet .items-holder .item.grid-item .item-main .item-type {
top: 18px;
bottom: auto;
height: 30px; }
/* line 126, ../../../../general/res/sass/mobile/_item.scss */
body.tablet .items-holder .item.grid-item .item-main .item-open {
line-height: 66px; }
/********************************* TO BE MOVED */ /********************************* TO BE MOVED */
/***************************************************************************** /*****************************************************************************