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

[Frontend] IN-PROGRESS Theming continues, sanding

Browse Source 
open 
Fixed grid icon hover color;
Various color normalization;
This commit is contained in:
Charles Hacskaylo 2015-09-10 15:58:00 -07:00
parent d14c4e08b8
commit a840b59044
11 changed files with 275 additions and 355 deletions

4
platform/commonUI/general/res/sass/_about.scss

@ -59,7 +59,7 @@
line-height: 120%; line-height: 120%;
a { a {
color: #84b3ff; color: $colorAboutLink;
} }
.s-description, .s-description,
.s-info { .s-info {
@ -89,7 +89,7 @@
border-top: none; border-top: none;
} }
em { em {
color: darken($colorBodyFg, 20%); color: pushBack($colorBodyFg, 20%);
// margin-left: 2em; // margin-left: 2em;
&:first-child { &:first-child {
// margin-left: 0; // margin-left: 0;

14
platform/commonUI/general/res/sass/_global.scss

@ -62,7 +62,6 @@ body, html {
} }
em { em {
// color: rgba(white, 0.2); Removed this as a global setting
font-style: normal; font-style: normal;
} }
@ -114,7 +113,7 @@ mct-container {
.codehilite { .codehilite {
@extend .code; @extend .code;
background-color: rgba(#fff, 0.1); background-color: rgba($colorBodyFg, 0.1);
padding: 1em; padding: 1em;
} }
@ -130,10 +129,6 @@ mct-container {
margin: 0; margin: 0;
} }
.colorKey {
color: $colorKey;
}
.ds { .ds {
@include box-shadow(rgba(#000, 0.7) 0 4px 10px 2px); @include box-shadow(rgba(#000, 0.7) 0 4px 10px 2px);
} }
@ -143,13 +138,6 @@ mct-container {
display: none !important; display: none !important;
} }
.paused {
&:not(.s-btn) {
border-color: $colorPausedBg !important;
color: $colorPausedBg !important;
}
}
.sep { .sep {
color: rgba(#fff, 0.2); color: rgba(#fff, 0.2);
} }

1
platform/commonUI/general/res/sass/_mixins.scss

@ -268,6 +268,7 @@
@mixin btnBase($bg: $colorBodyBg, $bgHov: none, $fg: $colorBodyFg, $ic: $colorBtnIcon) { @mixin btnBase($bg: $colorBodyBg, $bgHov: none, $fg: $colorBodyFg, $ic: $colorBtnIcon) {
@include user-select(none); @include user-select(none);
@include transition(background, .25s);
.icon { .icon {
color: $ic; color: $ic;
} }

2
platform/commonUI/general/res/sass/_text.scss

@ -37,7 +37,7 @@
} }
h1, h2, h3 { h1, h2, h3 {
color: #fff; color: pullForward($colorBodyFg, 20%);
font-weight: normal !important; font-weight: normal !important;
margin-bottom: 1em; margin-bottom: 1em;
} }

53
platform/commonUI/general/res/sass/controls/_buttons.scss

@ -22,42 +22,6 @@
$baseRatio: 1.5; $baseRatio: 1.5;
$pad: $interiorMargin * $baseRatio; $pad: $interiorMargin * $baseRatio;
/******* LAYOUT AND SIZING */
/*.l-btn {
@include user-select(none);
//line-height: 1.5em; // Was 1.25em
line-height: 150%;
padding: 0 $pad;
text-decoration: none;
&.lg,
&.create-btn {
$h: $ueTopBarH; // - $interiorMargin;
height: $h;
line-height: $h - 2;
padding: 0 $pad * 3;
}
&.create-btn {
font-size: 1em;
&:before {
content:"+";
font-family: symbolsfont;
}
.menu {
margin-left: $pad * -1;
}
>.ui-symbol {
//font-size: 1.1em; // Normalizing for new icomoon symbols font
}
}
&.sm {
padding: 0 $pad / $baseRatio;
}
&.vsm {
padding: 0 ($pad / $baseRatio) / 2;
}
}*/
/*********************************** STYLE STYLES */
.s-btn { .s-btn {
@include box-sizing(border-box); @include box-sizing(border-box);
@include user-select(none); @include user-select(none);
@ -156,15 +120,10 @@ $pad: $interiorMargin * $baseRatio;
} }
} }
/*********************************** LAYOUT STYLES */ .paused {
/* &:not(.s-btn) {
border-color: $colorPausedBg !important;
span.s-btn, color: $colorPausedBg !important;
span.s-btn span, }
a.s-btn,
a.s-btn span,
a.s-btn,
a.s-btn span {
display: inline-block;
} }
*/

4
platform/commonUI/general/res/sass/items/_item.scss

@ -32,7 +32,7 @@
$iconMargin: 40px; $iconMargin: 40px;
$iconD: ($d - ($iconMargin * 2)) * 0.85; $iconD: ($d - ($iconMargin * 2)) * 0.85;
$transTime: 200ms; $transTime: 200ms;
@include btnSubtle($colorItemBg, pullForward($colorItemBg, 20%), $colorItemFg, $colorItemIcon); @include btnSubtle($colorItemBg, pullForward($colorItemBg, 20%), $colorItemFg, $colorItemIc);
box-sizing: border-box; box-sizing: border-box;
cursor: pointer; cursor: pointer;
float: left; float: left;
@ -90,7 +90,7 @@
//@include trans-prop-nice("color", $transTime); //@include trans-prop-nice("color", $transTime);
@include absPosDefault($iconMargin, false); @include absPosDefault($iconMargin, false);
//@include test(red); //@include test(red);
color: $colorItemIcon; //color: $colorItemIc;
text-align: center; text-align: center;
font-size: $iconD * 0.95; //6em; font-size: $iconD * 0.95; //6em;
line-height: $iconD; line-height: $iconD;

2
platform/commonUI/general/res/sass/search/_search.scss

@ -80,7 +80,7 @@
.clear-icon, .clear-icon,
.menu-icon { .menu-icon {
cursor: pointer; cursor: pointer;
transition: color .25s; @include transition(color, .25s);
} }

265
platform/commonUI/themes/espresso/res/css/theme-espresso.css

@ -364,20 +364,20 @@ body, html {
em { em {
font-style: normal; } font-style: normal; }
/* line 69, ../../../../general/res/sass/_global.scss */ /* line 68, ../../../../general/res/sass/_global.scss */
input, textarea { input, textarea {
font-family: Helvetica, Arial, sans-serif; } font-family: Helvetica, Arial, sans-serif; }
/* line 73, ../../../../general/res/sass/_global.scss */ /* line 72, ../../../../general/res/sass/_global.scss */
input[type="text"] { input[type="text"] {
vertical-align: baseline; vertical-align: baseline;
padding: 3px 5px !important; } padding: 3px 5px !important; }
/* line 78, ../../../../general/res/sass/_global.scss */ /* line 77, ../../../../general/res/sass/_global.scss */
h1, h2, h3 { h1, h2, h3 {
margin: 0; } margin: 0; }
/* line 82, ../../../../general/res/sass/_global.scss */ /* line 81, ../../../../general/res/sass/_global.scss */
h1 { h1 {
font-size: 1.7em; font-size: 1.7em;
font-weight: normal !important; font-weight: normal !important;
@ -385,15 +385,15 @@ h1 {
margin-bottom: 20px; margin-bottom: 20px;
margin-top: 0; } margin-top: 0; }
/* line 90, ../../../../general/res/sass/_global.scss */ /* line 89, ../../../../general/res/sass/_global.scss */
p { p {
margin-bottom: 10px; } margin-bottom: 10px; }
/* line 94, ../../../../general/res/sass/_global.scss */ /* line 93, ../../../../general/res/sass/_global.scss */
mct-container { mct-container {
display: block; } display: block; }
/* line 98, ../../../../general/res/sass/_global.scss */ /* line 97, ../../../../general/res/sass/_global.scss */
.abs, .s-menu span.l-click-area, .select span.l-click-area { .abs, .s-menu span.l-click-area, .select span.l-click-area {
position: absolute; position: absolute;
top: 0; top: 0;
@ -403,51 +403,42 @@ mct-container {
height: auto; height: auto;
width: auto; } width: auto; }
/* line 108, ../../../../general/res/sass/_global.scss */ /* line 107, ../../../../general/res/sass/_global.scss */
.code, .codehilite { .code, .codehilite {
font-family: "Lucida Console", monospace; font-family: "Lucida Console", monospace;
font-size: 0.7em; font-size: 0.7em;
line-height: 150%; line-height: 150%;
white-space: pre; } white-space: pre; }
/* line 115, ../../../../general/res/sass/_global.scss */ /* line 114, ../../../../general/res/sass/_global.scss */
.codehilite { .codehilite {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(153, 153, 153, 0.1);
padding: 1em; } padding: 1em; }
/* line 121, ../../../../general/res/sass/_global.scss */ /* line 120, ../../../../general/res/sass/_global.scss */
.align-right { .align-right {
text-align: right; } text-align: right; }
/* line 125, ../../../../general/res/sass/_global.scss */ /* line 124, ../../../../general/res/sass/_global.scss */
.centered { .centered {
text-align: center; } text-align: center; }
/* line 129, ../../../../general/res/sass/_global.scss */ /* line 128, ../../../../general/res/sass/_global.scss */
.no-margin { .no-margin {
margin: 0; } margin: 0; }
/* line 133, ../../../../general/res/sass/_global.scss */ /* line 132, ../../../../general/res/sass/_global.scss */
.colorKey {
color: #0099cc; }
/* line 137, ../../../../general/res/sass/_global.scss */
.ds { .ds {
-moz-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px;
-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px;
box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; } box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; }
/* line 141, ../../../../general/res/sass/_global.scss */ /* line 136, ../../../../general/res/sass/_global.scss */
.hide, .hide,
.hidden { .hidden {
display: none !important; } display: none !important; }
/* line 147, ../../../../general/res/sass/_global.scss */ /* line 141, ../../../../general/res/sass/_global.scss */
.paused:not(.s-btn):not(.s-menu):not(.select) {
border-color: #c56f01 !important;
color: #c56f01 !important; }
/* line 153, ../../../../general/res/sass/_global.scss */
.sep { .sep {
color: rgba(255, 255, 255, 0.2); } color: rgba(255, 255, 255, 0.2); }
@ -576,7 +567,7 @@ mct-container {
margin-left: 1.5em; } margin-left: 1.5em; }
/* line 39, ../../../../general/res/sass/_text.scss */ /* line 39, ../../../../general/res/sass/_text.scss */
.s-text h1, .s-text h2, .s-text h3 { .s-text h1, .s-text h2, .s-text h3 {
color: #fff; color: #cccccc;
font-weight: normal !important; font-weight: normal !important;
margin-bottom: 1em; } margin-bottom: 1em; }
/* line 45, ../../../../general/res/sass/_text.scss */ /* line 45, ../../../../general/res/sass/_text.scss */
@ -1310,42 +1301,7 @@ mct-container {
* 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.
*****************************************************************************/ *****************************************************************************/
/******* LAYOUT AND SIZING */ /* line 25, ../../../../general/res/sass/controls/_buttons.scss */
/*.l-btn {
@include user-select(none);
//line-height: 1.5em; // Was 1.25em
line-height: 150%;
padding: 0 $pad;
text-decoration: none;
&.lg,
&.create-btn {
$h: $ueTopBarH; // - $interiorMargin;
height: $h;
line-height: $h - 2;
padding: 0 $pad * 3;
}
&.create-btn {
font-size: 1em;
&:before {
content:"+";
font-family: symbolsfont;
}
.menu {
margin-left: $pad * -1;
}
>.ui-symbol {
//font-size: 1.1em; // Normalizing for new icomoon symbols font
}
}
&.sm {
padding: 0 $pad / $baseRatio;
}
&.vsm {
padding: 0 ($pad / $baseRatio) / 2;
}
}*/
/*********************************** STYLE STYLES */
/* line 61, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn, .s-menu, .select { .s-btn, .s-menu, .select {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -1360,20 +1316,20 @@ mct-container {
line-height: 25px; line-height: 25px;
padding: 0 7.5px; padding: 0 7.5px;
font-size: 0.7rem; } font-size: 0.7rem; }
/* line 71, ../../../../general/res/sass/controls/_buttons.scss */ /* line 35, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn .icon, .s-menu .icon, .select .icon { .s-btn .icon, .s-menu .icon, .select .icon {
font-size: 0.8rem; font-size: 0.8rem;
color: #0099cc; } color: #0099cc; }
/* line 76, ../../../../general/res/sass/controls/_buttons.scss */ /* line 40, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn .title-label, .s-menu .title-label, .select .title-label { .s-btn .title-label, .s-menu .title-label, .select .title-label {
vertical-align: top; } vertical-align: top; }
/* line 80, ../../../../general/res/sass/controls/_buttons.scss */ /* line 44, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.sm, .sm.s-menu, .sm.select { .s-btn.sm, .sm.s-menu, .sm.select {
padding: 0 5px; } padding: 0 5px; }
/* line 84, ../../../../general/res/sass/controls/_buttons.scss */ /* line 48, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.vsm, .vsm.s-menu, .vsm.select { .s-btn.vsm, .vsm.s-menu, .vsm.select {
padding: 0 2.5px; } padding: 0 2.5px; }
/* line 88, ../../../../general/res/sass/controls/_buttons.scss */ /* line 52, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.major, .major.s-menu, .major.select { .s-btn.major, .major.s-menu, .major.select {
background-color: #0099cc; background-color: #0099cc;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -1397,18 +1353,22 @@ mct-container {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; } text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu .icon, .major.select .icon { .s-btn.major .icon, .major.s-menu .icon, .major.select .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu:not(.disabled):hover, .major.select:not(.disabled):hover { .s-btn.major:not(.disabled):hover, .major.s-menu:not(.disabled):hover, .major.select:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); } background: linear-gradient(#1ac6ff, #00bfff); }
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover > .icon, .major.s-menu:not(.disabled):hover > .icon, .major.select:not(.disabled):hover > .icon { .s-btn.major:not(.disabled):hover > .icon, .major.s-menu:not(.disabled):hover > .icon, .major.select:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 94, ../../../../general/res/sass/controls/_buttons.scss */ /* line 58, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn:not(.major), .s-menu:not(.major), .select:not(.major) { .s-btn:not(.major), .s-menu:not(.major), .select:not(.major) {
background-color: #454545; background-color: #454545;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -1432,21 +1392,25 @@ mct-container {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; } text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu:not(.major) .icon, .select:not(.major) .icon { .s-btn:not(.major) .icon, .s-menu:not(.major) .icon, .select:not(.major) .icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu:not(.major):not(.disabled):hover, .select:not(.major):not(.disabled):hover { .s-btn:not(.major):not(.disabled):hover, .s-menu:not(.major):not(.disabled):hover, .select:not(.major):not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); } background: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu:not(.major):not(.disabled):hover > .icon, .select:not(.major):not(.disabled):hover > .icon { .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu:not(.major):not(.disabled):hover > .icon, .select:not(.major):not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 113, ../../../../general/res/sass/controls/_buttons.scss */ /* line 77, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play .icon:before, .pause-play.s-menu .icon:before, .pause-play.select .icon:before { .s-btn.pause-play .icon:before, .pause-play.s-menu .icon:before, .pause-play.select .icon:before {
content: "\0000F1"; } content: "\0000F1"; }
/* line 116, ../../../../general/res/sass/controls/_buttons.scss */ /* line 80, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused, .pause-play.paused.s-menu, .pause-play.paused.select { .s-btn.pause-play.paused, .pause-play.paused.s-menu, .pause-play.paused.select {
background-color: #c56f01; background-color: #c56f01;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -1470,18 +1434,22 @@ mct-container {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; } text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu:not(.disabled):hover, .pause-play.paused.select:not(.disabled):hover { .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu:not(.disabled):hover, .pause-play.paused.select:not(.disabled):hover {
background: linear-gradient(#fe9815, #f88c01); } background: linear-gradient(#fe9815, #f88c01); }
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu:not(.disabled):hover > .icon, .pause-play.paused.select:not(.disabled):hover > .icon { .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu:not(.disabled):hover > .icon, .pause-play.paused.select:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 118, ../../../../general/res/sass/controls/_buttons.scss */ /* line 82, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon {
-moz-animation-name: pulse; -moz-animation-name: pulse;
-webkit-animation-name: pulse; -webkit-animation-name: pulse;
@ -1498,23 +1466,23 @@ mct-container {
-moz-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; } animation-timing-function: ease-in-out; }
/* line 120, ../../../../general/res/sass/controls/_buttons.scss */ /* line 84, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu .icon :before, .pause-play.paused.select .icon :before { .s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu .icon :before, .pause-play.paused.select .icon :before {
content: "\0000EF"; } content: "\0000EF"; }
/* line 128, ../../../../general/res/sass/controls/_buttons.scss */ /* line 92, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu .icon:before, .show-thumbs.select .icon:before { .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu .icon:before, .show-thumbs.select .icon:before {
content: "\000039"; } content: "\000039"; }
/* line 134, ../../../../general/res/sass/controls/_buttons.scss */ /* line 98, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set { .l-btn-set {
font-size: 0; } font-size: 0; }
/* line 140, ../../../../general/res/sass/controls/_buttons.scss */ /* line 104, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu, .l-btn-set .select { .l-btn-set .s-btn, .l-btn-set .s-menu, .l-btn-set .select {
-moz-border-radius: 0; -moz-border-radius: 0;
-webkit-border-radius: 0; -webkit-border-radius: 0;
border-radius: 0; border-radius: 0;
margin-left: 1px; } margin-left: 1px; }
/* line 146, ../../../../general/res/sass/controls/_buttons.scss */ /* line 110, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu, .l-btn-set .first .select { .l-btn-set .first .s-btn, .l-btn-set .first .s-menu, .l-btn-set .first .select {
-moz-border-radius-topleft: 3px; -moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px;
@ -1523,7 +1491,7 @@ mct-container {
-webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
margin-left: 0; } margin-left: 0; }
/* line 153, ../../../../general/res/sass/controls/_buttons.scss */ /* line 117, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu, .l-btn-set .last .select { .l-btn-set .last .s-btn, .l-btn-set .last .s-menu, .l-btn-set .last .select {
-moz-border-radius-topright: 3px; -moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px;
@ -1532,18 +1500,11 @@ mct-container {
-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px; } border-bottom-right-radius: 3px; }
/*********************************** LAYOUT STYLES */ /* line 124, ../../../../general/res/sass/controls/_buttons.scss */
/* .paused:not(.s-btn):not(.s-menu):not(.select) {
border-color: #c56f01 !important;
color: #c56f01 !important; }
span.s-btn,
span.s-btn span,
a.s-btn,
a.s-btn span,
a.s-btn,
a.s-btn span {
display: inline-block;
}
*/
/***************************************************************************** /*****************************************************************************
* 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
@ -1956,6 +1917,10 @@ label.checkbox.custom {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
cursor: ew-resize; cursor: ew-resize;
position: absolute; position: absolute;
@ -1965,14 +1930,14 @@ label.checkbox.custom {
auto: 0; auto: 0;
bottom: auto; bottom: auto;
left: auto; } left: auto; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.slider .knob .icon { .slider .knob .icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.slider .knob:not(.disabled):hover { .slider .knob:not(.disabled):hover {
background: linear-gradient(#595959, #4d4d4d); } background: linear-gradient(#595959, #4d4d4d); }
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.slider .knob:not(.disabled):hover > .icon { .slider .knob:not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 159, ../../../../general/res/sass/_mixins.scss */ /* line 159, ../../../../general/res/sass/_mixins.scss */
@ -2195,7 +2160,7 @@ label.checkbox.custom {
.menu-element .menu ul { .menu-element .menu ul {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 344, ../../../../general/res/sass/_mixins.scss */ /* line 345, ../../../../general/res/sass/_mixins.scss */
.menu-element .menu ul li { .menu-element .menu ul li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@ -2612,7 +2577,7 @@ label.checkbox.custom {
padding: 0 3px; padding: 0 3px;
position: relative; position: relative;
height: 150px; } height: 150px; }
/* line 295, ../../../../general/res/sass/_mixins.scss */ /* line 296, ../../../../general/res/sass/_mixins.scss */
.form .form-row .selector-list.error { .form .form-row .selector-list.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 124, ../../../../general/res/sass/forms/_elems.scss */ /* line 124, ../../../../general/res/sass/forms/_elems.scss */
@ -2669,7 +2634,7 @@ input[type="text"] {
color: #cccccc; color: #cccccc;
outline: none; outline: none;
padding: 0 3px; } padding: 0 3px; }
/* line 295, ../../../../general/res/sass/_mixins.scss */ /* line 296, ../../../../general/res/sass/_mixins.scss */
input[type="text"].error { input[type="text"].error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 172, ../../../../general/res/sass/forms/_elems.scss */ /* line 172, ../../../../general/res/sass/forms/_elems.scss */
@ -2697,7 +2662,7 @@ textarea {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; } width: 100%; }
/* line 295, ../../../../general/res/sass/_mixins.scss */ /* line 296, ../../../../general/res/sass/_mixins.scss */
textarea.error { textarea.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
@ -2746,18 +2711,22 @@ textarea {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
margin: 0 0 2px 2px; margin: 0 0 2px 2px;
overflow: hidden; overflow: hidden;
position: relative; } position: relative; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.select .icon { .select .icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover { .select:not(.disabled):hover {
background: linear-gradient(#595959, #4d4d4d); } background: linear-gradient(#595959, #4d4d4d); }
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover > .icon { .select:not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 30, ../../../../general/res/sass/forms/_selects.scss */ /* line 30, ../../../../general/res/sass/forms/_selects.scss */
@ -2830,7 +2799,7 @@ textarea {
max-height: 400px; max-height: 400px;
overflow: auto; overflow: auto;
padding: 5px; } padding: 5px; }
/* line 295, ../../../../general/res/sass/_mixins.scss */ /* line 296, ../../../../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 */
@ -2987,7 +2956,7 @@ span.req {
padding: 0 3px; padding: 0 3px;
background: #3b3b3b; background: #3b3b3b;
border-bottom: 1px solid #4d4d4d; } border-bottom: 1px solid #4d4d4d; }
/* line 295, ../../../../general/res/sass/_mixins.scss */ /* line 296, ../../../../general/res/sass/_mixins.scss */
.filter input.filter.error, .filter input.filter.error,
.filter input.t-filter-input.error, .filter input.t-filter-input.error,
.t-filter input.filter.error, .t-filter input.filter.error,
@ -3783,7 +3752,10 @@ span.req {
.search .search-bar .clear-icon, .search .search-bar .clear-icon,
.search .search-bar .menu-icon { .search .search-bar .menu-icon {
cursor: pointer; cursor: pointer;
transition: color .25s; } -moz-transition: color, 0.25s;
-o-transition: color, 0.25s;
-webkit-transition: color, 0.25s;
transition: color, 0.25s; }
/* line 87, ../../../../general/res/sass/search/_search.scss */ /* line 87, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .search-input { .search .search-bar .search-input {
position: relative; position: relative;
@ -4040,15 +4012,19 @@ span.req {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; } text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu:not(.major) .icon, .overlay .bottom-bar .select:not(.major) .icon { .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu:not(.major) .icon, .overlay .bottom-bar .select:not(.major) .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover, .overlay .bottom-bar .select:not(.major):not(.disabled):hover { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover, .overlay .bottom-bar .select:not(.major):not(.disabled):hover {
background: linear-gradient(#a6a6a6, #999999); } background: linear-gradient(#a6a6a6, #999999); }
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .select:not(.major):not(.disabled):hover > .icon { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .select:not(.major):not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 85, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
@ -4127,7 +4103,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 344, ../../../../general/res/sass/_mixins.scss */ /* line 345, ../../../../general/res/sass/_mixins.scss */
ul.tree li { ul.tree li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@ -5389,6 +5365,10 @@ table {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
box-sizing: border-box; box-sizing: border-box;
cursor: pointer; cursor: pointer;
@ -5398,32 +5378,32 @@ table {
margin-bottom: 3px; margin-bottom: 3px;
margin-right: 3px; margin-right: 3px;
position: relative; } position: relative; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item .icon { .items-holder .item.grid-item .icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover { .items-holder .item.grid-item:not(.disabled):hover {
background: linear-gradient(#666666, #595959); } background: linear-gradient(#666666, #595959); }
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover > .icon { .items-holder .item.grid-item:not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 46, ../../../../general/res/sass/items/_item.scss */ /* line 45, ../../../../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; }
/* line 48, ../../../../general/res/sass/items/_item.scss */ /* line 47, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-type .l-icon-link { .items-holder .item.grid-item:hover .item-main .item-type .l-icon-link {
color: #49dedb; } color: #49dedb; }
/* line 52, ../../../../general/res/sass/items/_item.scss */ /* line 51, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-open { .items-holder .item.grid-item:hover .item-main .item-open {
opacity: 1; } opacity: 1; }
/* line 57, ../../../../general/res/sass/items/_item.scss */ /* line 55, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .contents { .items-holder .item.grid-item .contents {
top: 10px; top: 10px;
right: 10px; right: 10px;
bottom: 10px; bottom: 10px;
left: 10px; } left: 10px; }
/* line 63, ../../../../general/res/sass/items/_item.scss */ /* line 61, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar { .items-holder .item.grid-item .bar.top-bar {
bottom: auto; bottom: auto;
color: #8c8c8c; color: #8c8c8c;
@ -5431,24 +5411,24 @@ table {
line-height: 20px; line-height: 20px;
text-align: right; text-align: right;
z-index: 5; } z-index: 5; }
/* line 70, ../../../../general/res/sass/items/_item.scss */ /* line 68, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar .left, .items-holder .item.grid-item .bar.top-bar .right { .items-holder .item.grid-item .bar.top-bar .left, .items-holder .item.grid-item .bar.top-bar .right {
width: auto; } width: auto; }
/* line 72, ../../../../general/res/sass/items/_item.scss */ /* line 70, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar .left .icon, .items-holder .item.grid-item .bar.top-bar .right .icon { .items-holder .item.grid-item .bar.top-bar .left .icon, .items-holder .item.grid-item .bar.top-bar .right .icon {
margin-left: 3px; } margin-left: 3px; }
/* line 74, ../../../../general/res/sass/items/_item.scss */ /* line 72, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .right .icon.l-icon-link { .items-holder .item.grid-item .bar.top-bar .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .right .icon.l-icon-link {
color: #49dedb; } color: #49dedb; }
/* line 80, ../../../../general/res/sass/items/_item.scss */ /* line 78, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { .items-holder .item.grid-item .bar.bottom-bar {
top: auto; top: auto;
line-height: 110%; } line-height: 110%; }
/* line 86, ../../../../general/res/sass/items/_item.scss */ /* line 83, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main { .items-holder .item.grid-item .item-main {
line-height: 160px; line-height: 160px;
z-index: 1; } z-index: 1; }
/* line 92, ../../../../general/res/sass/items/_item.scss */ /* line 89, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
overflow: false; overflow: false;
position: absolute; position: absolute;
@ -5458,14 +5438,13 @@ table {
left: 40px; left: 40px;
width: auto; width: auto;
height: auto; height: auto;
color: #0099cc;
text-align: center; text-align: center;
font-size: 96.9px; font-size: 96.9px;
line-height: 102px; line-height: 102px;
bottom: auto; bottom: auto;
height: 102px; height: 102px;
top: 30px; } top: 30px; }
/* line 104, ../../../../general/res/sass/items/_item.scss */ /* line 100, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-type .l-icon-link { .items-holder .item.grid-item .item-main .item-type .l-icon-link {
color: #49dedb; color: #49dedb;
height: auto; height: auto;
@ -5475,7 +5454,7 @@ table {
left: 0px; left: 0px;
bottom: 10px; bottom: 10px;
z-index: 2; } z-index: 2; }
/* line 116, ../../../../general/res/sass/items/_item.scss */ /* line 111, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
-moz-transition-property: "opacity"; -moz-transition-property: "opacity";
-o-transition-property: "opacity"; -o-transition-property: "opacity";
@ -5496,14 +5475,14 @@ table {
width: 50px; width: 50px;
pointer-events: none; pointer-events: none;
text-align: right; } text-align: right; }
/* line 127, ../../../../general/res/sass/items/_item.scss */ /* line 121, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .title { .items-holder .item.grid-item .title {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
color: #bfbfbf; } color: #bfbfbf; }
/* line 132, ../../../../general/res/sass/items/_item.scss */ /* line 126, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .details { .items-holder .item.grid-item .details {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
overflow: hidden; overflow: hidden;
@ -5511,7 +5490,7 @@ table {
white-space: nowrap; white-space: nowrap;
color: #8c8c8c; color: #8c8c8c;
font-size: 0.8em; } font-size: 0.8em; }
/* line 138, ../../../../general/res/sass/items/_item.scss */ /* line 132, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected { .items-holder .item.grid-item.selected {
background-color: #0099cc; background-color: #0099cc;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -5535,28 +5514,32 @@ table {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px; text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
color: #80dfff; } color: #80dfff; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected .icon { .items-holder .item.grid-item.selected .icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover { .items-holder .item.grid-item.selected:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); } background: linear-gradient(#1ac6ff, #00bfff); }
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover > .icon { .items-holder .item.grid-item.selected:not(.disabled):hover > .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 143, ../../../../general/res/sass/items/_item.scss */ /* line 137, ../../../../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 .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) {
color: #80dfff; } color: #80dfff; }
/* line 144, ../../../../general/res/sass/items/_item.scss */ /* line 138, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-main .item-open { .items-holder .item.grid-item.selected .item-main .item-open {
color: #80dfff; } color: #80dfff; }
/* line 145, ../../../../general/res/sass/items/_item.scss */ /* line 139, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected .title { .items-holder .item.grid-item.selected .title {
color: white; } color: white; }
/* line 147, ../../../../general/res/sass/items/_item.scss */ /* line 141, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected:hover .item-main .item-type { .items-holder .item.grid-item.selected:hover .item-main .item-type {
color: white !important; } color: white !important; }

11
platform/commonUI/themes/espresso/res/sass/_constants.scss

@ -65,8 +65,8 @@ $styleTelemStale: italic;
// Bubble colors // Bubble colors
$colorInfoBubbleFg: #666; $colorInfoBubbleFg: #666;
$colorInfoBubbleBg: #ddd; $colorInfoBubbleBg: #ddd;
$colorThumbsBubbleFg: lighten($colorBodyFg, 10%); $colorThumbsBubbleFg: pullForward($colorBodyFg, 10%);
$colorThumbsBubbleBg: lighten($colorBodyBg, 10%); $colorThumbsBubbleBg: pullForward($colorBodyBg, 10%);
// Overlay // Overlay
$colorOvrBlocker: rgba(black, 0.7); $colorOvrBlocker: rgba(black, 0.7);
@ -79,7 +79,7 @@ $colorOvrBtnFg: #fff;
$colorItemBg: lighten($colorBodyBg, 5%); $colorItemBg: lighten($colorBodyBg, 5%);
$colorItemFg: lighten($colorItemBg, 50%); $colorItemFg: lighten($colorItemBg, 50%);
$colorItemFgDetails: lighten($colorItemBg, 30%); $colorItemFgDetails: lighten($colorItemBg, 30%);
$colorItemIcon: $colorKey; //pullForward($colorItemFg, 20%); $colorItemIc: $colorKey; //pullForward($colorItemFg, 20%);
$colorItemSubIcons: $colorItemFgDetails; $colorItemSubIcons: $colorItemFgDetails;
$colorItemOpenIcon: $colorItemFgDetails; $colorItemOpenIcon: $colorItemFgDetails;
$shdwItemText: rgba(black, 0.1) 0 1px 2px; $shdwItemText: rgba(black, 0.1) 0 1px 2px;
@ -124,4 +124,7 @@ $splitterEndCr: 1px;
$colorGrippyInteriorHover: $colorKey; $colorGrippyInteriorHover: $colorKey;
// Mobile // Mobile
$colorMobilePaneLeft: darken($colorBodyBg, 5%); $colorMobilePaneLeft: darken($colorBodyBg, 5%);
// About Screen
$colorAboutLink: #84b3ff;

263
platform/commonUI/themes/snow/res/css/theme-snow.css

@ -364,20 +364,20 @@ body, html {
em { em {
font-style: normal; } font-style: normal; }
/* line 69, ../../../../general/res/sass/_global.scss */ /* line 68, ../../../../general/res/sass/_global.scss */
input, textarea { input, textarea {
font-family: Helvetica, Arial, sans-serif; } font-family: Helvetica, Arial, sans-serif; }
/* line 73, ../../../../general/res/sass/_global.scss */ /* line 72, ../../../../general/res/sass/_global.scss */
input[type="text"] { input[type="text"] {
vertical-align: baseline; vertical-align: baseline;
padding: 3px 5px !important; } padding: 3px 5px !important; }
/* line 78, ../../../../general/res/sass/_global.scss */ /* line 77, ../../../../general/res/sass/_global.scss */
h1, h2, h3 { h1, h2, h3 {
margin: 0; } margin: 0; }
/* line 82, ../../../../general/res/sass/_global.scss */ /* line 81, ../../../../general/res/sass/_global.scss */
h1 { h1 {
font-size: 1.7em; font-size: 1.7em;
font-weight: normal !important; font-weight: normal !important;
@ -385,15 +385,15 @@ h1 {
margin-bottom: 20px; margin-bottom: 20px;
margin-top: 0; } margin-top: 0; }
/* line 90, ../../../../general/res/sass/_global.scss */ /* line 89, ../../../../general/res/sass/_global.scss */
p { p {
margin-bottom: 10px; } margin-bottom: 10px; }
/* line 94, ../../../../general/res/sass/_global.scss */ /* line 93, ../../../../general/res/sass/_global.scss */
mct-container { mct-container {
display: block; } display: block; }
/* line 98, ../../../../general/res/sass/_global.scss */ /* line 97, ../../../../general/res/sass/_global.scss */
.abs, .s-menu span.l-click-area, .select span.l-click-area { .abs, .s-menu span.l-click-area, .select span.l-click-area {
position: absolute; position: absolute;
top: 0; top: 0;
@ -403,51 +403,42 @@ mct-container {
height: auto; height: auto;
width: auto; } width: auto; }
/* line 108, ../../../../general/res/sass/_global.scss */ /* line 107, ../../../../general/res/sass/_global.scss */
.code, .codehilite { .code, .codehilite {
font-family: "Lucida Console", monospace; font-family: "Lucida Console", monospace;
font-size: 0.7em; font-size: 0.7em;
line-height: 150%; line-height: 150%;
white-space: pre; } white-space: pre; }
/* line 115, ../../../../general/res/sass/_global.scss */ /* line 114, ../../../../general/res/sass/_global.scss */
.codehilite { .codehilite {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(102, 102, 102, 0.1);
padding: 1em; } padding: 1em; }
/* line 121, ../../../../general/res/sass/_global.scss */ /* line 120, ../../../../general/res/sass/_global.scss */
.align-right { .align-right {
text-align: right; } text-align: right; }
/* line 125, ../../../../general/res/sass/_global.scss */ /* line 124, ../../../../general/res/sass/_global.scss */
.centered { .centered {
text-align: center; } text-align: center; }
/* line 129, ../../../../general/res/sass/_global.scss */ /* line 128, ../../../../general/res/sass/_global.scss */
.no-margin { .no-margin {
margin: 0; } margin: 0; }
/* line 133, ../../../../general/res/sass/_global.scss */ /* line 132, ../../../../general/res/sass/_global.scss */
.colorKey {
color: #0099cc; }
/* line 137, ../../../../general/res/sass/_global.scss */
.ds { .ds {
-moz-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px;
-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px;
box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; } box-shadow: rgba(0, 0, 0, 0.7) 0 4px 10px 2px; }
/* line 141, ../../../../general/res/sass/_global.scss */ /* line 136, ../../../../general/res/sass/_global.scss */
.hide, .hide,
.hidden { .hidden {
display: none !important; } display: none !important; }
/* line 147, ../../../../general/res/sass/_global.scss */ /* line 141, ../../../../general/res/sass/_global.scss */
.paused:not(.s-btn):not(.s-menu):not(.select) {
border-color: #ff9900 !important;
color: #ff9900 !important; }
/* line 153, ../../../../general/res/sass/_global.scss */
.sep { .sep {
color: rgba(255, 255, 255, 0.2); } color: rgba(255, 255, 255, 0.2); }
@ -534,7 +525,7 @@ mct-container {
border-top: none; } border-top: none; }
/* line 91, ../../../../general/res/sass/_about.scss */ /* line 91, ../../../../general/res/sass/_about.scss */
.s-about .l-licenses-software .l-license-software em { .s-about .l-licenses-software .l-license-software em {
color: #333333; } color: #999999; }
/* line 98, ../../../../general/res/sass/_about.scss */ /* line 98, ../../../../general/res/sass/_about.scss */
.s-about .l-licenses-software .l-license-software h3 { .s-about .l-licenses-software .l-license-software h3 {
font-size: 1.25em; } font-size: 1.25em; }
@ -576,7 +567,7 @@ mct-container {
margin-left: 1.5em; } margin-left: 1.5em; }
/* line 39, ../../../../general/res/sass/_text.scss */ /* line 39, ../../../../general/res/sass/_text.scss */
.s-text h1, .s-text h2, .s-text h3 { .s-text h1, .s-text h2, .s-text h3 {
color: #fff; color: #333333;
font-weight: normal !important; font-weight: normal !important;
margin-bottom: 1em; } margin-bottom: 1em; }
/* line 45, ../../../../general/res/sass/_text.scss */ /* line 45, ../../../../general/res/sass/_text.scss */
@ -873,14 +864,14 @@ mct-container {
height: 0; height: 0;
border-left: 6.66667px solid transparent; border-left: 6.66667px solid transparent;
border-right: 6.66667px solid transparent; border-right: 6.66667px solid transparent;
border-bottom: 10px solid white; } border-bottom: 10px solid #e3e3e3; }
/* line 145, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 145, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-thumbsbubble-wrapper .arw-down { .l-thumbsbubble-wrapper .arw-down {
width: 0; width: 0;
height: 0; height: 0;
border-left: 6.66667px solid transparent; border-left: 6.66667px solid transparent;
border-right: 6.66667px solid transparent; border-right: 6.66667px solid transparent;
border-top: 10px solid white; } border-top: 10px solid #e3e3e3; }
/* line 150, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 150, ../../../../general/res/sass/helpers/_bubbles.scss */
.s-infobubble { .s-infobubble {
@ -917,8 +908,8 @@ mct-container {
/* line 188, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 188, ../../../../general/res/sass/helpers/_bubbles.scss */
.s-thumbsbubble { .s-thumbsbubble {
background: white; background: #e3e3e3;
color: gray; } color: #4d4d4d; }
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
@ -1307,42 +1298,7 @@ mct-container {
* 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.
*****************************************************************************/ *****************************************************************************/
/******* LAYOUT AND SIZING */ /* line 25, ../../../../general/res/sass/controls/_buttons.scss */
/*.l-btn {
@include user-select(none);
//line-height: 1.5em; // Was 1.25em
line-height: 150%;
padding: 0 $pad;
text-decoration: none;
&.lg,
&.create-btn {
$h: $ueTopBarH; // - $interiorMargin;
height: $h;
line-height: $h - 2;
padding: 0 $pad * 3;
}
&.create-btn {
font-size: 1em;
&:before {
content:"+";
font-family: symbolsfont;
}
.menu {
margin-left: $pad * -1;
}
>.ui-symbol {
//font-size: 1.1em; // Normalizing for new icomoon symbols font
}
}
&.sm {
padding: 0 $pad / $baseRatio;
}
&.vsm {
padding: 0 ($pad / $baseRatio) / 2;
}
}*/
/*********************************** STYLE STYLES */
/* line 61, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn, .s-menu, .select { .s-btn, .s-menu, .select {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -1357,20 +1313,20 @@ mct-container {
line-height: 25px; line-height: 25px;
padding: 0 7.5px; padding: 0 7.5px;
font-size: 0.7rem; } font-size: 0.7rem; }
/* line 71, ../../../../general/res/sass/controls/_buttons.scss */ /* line 35, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn .icon, .s-menu .icon, .select .icon { .s-btn .icon, .s-menu .icon, .select .icon {
font-size: 0.8rem; font-size: 0.8rem;
color: #0099cc; } color: #0099cc; }
/* line 76, ../../../../general/res/sass/controls/_buttons.scss */ /* line 40, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn .title-label, .s-menu .title-label, .select .title-label { .s-btn .title-label, .s-menu .title-label, .select .title-label {
vertical-align: top; } vertical-align: top; }
/* line 80, ../../../../general/res/sass/controls/_buttons.scss */ /* line 44, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.sm, .sm.s-menu, .sm.select { .s-btn.sm, .sm.s-menu, .sm.select {
padding: 0 5px; } padding: 0 5px; }
/* line 84, ../../../../general/res/sass/controls/_buttons.scss */ /* line 48, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.vsm, .vsm.s-menu, .vsm.select { .s-btn.vsm, .vsm.s-menu, .vsm.select {
padding: 0 2.5px; } padding: 0 2.5px; }
/* line 88, ../../../../general/res/sass/controls/_buttons.scss */ /* line 52, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.major, .major.s-menu, .major.select { .s-btn.major, .major.s-menu, .major.select {
background-color: #0099cc; background-color: #0099cc;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -1385,18 +1341,22 @@ mct-container {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; } text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu .icon, .major.select .icon { .s-btn.major .icon, .major.s-menu .icon, .major.select .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu:not(.disabled):hover, .major.select:not(.disabled):hover { .s-btn.major:not(.disabled):hover, .major.s-menu:not(.disabled):hover, .major.select:not(.disabled):hover {
background: deepskyblue; } background: deepskyblue; }
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover > .icon, .major.s-menu:not(.disabled):hover > .icon, .major.select:not(.disabled):hover > .icon { .s-btn.major:not(.disabled):hover > .icon, .major.s-menu:not(.disabled):hover > .icon, .major.select:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 94, ../../../../general/res/sass/controls/_buttons.scss */ /* line 58, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn:not(.major), .s-menu:not(.major), .select:not(.major) { .s-btn:not(.major), .s-menu:not(.major), .select:not(.major) {
background-color: #b0b0b0; background-color: #b0b0b0;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -1411,21 +1371,25 @@ mct-container {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; } text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu:not(.major) .icon, .select:not(.major) .icon { .s-btn:not(.major) .icon, .s-menu:not(.major) .icon, .select:not(.major) .icon {
color: #eee; } color: #eee; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu:not(.major):not(.disabled):hover, .select:not(.major):not(.disabled):hover { .s-btn:not(.major):not(.disabled):hover, .s-menu:not(.major):not(.disabled):hover, .select:not(.major):not(.disabled):hover {
background: #0099cc; } background: #0099cc; }
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover > .icon, .s-menu:not(.major):not(.disabled):hover > .icon, .select:not(.major):not(.disabled):hover > .icon { .s-btn:not(.major):not(.disabled):hover > .icon, .s-menu:not(.major):not(.disabled):hover > .icon, .select:not(.major):not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 113, ../../../../general/res/sass/controls/_buttons.scss */ /* line 77, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play .icon:before, .pause-play.s-menu .icon:before, .pause-play.select .icon:before { .s-btn.pause-play .icon:before, .pause-play.s-menu .icon:before, .pause-play.select .icon:before {
content: "\0000F1"; } content: "\0000F1"; }
/* line 116, ../../../../general/res/sass/controls/_buttons.scss */ /* line 80, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused, .pause-play.paused.s-menu, .pause-play.paused.select { .s-btn.pause-play.paused, .pause-play.paused.s-menu, .pause-play.paused.select {
background-color: #ff9900; background-color: #ff9900;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -1440,18 +1404,22 @@ mct-container {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; } text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu:not(.disabled):hover, .pause-play.paused.select:not(.disabled):hover { .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu:not(.disabled):hover, .pause-play.paused.select:not(.disabled):hover {
background: #ffad33; } background: #ffad33; }
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu:not(.disabled):hover > .icon, .pause-play.paused.select:not(.disabled):hover > .icon { .s-btn.pause-play.paused:not(.disabled):hover > .icon, .pause-play.paused.s-menu:not(.disabled):hover > .icon, .pause-play.paused.select:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 118, ../../../../general/res/sass/controls/_buttons.scss */ /* line 82, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu .icon, .pause-play.paused.select .icon {
-moz-animation-name: pulse; -moz-animation-name: pulse;
-webkit-animation-name: pulse; -webkit-animation-name: pulse;
@ -1468,23 +1436,23 @@ mct-container {
-moz-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; } animation-timing-function: ease-in-out; }
/* line 120, ../../../../general/res/sass/controls/_buttons.scss */ /* line 84, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu .icon :before, .pause-play.paused.select .icon :before { .s-btn.pause-play.paused .icon :before, .pause-play.paused.s-menu .icon :before, .pause-play.paused.select .icon :before {
content: "\0000EF"; } content: "\0000EF"; }
/* line 128, ../../../../general/res/sass/controls/_buttons.scss */ /* line 92, ../../../../general/res/sass/controls/_buttons.scss */
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu .icon:before, .show-thumbs.select .icon:before { .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu .icon:before, .show-thumbs.select .icon:before {
content: "\000039"; } content: "\000039"; }
/* line 134, ../../../../general/res/sass/controls/_buttons.scss */ /* line 98, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set { .l-btn-set {
font-size: 0; } font-size: 0; }
/* line 140, ../../../../general/res/sass/controls/_buttons.scss */ /* line 104, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .s-btn, .l-btn-set .s-menu, .l-btn-set .select { .l-btn-set .s-btn, .l-btn-set .s-menu, .l-btn-set .select {
-moz-border-radius: 0; -moz-border-radius: 0;
-webkit-border-radius: 0; -webkit-border-radius: 0;
border-radius: 0; border-radius: 0;
margin-left: 1px; } margin-left: 1px; }
/* line 146, ../../../../general/res/sass/controls/_buttons.scss */ /* line 110, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .first .s-btn, .l-btn-set .first .s-menu, .l-btn-set .first .select { .l-btn-set .first .s-btn, .l-btn-set .first .s-menu, .l-btn-set .first .select {
-moz-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px;
@ -1493,7 +1461,7 @@ mct-container {
-webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
margin-left: 0; } margin-left: 0; }
/* line 153, ../../../../general/res/sass/controls/_buttons.scss */ /* line 117, ../../../../general/res/sass/controls/_buttons.scss */
.l-btn-set .last .s-btn, .l-btn-set .last .s-menu, .l-btn-set .last .select { .l-btn-set .last .s-btn, .l-btn-set .last .s-menu, .l-btn-set .last .select {
-moz-border-radius-topright: 4px; -moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px;
@ -1502,18 +1470,11 @@ mct-container {
-webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px; } border-bottom-right-radius: 4px; }
/*********************************** LAYOUT STYLES */ /* line 124, ../../../../general/res/sass/controls/_buttons.scss */
/* .paused:not(.s-btn):not(.s-menu):not(.select) {
border-color: #ff9900 !important;
color: #ff9900 !important; }
span.s-btn,
span.s-btn span,
a.s-btn,
a.s-btn span,
a.s-btn,
a.s-btn span {
display: inline-block;
}
*/
/***************************************************************************** /*****************************************************************************
* 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
@ -1917,6 +1878,10 @@ label.checkbox.custom {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
cursor: ew-resize; cursor: ew-resize;
position: absolute; position: absolute;
@ -1926,7 +1891,7 @@ label.checkbox.custom {
auto: 0; auto: 0;
bottom: auto; bottom: auto;
left: auto; } left: auto; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.slider .knob .icon { .slider .knob .icon {
color: #eee; } color: #eee; }
/* line 159, ../../../../general/res/sass/_mixins.scss */ /* line 159, ../../../../general/res/sass/_mixins.scss */
@ -2143,7 +2108,7 @@ label.checkbox.custom {
.menu-element .menu ul { .menu-element .menu ul {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 344, ../../../../general/res/sass/_mixins.scss */ /* line 345, ../../../../general/res/sass/_mixins.scss */
.menu-element .menu ul li { .menu-element .menu ul li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@ -2560,7 +2525,7 @@ label.checkbox.custom {
padding: 0 3px; padding: 0 3px;
position: relative; position: relative;
height: 150px; } height: 150px; }
/* line 295, ../../../../general/res/sass/_mixins.scss */ /* line 296, ../../../../general/res/sass/_mixins.scss */
.form .form-row .selector-list.error { .form .form-row .selector-list.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 124, ../../../../general/res/sass/forms/_elems.scss */ /* line 124, ../../../../general/res/sass/forms/_elems.scss */
@ -2617,7 +2582,7 @@ input[type="text"] {
color: #666; color: #666;
outline: none; outline: none;
padding: 0 3px; } padding: 0 3px; }
/* line 295, ../../../../general/res/sass/_mixins.scss */ /* line 296, ../../../../general/res/sass/_mixins.scss */
input[type="text"].error { input[type="text"].error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 172, ../../../../general/res/sass/forms/_elems.scss */ /* line 172, ../../../../general/res/sass/forms/_elems.scss */
@ -2645,7 +2610,7 @@ textarea {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; } width: 100%; }
/* line 295, ../../../../general/res/sass/_mixins.scss */ /* line 296, ../../../../general/res/sass/_mixins.scss */
textarea.error { textarea.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
@ -2685,11 +2650,15 @@ textarea {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
margin: 0 0 2px 2px; margin: 0 0 2px 2px;
overflow: hidden; overflow: hidden;
position: relative; } position: relative; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.select .icon { .select .icon {
color: #eee; } color: #eee; }
/* line 30, ../../../../general/res/sass/forms/_selects.scss */ /* line 30, ../../../../general/res/sass/forms/_selects.scss */
@ -2762,7 +2731,7 @@ textarea {
max-height: 400px; max-height: 400px;
overflow: auto; overflow: auto;
padding: 5px; } padding: 5px; }
/* line 295, ../../../../general/res/sass/_mixins.scss */ /* line 296, ../../../../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 */
@ -2919,7 +2888,7 @@ span.req {
padding: 0 3px; padding: 0 3px;
background: white; background: white;
border-bottom: 1px solid white; } border-bottom: 1px solid white; }
/* line 295, ../../../../general/res/sass/_mixins.scss */ /* line 296, ../../../../general/res/sass/_mixins.scss */
.filter input.filter.error, .filter input.filter.error,
.filter input.t-filter-input.error, .filter input.t-filter-input.error,
.t-filter input.filter.error, .t-filter input.filter.error,
@ -3715,7 +3684,10 @@ span.req {
.search .search-bar .clear-icon, .search .search-bar .clear-icon,
.search .search-bar .menu-icon { .search .search-bar .menu-icon {
cursor: pointer; cursor: pointer;
transition: color .25s; } -moz-transition: color, 0.25s;
-o-transition: color, 0.25s;
-webkit-transition: color, 0.25s;
transition: color, 0.25s; }
/* line 87, ../../../../general/res/sass/search/_search.scss */ /* line 87, ../../../../general/res/sass/search/_search.scss */
.search .search-bar .search-input { .search .search-bar .search-input {
position: relative; position: relative;
@ -3954,15 +3926,19 @@ span.req {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; } text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu:not(.major) .icon, .overlay .bottom-bar .select:not(.major) .icon { .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu:not(.major) .icon, .overlay .bottom-bar .select:not(.major) .icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover, .overlay .bottom-bar .select:not(.major):not(.disabled):hover { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover, .overlay .bottom-bar .select:not(.major):not(.disabled):hover {
background: #7d7d7d; } background: #7d7d7d; }
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .select:not(.major):not(.disabled):hover > .icon { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .s-menu:not(.major):not(.disabled):hover > .icon, .overlay .bottom-bar .select:not(.major):not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 85, ../../../../general/res/sass/overlay/_overlay.scss */ /* line 85, ../../../../general/res/sass/overlay/_overlay.scss */
@ -4041,7 +4017,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 344, ../../../../general/res/sass/_mixins.scss */ /* line 345, ../../../../general/res/sass/_mixins.scss */
ul.tree li { ul.tree li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@ -5294,6 +5270,10 @@ table {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
box-sizing: border-box; box-sizing: border-box;
cursor: pointer; cursor: pointer;
@ -5303,32 +5283,32 @@ table {
margin-bottom: 3px; margin-bottom: 3px;
margin-right: 3px; margin-right: 3px;
position: relative; } position: relative; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item .icon { .items-holder .item.grid-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: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 276, ../../../../general/res/sass/_mixins.scss */ /* line 277, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover { .items-holder .item.grid-item:not(.disabled):hover {
background: #7d7d7d; } background: #7d7d7d; }
/* line 278, ../../../../general/res/sass/_mixins.scss */ /* line 279, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover > .icon { .items-holder .item.grid-item:not(.disabled):hover > .icon {
color: white; } } color: white; } }
/* line 46, ../../../../general/res/sass/items/_item.scss */ /* line 45, ../../../../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; }
/* line 48, ../../../../general/res/sass/items/_item.scss */ /* line 47, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-type .l-icon-link { .items-holder .item.grid-item:hover .item-main .item-type .l-icon-link {
color: #49dedb; } color: #49dedb; }
/* line 52, ../../../../general/res/sass/items/_item.scss */ /* line 51, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-open { .items-holder .item.grid-item:hover .item-main .item-open {
opacity: 1; } opacity: 1; }
/* line 57, ../../../../general/res/sass/items/_item.scss */ /* line 55, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .contents { .items-holder .item.grid-item .contents {
top: 10px; top: 10px;
right: 10px; right: 10px;
bottom: 10px; bottom: 10px;
left: 10px; } left: 10px; }
/* line 63, ../../../../general/res/sass/items/_item.scss */ /* line 61, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar { .items-holder .item.grid-item .bar.top-bar {
bottom: auto; bottom: auto;
color: #d9d9d9; color: #d9d9d9;
@ -5336,24 +5316,24 @@ table {
line-height: 20px; line-height: 20px;
text-align: right; text-align: right;
z-index: 5; } z-index: 5; }
/* line 70, ../../../../general/res/sass/items/_item.scss */ /* line 68, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar .left, .items-holder .item.grid-item .bar.top-bar .right { .items-holder .item.grid-item .bar.top-bar .left, .items-holder .item.grid-item .bar.top-bar .right {
width: auto; } width: auto; }
/* line 72, ../../../../general/res/sass/items/_item.scss */ /* line 70, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar .left .icon, .items-holder .item.grid-item .bar.top-bar .right .icon { .items-holder .item.grid-item .bar.top-bar .left .icon, .items-holder .item.grid-item .bar.top-bar .right .icon {
margin-left: 3px; } margin-left: 3px; }
/* line 74, ../../../../general/res/sass/items/_item.scss */ /* line 72, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .right .icon.l-icon-link { .items-holder .item.grid-item .bar.top-bar .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar .right .icon.l-icon-link {
color: #49dedb; } color: #49dedb; }
/* line 80, ../../../../general/res/sass/items/_item.scss */ /* line 78, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar { .items-holder .item.grid-item .bar.bottom-bar {
top: auto; top: auto;
line-height: 110%; } line-height: 110%; }
/* line 86, ../../../../general/res/sass/items/_item.scss */ /* line 83, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main { .items-holder .item.grid-item .item-main {
line-height: 160px; line-height: 160px;
z-index: 1; } z-index: 1; }
/* line 92, ../../../../general/res/sass/items/_item.scss */ /* line 89, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
overflow: false; overflow: false;
position: absolute; position: absolute;
@ -5363,14 +5343,13 @@ table {
left: 40px; left: 40px;
width: auto; width: auto;
height: auto; height: auto;
color: #eee;
text-align: center; text-align: center;
font-size: 96.9px; font-size: 96.9px;
line-height: 102px; line-height: 102px;
bottom: auto; bottom: auto;
height: 102px; height: 102px;
top: 30px; } top: 30px; }
/* line 104, ../../../../general/res/sass/items/_item.scss */ /* line 100, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-type .l-icon-link { .items-holder .item.grid-item .item-main .item-type .l-icon-link {
color: #49dedb; color: #49dedb;
height: auto; height: auto;
@ -5380,7 +5359,7 @@ table {
left: 0px; left: 0px;
bottom: 10px; bottom: 10px;
z-index: 2; } z-index: 2; }
/* line 116, ../../../../general/res/sass/items/_item.scss */ /* line 111, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
-moz-transition-property: "opacity"; -moz-transition-property: "opacity";
-o-transition-property: "opacity"; -o-transition-property: "opacity";
@ -5401,14 +5380,14 @@ table {
width: 50px; width: 50px;
pointer-events: none; pointer-events: none;
text-align: right; } text-align: right; }
/* line 127, ../../../../general/res/sass/items/_item.scss */ /* line 121, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .title { .items-holder .item.grid-item .title {
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
color: #fff; } color: #fff; }
/* line 132, ../../../../general/res/sass/items/_item.scss */ /* line 126, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item .details { .items-holder .item.grid-item .details {
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
overflow: hidden; overflow: hidden;
@ -5416,7 +5395,7 @@ table {
white-space: nowrap; white-space: nowrap;
color: #d9d9d9; color: #d9d9d9;
font-size: 0.8em; } font-size: 0.8em; }
/* line 138, ../../../../general/res/sass/items/_item.scss */ /* line 132, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected { .items-holder .item.grid-item.selected {
background-color: #0099cc; background-color: #0099cc;
-moz-border-radius: 4px; -moz-border-radius: 4px;
@ -5431,21 +5410,25 @@ table {
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
-moz-transition: background, 0.25s;
-o-transition: background, 0.25s;
-webkit-transition: background, 0.25s;
transition: background, 0.25s;
text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
color: #80dfff; } color: #80dfff; }
/* line 271, ../../../../general/res/sass/_mixins.scss */ /* line 272, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected .icon { .items-holder .item.grid-item.selected .icon {
color: #eee; } color: #eee; }
/* line 143, ../../../../general/res/sass/items/_item.scss */ /* line 137, ../../../../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 .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) {
color: #80dfff; } color: #80dfff; }
/* line 144, ../../../../general/res/sass/items/_item.scss */ /* line 138, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-main .item-open { .items-holder .item.grid-item.selected .item-main .item-open {
color: #80dfff; } color: #80dfff; }
/* line 145, ../../../../general/res/sass/items/_item.scss */ /* line 139, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected .title { .items-holder .item.grid-item.selected .title {
color: white; } color: white; }
/* line 147, ../../../../general/res/sass/items/_item.scss */ /* line 141, ../../../../general/res/sass/items/_item.scss */
.items-holder .item.grid-item.selected:hover .item-main .item-type { .items-holder .item.grid-item.selected:hover .item-main .item-type {
color: white !important; } color: white !important; }

11
platform/commonUI/themes/snow/res/sass/_constants.scss

@ -67,8 +67,8 @@ $styleTelemStale: italic;
// Bubble colors // Bubble colors
$colorInfoBubbleFg: #666; $colorInfoBubbleFg: #666;
$colorInfoBubbleBg: $colorMenuBg; $colorInfoBubbleBg: $colorMenuBg;
$colorThumbsBubbleFg: lighten($colorBodyFg, 10%); $colorThumbsBubbleFg: pullForward($colorBodyFg, 10%);
$colorThumbsBubbleBg: lighten($colorBodyBg, 10%); $colorThumbsBubbleBg: pullForward($colorBodyBg, 10%);
// Overlay // Overlay
$colorOvrBlocker: rgba(black, 0.7);// $colorOvrBlocker: rgba(black, 0.7);//
@ -81,7 +81,7 @@ $colorOvrBtnFg: #fff;
$colorItemBg: $colorBtnBg; $colorItemBg: $colorBtnBg;
$colorItemFg: $colorBtnFg; $colorItemFg: $colorBtnFg;
$colorItemFgDetails: darken($colorItemFg, 15%); $colorItemFgDetails: darken($colorItemFg, 15%);
$colorItemIcon: $colorBtnIcon; $colorItemIc: $colorBtnIcon;
$colorItemSubIcons: $colorItemFgDetails; $colorItemSubIcons: $colorItemFgDetails;
$colorItemOpenIcon: $colorItemFgDetails; $colorItemOpenIcon: $colorItemFgDetails;
$shdwItemText: rgba(black, 0.2) 0 1px 2px; $shdwItemText: rgba(black, 0.2) 0 1px 2px;
@ -126,4 +126,7 @@ $splitterEndCr: $splitterW;
$colorGrippyInteriorHover: $colorBodyBg; $colorGrippyInteriorHover: $colorBodyBg;
// Mobile // Mobile
$colorMobilePaneLeft: darken($colorBodyBg, 2%); $colorMobilePaneLeft: darken($colorBodyBg, 2%);
// About Screen
$colorAboutLink: #84b3ff;